diff --git a/artifacts/tx-os/src/components/settings-panel.tsx b/artifacts/tx-os/src/components/settings-panel.tsx index ae702bae..4567f24d 100644 --- a/artifacts/tx-os/src/components/settings-panel.tsx +++ b/artifacts/tx-os/src/components/settings-panel.tsx @@ -47,11 +47,13 @@ function ToggleRow({ active, onClick, label, + ariaLabel, leftIcon, }: { active: boolean; onClick: () => void; label: string; + ariaLabel?: string; leftIcon?: React.ReactNode; }) { return ( @@ -59,7 +61,7 @@ function ToggleRow({ type="button" role="switch" aria-checked={active} - aria-label={label} + aria-label={ariaLabel ?? label} onClick={onClick} className="w-full flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg text-start hover:bg-foreground/5 transition-colors" > @@ -215,6 +217,9 @@ function MyAppsBody() { const Icon = resolveAppIcon(app.iconName); const name = lang === "ar" ? app.nameAr : app.nameEn; const visible = !app.hidden; + const ariaLabel = visible + ? t("settingsPanel.myApps.hide", { name }) + : t("settingsPanel.myApps.show", { name }); return (