Skip to content

Commit 3909419

Browse files
authored
Improve .NET banner accessibility (#8978)
Our black focus outline does not work well on the "20 years of .NET" banner. This moves to a white dashed outline to align with develper.microsoft.com. I verified this passes Accessibility Insights FastPass (the previous focus outline also passed 🙁) Part of https://github.com/NuGet/Engineering/issues/4226
1 parent c6b7e4b commit 3909419

2 files changed

Lines changed: 13 additions & 0 deletions

File tree

src/Bootstrap/dist/css/bootstrap-theme.css

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/Bootstrap/less/theme/page-home.less

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,13 @@
6363
color: white;
6464
font-weight: 600;
6565
}
66+
67+
a:focus {
68+
outline-color: #fff;
69+
outline-style: dashed;
70+
outline-width: 2px;
71+
outline-offset: 3px;
72+
}
6673
}
6774
}
6875
}

0 commit comments

Comments
 (0)