Texto
Estructura el texto de forma semántica utilizando las etiquetas de HTML.
Idioma de la página
En primer lugar, indica el idioma principal de la página. Indicar el idioma ayuda a las aplicaciones de síntesis de voz, traducción y corrección de textos a presentar la información de forma correcta.
Para identificar el idioma de la página utilizamos el atributo
lang
en el elemento
html
:
<html lang="es">
Para indicar cambios de idioma usamos el atributo
lang
en el elemento que contiene el texto:
<p>El lenguaje <abbr lang="en" title="Hypertext Markup
Language">HTML</abbr> se utiliza para estructurar páginas web.</p>
Nota: Los códigos de los idiomas siguen el estándar ISO 639
Encabezados
Utiliza encabezados para identificar las secciones de un documento e indicar su importancia relativa.
En HTML existen seis niveles de encabezado (h1
-
h6
). Los encabezados deben anidarse respetando el orden jerárquico y sin saltarse niveles al descender. Es
decir, después de un
h2
podría ir otro
h2
o un
h3
, pero no un
h4
.
Nota: Utiliza encabezados claros y descriptivos. Los usuarios de lectores de pantalla utilizan a menudo los encabezados para navegar dentro de una página web.
Párrafos
Los párrafos nos permiten dividir el texto en fragmentos temáticos, facilitando así su lectura.
Es recomendable limitar cada párrafo a una única idea principal, para facilitar la comprensión del texto.
Listas
Las listas se utilizan para mostrar un conjunto de elementos consecutivos.
Lista no ordenada
La lista no ordenada (ul
) se utiliza cuando los elementos no tienen un orden específico.
Lista ordenada
La lista ordenada (ol
) indica que los elementos siguen un orden progresivo o una secuencia.
Lista descriptiva
La lista descriptiva (dl
) sirve para mostrar grupos de términos (dt
) y descripciones (dd
).
Abreviaciones
Las abreviaciones incluyen tanto abreviaturas como siglas.
El elemento HTML para indicar una abreviación es
abbr
. Y para indicar la descripción completa incluimos el atributo
title
.
Aunque debido a las diferentes formas de interpretar el atributo
title
por parte de los navegadores y lectores de pantalla, se recomienda incluir la descripción completa de la abreviación la
primera vez que aparece en la página.
Citas
Las citas pueden ser en línea, cuando aparecen dentro de un párrafo, o en bloque, cuando forman un párrafo.
Cita en línea
Cita en bloque
Comprobación
Para comprobar el idioma, tanto de la página en general como de los posibles cambios, usamos el inspector de código.
Para comprobar la estructura de encabezados podemos usar la extensión:
Para el resto de elementos (listas, abreviaciones, citas) usamos el inspector de código y comprobamos si el contenido está correctamente etiquetado.