bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 21:33:27 +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 #chipSelectButton
> >
<span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-truncate"> <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 class="tw-truncate">{{ label }}</span>
</span> </span>
@if (!selectedOption) { @if (!selectedOption) {
<i <i
class="bwi tw-mt-0.5" class="bwi tw-mt-0.5"
[ngClass]="menuTrigger.isOpen ? 'bwi-angle-up' : 'bwi-angle-down'" [ngClass]="menuTrigger.isOpen ? 'bwi-angle-up' : 'bwi-angle-down'"
aria-hidden="true"
></i> ></i>
} }
</button> </button>
@@ -51,7 +52,7 @@
}" }"
(click)="clear()" (click)="clear()"
> >
<i class="bwi bwi-close tw-text-xs"></i> <i class="bwi bwi-close tw-text-xs" aria-hidden="true"></i>
</button> </button>
} }
</div> </div>
@@ -101,7 +102,7 @@
} }
{{ option.label }} {{ option.label }}
@if (option.children?.length) { @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> </button>
} }