fix(settings): give the API-token revoke button an accessible name and a larger target

The revoke icon button announced only "button" to screen readers and sat
at a 32px target. Add a localized aria-label and bump it to 36px.
This commit is contained in:
Marc-André Bombeck committed 2026-06-04 15:37:36 +02:00
1 parent 16b7306243
commit 51959a4737
7 files changed
+8 -1

No files matched your search

+1
View File
@@ -3464,6 +3464,7 @@
"tokenNamePlaceholder": "Token-Name (z.B. iPhone Shortcut)",
"tokenCreated": "Token erstellt — kopiere ihn jetzt! Er wird nicht erneut angezeigt.",
"tokenRevoke": "Token widerrufen?",
"tokenRevokeAction": "Token widerrufen",
"tokenRevokeDescription": "Der Token wird unwiderruflich deaktiviert. Anwendungen, die ihn nutzen, verlieren den Zugriff.",
"tokenRevoked": "Widerrufen",
"tokenExpired": "Abgelaufen",
+1
View File
@@ -3464,6 +3464,7 @@
"tokenNamePlaceholder": "Token name (e.g., iPhone Shortcut)",
"tokenCreated": "Token created — copy it now! It won't be shown again.",
"tokenRevoke": "Revoke token?",
"tokenRevokeAction": "Revoke token",
"tokenRevokeDescription": "The token will be permanently deactivated. Applications using it will lose access.",
"tokenRevoked": "Revoked",
"tokenExpired": "Expired",
+1
View File
@@ -3464,6 +3464,7 @@
"tokenNamePlaceholder": "Nombre del token (p. ej., Atajo de iPhone)",
"tokenCreated": "Token creado — ¡cópialo ahora! No se mostrará de nuevo.",
"tokenRevoke": "¿Revocar token?",
"tokenRevokeAction": "Revocar token",
"tokenRevokeDescription": "El token se desactivará de forma permanente. Las aplicaciones que lo usen perderán el acceso.",
"tokenRevoked": "Revocado",
"tokenExpired": "Caducado",
+1
View File
@@ -3464,6 +3464,7 @@
"tokenNamePlaceholder": "Nom du jeton (par exemple Raccourci iPhone)",
"tokenCreated": "Jeton créé — copiez-le maintenant ! Il ne sera plus affiché.",
"tokenRevoke": "Révoquer le jeton ?",
"tokenRevokeAction": "Révoquer le jeton",
"tokenRevokeDescription": "Le jeton sera désactivé définitivement. Les applications qui l’utilisent perdront l’accès.",
"tokenRevoked": "Révoqué",
"tokenExpired": "Expiré",
+1
View File
@@ -3464,6 +3464,7 @@
"tokenNamePlaceholder": "Nome del token (ad es. Comando rapido iPhone)",
"tokenCreated": "Token creato — copialo ora! Non verrà mostrato di nuovo.",
"tokenRevoke": "Revocare il token?",
"tokenRevokeAction": "Revoca token",
"tokenRevokeDescription": "Il token verrà disattivato definitivamente. Le applicazioni che lo usano perderanno l’accesso.",
"tokenRevoked": "Revocato",
"tokenExpired": "Scaduto",
+1
View File
@@ -3464,6 +3464,7 @@
"tokenNamePlaceholder": "Nazwa tokena (np. Skrót iPhone)",
"tokenCreated": "Token utworzony — skopiuj go teraz! Nie zostanie pokazany ponownie.",
"tokenRevoke": "Cofnąć token?",
"tokenRevokeAction": "Unieważnij token",
"tokenRevokeDescription": "Token zostanie trwale dezaktywowany. Aplikacje, które go używają, stracą dostęp.",
"tokenRevoked": "Cofnięto",
"tokenExpired": "Wygasł",
+2 -1
View File
@@ -359,7 +359,8 @@ function ApiTokensCard() {
<Button
variant="ghost"
size="icon"
className="text-destructive h-8 w-8"
className="text-destructive h-9 w-9"
aria-label={t("settings.tokenRevokeAction")}
>
<Trash2 className="h-3.5 w-3.5" />
</Button>