Accessibility

Ekran okuyucu ve klavye kullanıcıları için hazır ARIA; ekstra yapılandırma gerekmez.

Hook, buton ve input için erişilebilir öznitelikleri üretir. Varsayılan çıktıya yakın markup:

<input
  id="virapassword-input-…"
  type="password"
/>
<button
  type="button"
  aria-label="Toggle password visibility"
  aria-pressed="false"
  aria-controls="virapassword-input-…"
>
  <!-- EyeIcon -->
</button>

ARIA öznitelikleri

Öznitelik	Nerede	Rol
`aria-label`	button	Varsayılan: `Toggle password visibility`
`aria-pressed`	button	Toggle durumu (görünür = true)
`aria-controls`	button	Kontrol edilen input’un `id`’si
`aria-invalid` / `aria-describedby`	input (opsiyonel)	`getInputAriaAttributes` ile manuel eklenebilir

Core yardımcılar helpers sayfasında.

type=button

Toggle her zaman type="button" alır. Böylece form içinde yanlışlıkla submit tetiklenmez: kendi buton bileşeninizi kullanırken de bu değer korunur (override etmeyin).

Stabil ID’ler

id verilmezse React useId() ile virapassword-input-… üretilir.
Buton aria-controls aynı id’ye bağlanır: birden fazla parola alanı aynı sayfada güvenle çalışır.