Paggamit ng keyboard
| Key | Aksyon |
|---|---|
| Tab | Inililipat ang focus sa button o link. |
| Enter | Ina-activate ang button, o sinusundan ang link. |
| Space | Ina-activate ang button. Sa mga link, ini-scroll ang page (native na behavior). |
Mga tala sa accessibility
- Ang accessible name ay ang text ng element. Kailangan ng
aria-labelang mga button na icon lang ang laman. - Umaabot sa 4.5:1 na contrast ratio ang text sa bawat variant, tone at tema; ipinapatupad ito ng palette generator.
- Ang focus ring ay 2px na outline na may hindi bababa sa 3:1 na contrast laban sa page, sa parehong tema.
- Umaalis sa tab order ang naka-disable na
<button>. Nananatiling focusable ang naka-disable na link para mahanap ito ng mga gumagamit ng screen reader, at ina-announce itong disabled. - Sa forced-colors mode, nagiging nakikitang outline na may system color ang transparent na border.