Accesibilidad Web | HTML Semántico

Etiquetas semánticas de estructura

Este tipo de etiquetas además de favorecer el SEO, son importantes de cara a la accesibilidad

Las más importantes son:

  • header
  • footer
  • main
  • section
  • article
  • aside

Etiquetas de énfasis

El dinero es importante pero la salud lo es más.

La etiqueta em aporta énfasis a un fragmento de texto, pero la etiqueta strong aporta aún más énfasis

No debemos sustituir la etiqueta strong por b ni la etiqueta em por i.

Listas

Tanto las listas ordenadas como desordenadas aportan semántica para los lectores de pantalla.

En las tablas

Las etiquetas caption, thead, tbody y tfoot aportan semántica.

Lista de la compra
Producto Importe
Destornillador 3
Llave inglesa 5
Martillo 7
Total 13