Accessibility (a11y surfaces)

Approved a11y surfaces only render when a component binds them (the sonenta-a11y WIRE pass adds these). Configure a11ySurfaces first.

Accessor	Returns	Use
`t.aria(key, ns?)` / `i18n.aria(...)`	string (falls back to `t(key)`)	`aria-label={t.aria(key)}`
`t.alt(key, ns?)` / `i18n.alt(...)`	string (falls back to `t(key)`)	`alt={t.alt(key)}` on `<img>`
`t.a11y(key, surface, ns?)` / `i18n.a11y(...)`	string \| undefined (no fallback)	`screen_reader` (guard `undefined`)
`i18n.a11yAsset(key, ns?)`	AssetRef \| undefined	per-locale image swap
`i18n.plainLanguage` / `i18n.setPlainLanguage(on)`	boolean / Promise	global FALC toggle (no per-element wiring)

const { t } = useTranslation();
<button aria-label={t.aria("checkout.pay")}>{t("checkout.pay")}</button>
<img alt={t.alt("hero.banner")} src={...} />

A11y accessors