mirror of
https://github.com/bitwarden/browser.git
synced 2024-11-11 10:10:25 +01:00
[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
This commit is contained in:
parent
a42006763d
commit
d68853a4a2
@ -128,6 +128,21 @@
|
|||||||
"copyLicenseNumber": {
|
"copyLicenseNumber": {
|
||||||
"message": "Copy license number"
|
"message": "Copy license number"
|
||||||
},
|
},
|
||||||
|
"copyCustomField": {
|
||||||
|
"message": "Copy $FIELD$",
|
||||||
|
"placeholders": {
|
||||||
|
"field": {
|
||||||
|
"content": "$1",
|
||||||
|
"example": "Custom field label"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"copyWebsite": {
|
||||||
|
"message": "Copy website"
|
||||||
|
},
|
||||||
|
"copyNotes": {
|
||||||
|
"message": "Copy notes"
|
||||||
|
},
|
||||||
"autoFill": {
|
"autoFill": {
|
||||||
"message": "Autofill"
|
"message": "Autofill"
|
||||||
},
|
},
|
||||||
|
@ -592,6 +592,45 @@
|
|||||||
"message": "Copy URI",
|
"message": "Copy URI",
|
||||||
"description": "Copy URI to clipboard"
|
"description": "Copy URI to clipboard"
|
||||||
},
|
},
|
||||||
|
"copyCustomField": {
|
||||||
|
"message": "Copy $FIELD$",
|
||||||
|
"placeholders": {
|
||||||
|
"field": {
|
||||||
|
"content": "$1",
|
||||||
|
"example": "Custom field label"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"copyWebsite": {
|
||||||
|
"message": "Copy website"
|
||||||
|
},
|
||||||
|
"copyNotes": {
|
||||||
|
"message": "Copy notes"
|
||||||
|
},
|
||||||
|
"copyAddress": {
|
||||||
|
"message": "Copy address"
|
||||||
|
},
|
||||||
|
"copyPhone": {
|
||||||
|
"message": "Copy phone"
|
||||||
|
},
|
||||||
|
"copyEmail": {
|
||||||
|
"message": "Copy email"
|
||||||
|
},
|
||||||
|
"copyCompany": {
|
||||||
|
"message": "Copy company"
|
||||||
|
},
|
||||||
|
"copySSN": {
|
||||||
|
"message": "Copy Social Security number"
|
||||||
|
},
|
||||||
|
"copyPassportNumber": {
|
||||||
|
"message": "Copy passport number"
|
||||||
|
},
|
||||||
|
"copyLicenseNumber": {
|
||||||
|
"message": "Copy license number"
|
||||||
|
},
|
||||||
|
"copyName": {
|
||||||
|
"message": "Copy name"
|
||||||
|
},
|
||||||
"me": {
|
"me": {
|
||||||
"message": "Me"
|
"message": "Me"
|
||||||
},
|
},
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
[appCopyClick]="notes"
|
[appCopyClick]="notes"
|
||||||
showToast
|
showToast
|
||||||
[valueLabel]="'note' | i18n"
|
[valueLabel]="'note' | i18n"
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyNotes' | i18n"
|
||||||
></button>
|
></button>
|
||||||
</bit-form-field>
|
</bit-form-field>
|
||||||
</bit-card>
|
</bit-card>
|
||||||
|
@ -35,7 +35,7 @@
|
|||||||
[appCopyClick]="login.launchUri"
|
[appCopyClick]="login.launchUri"
|
||||||
[valueLabel]="'website' | i18n"
|
[valueLabel]="'website' | i18n"
|
||||||
showToast
|
showToast
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyWebsite' | i18n"
|
||||||
data-testid="copy-website"
|
data-testid="copy-website"
|
||||||
></button>
|
></button>
|
||||||
</bit-form-field>
|
</bit-form-field>
|
||||||
|
@ -39,7 +39,7 @@
|
|||||||
[appCopyClick]="card.number"
|
[appCopyClick]="card.number"
|
||||||
showToast
|
showToast
|
||||||
[valueLabel]="'number' | i18n"
|
[valueLabel]="'number' | i18n"
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyNumber' | i18n"
|
||||||
data-testid="copy-number"
|
data-testid="copy-number"
|
||||||
></button>
|
></button>
|
||||||
</bit-form-field>
|
</bit-form-field>
|
||||||
@ -79,7 +79,7 @@
|
|||||||
[appCopyClick]="card.code"
|
[appCopyClick]="card.code"
|
||||||
showToast
|
showToast
|
||||||
[valueLabel]="'securityCode' | i18n"
|
[valueLabel]="'securityCode' | i18n"
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copySecurityCode' | i18n"
|
||||||
data-testid="copy-code"
|
data-testid="copy-code"
|
||||||
(click)="logCardEvent(true, EventType.Cipher_ClientCopiedCardCode)"
|
(click)="logCardEvent(true, EventType.Cipher_ClientCopiedCardCode)"
|
||||||
></button>
|
></button>
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
[appCopyClick]="field.value"
|
[appCopyClick]="field.value"
|
||||||
showToast
|
showToast
|
||||||
[valueLabel]="field.name"
|
[valueLabel]="field.name"
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyCustomField' | i18n: field.name"
|
||||||
data-testid="copy-custom-field"
|
data-testid="copy-custom-field"
|
||||||
></button>
|
></button>
|
||||||
</bit-form-field>
|
</bit-form-field>
|
||||||
@ -40,7 +40,7 @@
|
|||||||
[appCopyClick]="field.value"
|
[appCopyClick]="field.value"
|
||||||
showToast
|
showToast
|
||||||
[valueLabel]="field.name"
|
[valueLabel]="field.name"
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyCustomField' | i18n: field.name"
|
||||||
(click)="logCopyEvent()"
|
(click)="logCopyEvent()"
|
||||||
></button>
|
></button>
|
||||||
</bit-form-field>
|
</bit-form-field>
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
[appCopyClick]="cipher.login.username"
|
[appCopyClick]="cipher.login.username"
|
||||||
[valueLabel]="'username' | i18n"
|
[valueLabel]="'username' | i18n"
|
||||||
showToast
|
showToast
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyUsername' | i18n"
|
||||||
data-testid="copy-username"
|
data-testid="copy-username"
|
||||||
></button>
|
></button>
|
||||||
</bit-form-field>
|
</bit-form-field>
|
||||||
@ -64,7 +64,7 @@
|
|||||||
[appCopyClick]="cipher.login.password"
|
[appCopyClick]="cipher.login.password"
|
||||||
[valueLabel]="'password' | i18n"
|
[valueLabel]="'password' | i18n"
|
||||||
showToast
|
showToast
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyPassword' | i18n"
|
||||||
data-testid="copy-password"
|
data-testid="copy-password"
|
||||||
(click)="logCopyEvent()"
|
(click)="logCopyEvent()"
|
||||||
></button>
|
></button>
|
||||||
@ -127,7 +127,7 @@
|
|||||||
[appCopyClick]="totpCodeCopyObj?.totpCode"
|
[appCopyClick]="totpCodeCopyObj?.totpCode"
|
||||||
[valueLabel]="'verificationCodeTotp' | i18n"
|
[valueLabel]="'verificationCodeTotp' | i18n"
|
||||||
showToast
|
showToast
|
||||||
[appA11yTitle]="'copyValue' | i18n"
|
[appA11yTitle]="'copyVerificationCode' | i18n"
|
||||||
data-testid="copy-totp"
|
data-testid="copy-totp"
|
||||||
[disabled]="!(isPremium$ | async)"
|
[disabled]="!(isPremium$ | async)"
|
||||||
class="disabled:tw-cursor-default"
|
class="disabled:tw-cursor-default"
|
||||||
|
Loading…
Reference in New Issue
Block a user