bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-13 23:13:36 +00:00
Code Issues Releases Wiki Activity

[CL-454] Improve color a11y for toast and banner interactive elements (#11200)

Browse Source
This commit is contained in:
Victoria League
2024-09-24 12:30:33 -04:00
committed by GitHub
parent 95de2feec3
commit a8578f5d99
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
libs/components/src/banner/banner.component.html
View File

@@ -5,11 +5,14 @@
[attr.aria-live]="useAlertRole ? 'polite' : null"
>
<i class="bwi tw-align-middle tw-text-base" [ngClass]="icon" *ngIf="icon" aria-hidden="true"></i>
<span class="tw-grow tw-text-base">
<!-- Overriding focus-visible color for link buttons for a11y against colored background -->
<span class="tw-grow tw-text-base [&>button[bitlink]:focus-visible:before]:!tw-ring-text-main">
<ng-content></ng-content>
</span>
<!-- Overriding hover and focus-visible colors for a11y against colored background -->
<button
*ngIf="showClose"
class="hover:tw-border-text-main focus-visible:before:tw-ring-text-main"
type="button"
bitIconButton="bwi-close"
buttonType="main"

3
libs/components/src/toast/toast.component.html
View File

@@ -17,8 +17,9 @@
{{ m }}
</p>
</div>
<!-- Overriding hover and focus-visible colors for a11y against colored background -->
<button
class="tw-ml-auto"
class="tw-ml-auto hover:tw-border-text-main focus-visible:before:tw-ring-text-main"
bitIconButton="bwi-close"
buttonType="main"
type="button"