Profe Johnny
Manual · Tema 10 de 11

Accesibilidad y atributos globales

Atributos que funcionan en cualquier etiqueta y buenas prácticas de accesibilidad.

Los atributos globales pueden usarse en casi cualquier etiqueta: id (identificador único), class (para agrupar y aplicar estilos o JS), title (tooltip) y data-* (datos personalizados para JavaScript).

Para accesibilidad, además del alt en imágenes, existen los atributos ARIA como aria-label (texto para lectores de pantalla cuando no hay texto visible) y role. También es clave respetar el orden lógico de encabezados y usar suficiente contraste de color (esto último se controla desde CSS).

Un sitio accesible beneficia a todas las personas: navegación por teclado, texto legible y estructura clara ayudan tanto a quienes usan lector de pantalla como a cualquier usuario con conexión lenta o pantalla pequeña.

Ejemplo — pruébalo tú mismo

accesibilidad.html
Ponlo a prueba: Agrega un <button> con aria-label describiendo una acción de 'buscar'.