Skip to content

Commit 7f0de4e

Browse files
authored
[A11y] Improved contrast of focus outline on elements in the header and footer (#9032)
1 parent 75a2245 commit 7f0de4e

4 files changed

Lines changed: 18 additions & 0 deletions

File tree

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

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

src/Bootstrap/dist/css/bootstrap.css

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

src/Bootstrap/less/navbar.less

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,11 @@
2121
@media (min-width: @grid-float-breakpoint) {
2222
border-radius: @navbar-border-radius;
2323
}
24+
25+
a:focus {
26+
outline: 4px solid white;
27+
outline-offset: -2px;
28+
}
2429
}
2530

2631

src/Bootstrap/less/theme/base.less

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,11 @@ body {
8383

8484
a {
8585
color: @panel-footer-color;
86+
87+
&:focus {
88+
outline: 3px solid white;
89+
outline-offset: 2px;
90+
}
8691
}
8792

8893
.footer-release-info {

0 commit comments

Comments
 (0)