Interação por teclado
| Tecla | Ação |
|---|---|
| Tab | Entra no grupo, na estrela marcada. |
| Setas | Mudam a avaliação. |
| Espaço | Marca a estrela em foco. |
Notas de acessibilidade
- Cada estrela é um botão de rádio nativo com o nome “3 stars”. Dê um nome ao grupo com
aria-label. - No modo somente leitura, a avaliação é uma imagem (
role="img") com o nome “Rated 4.3 out of 5”. - As estrelas são desenhadas com máscaras CSS, então seguem as cores forçadas.