Interacción con el teclado
| Tecla | Acción |
|---|---|
| Tab | Mueve el foco al botón o al enlace. |
| Intro | Activa el botón o sigue el enlace. |
| Espacio | Activa el botón. En los enlaces, desplaza la página (comportamiento nativo). |
Notas de accesibilidad
- El nombre accesible es el texto del elemento. Los botones que solo tienen un icono necesitan un
aria-label. - El texto alcanza una relación de contraste de 4.5:1 en todas las variantes, tonos y temas; el generador de la paleta lo garantiza.
- El anillo de foco es un contorno de 2 px con un contraste de al menos 3:1 frente a la página, en ambos temas.
- Un
<button>desactivado sale del orden de tabulación. Un enlace desactivado sigue siendo enfocable, para que quienes usan lectores de pantalla puedan encontrarlo, y se anuncia como desactivado. - En el modo de colores forzados, el borde transparente se convierte en un contorno visible con el color del sistema.