bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-06 00:13:28 +00:00
Code Issues Releases Wiki Activity

[PM-13196] Hide decorative chip select icons from screenreaders (#14990)

Browse Source
This commit is contained in:
Vicki League
2025-06-12 16:27:26 -04:00
committed by GitHub
parent 93ab8b7ec1
commit 0e1d48179d
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
libs/components/src/chip-select/chip-select.component.html
View File

@@ -28,13 +28,14 @@
#chipSelectButton
>
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-truncate">
<i class="bwi !tw-text-[inherit]" [ngClass]="icon"></i>
<i class="bwi !tw-text-[inherit]" [ngClass]="icon" aria-hidden="true"></i>
<span class="tw-truncate">{{ label }}</span>
</span>
@if (!selectedOption) {
<i
class="bwi tw-mt-0.5"
[ngClass]="menuTrigger.isOpen ? 'bwi-angle-up' : 'bwi-angle-down'"
aria-hidden="true"
></i>
}
</button>
@@ -51,7 +52,7 @@
}"
(click)="clear()"
>
<i class="bwi bwi-close tw-text-xs"></i>
<i class="bwi bwi-close tw-text-xs" aria-hidden="true"></i>
</button>
}
</div>
@@ -101,7 +102,7 @@
}
{{ option.label }}
@if (option.children?.length) {
<i slot="end" class="bwi bwi-angle-right"></i>
<i slot="end" class="bwi bwi-angle-right" aria-hidden="true"></i>
}
</button>
}