Cargando...
Accesibilidad HTML
Accesibilidad = más personas pueden usar la página — teclado, lector de pantalla, zoom. Buen HTML es la base.
Respuesta directa
Semántica, labels, alt significativo, encabezados lógicos, teclado.
📊 Hábitos de accesibilidad
| Habit | Why it helps |
|---|---|
| Semantic landmarks | Tools can jump to regions |
| Labels on controls | Names fields clearly |
| Alt on images | Describes non-text content |
| Logical headings | Outlines the page |
| Keyboard operable controls | Not everyone uses a pointer |
Accessible snippets
html
HTML Code
<nav aria-label="Main">
<a href="index.html">Home</a>
</nav>
<label for="q">Search</label>
<input id="q" name="q" type="search">
<img src="chart.png" alt="Bar chart: sales rose from 10 to 18">
<button type="submit">Search</button>Pruébalo
- auditar labels/alt
- un h1
- Tab
- arreglar
Errores fáciles
- «click here»
- sin alt
- div sin teclado
- ARIA parche
Resumen
- semántica+labels+alt
- teclado
- HTML antes ARIA
- inclusivo
🧠 Pon a Prueba tu Conocimiento
Listo para Empezar
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
5
Preguntas
70%
Para Aprobar
∞
Tiempo
∞
Intentos
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior