1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 01:03:35 +00:00
Files
browser/libs/vault/src/cipher-view/autofill-options/autofill-options-view.component.html
Nick Krantz d68853a4a2 [PM-11131] Screen Reader Announcements for Copy (#11091)
* add copy specific aria-labels for login ciphers

* add copy specific aria-labels for card ciphers

* add copy translations for identity to web translations
2024-09-17 13:23:15 -05:00

45 lines
1.2 KiB
HTML

<bit-section>
<bit-section-header>
<h2 bitTypography="h6">{{ "autofillOptions" | i18n }}</h2>
</bit-section-header>
<bit-card>
<ng-container *ngFor="let login of loginUris; let last = last">
<bit-form-field
[disableMargin]="last"
[disableReadOnlyBorder]="last"
data-testid="autofill-view-list"
>
<bit-label>
{{ "website" | i18n }}
</bit-label>
<input
readonly
bitInput
type="text"
[value]="login.hostOrUri"
aria-readonly="true"
data-testid="login-website"
/>
<button
bitIconButton="bwi-external-link"
bitSuffix
type="button"
(click)="openWebsite(login.launchUri)"
data-testid="launch-website"
[attr.aria-label]="('launch' | i18n) + ' ' + login.hostOrUri"
></button>
<button
bitIconButton="bwi-clone"
bitSuffix
type="button"
[appCopyClick]="login.launchUri"
[valueLabel]="'website' | i18n"
showToast
[appA11yTitle]="'copyWebsite' | i18n"
data-testid="copy-website"
></button>
</bit-form-field>
</ng-container>
</bit-card>
</bit-section>