Skip to content

Commit 5dc3f65

Browse files
committed
High-contrast accessibility fixes
1 parent 6e24fe3 commit 5dc3f65

File tree

3 files changed

+10
-0
lines changed

3 files changed

+10
-0
lines changed

tbx/static_src/sass/components/_button-link.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@
1111
transition: background-color $transition-quick;
1212
// TODO: add default bg color for themed pages var(--color--accent) once color themes BE is ready
1313

14+
@include high-contrast-text-decoration();
15+
1416
@include reduced-motion() {
1517
transition: none;
1618
}

tbx/static_src/sass/components/_division-signpost.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,10 @@
3232
flex-basis: calc(33.33% - ($spacer-mini-plus * 2 / 3));
3333
}
3434

35+
@include high-contrast-mode() {
36+
border: 1px solid var(--color--text);
37+
}
38+
3539
&--theme-coral {
3640
background-color: var(--color--coral-charity);
3741

tbx/static_src/sass/config/_mixins.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -385,6 +385,10 @@
385385
@include focus-style();
386386
}
387387

388+
@include high-contrast-text-decoration();
389+
}
390+
391+
@mixin high-contrast-text-decoration() {
388392
@include high-contrast-mode() {
389393
text-decoration: underline;
390394
text-decoration-thickness: $link-underline-thickness;

0 commit comments

Comments
 (0)