Uso de encabezados
En accesibilidad web, se utilizan seis niveles de encabezado para organizar el contenido de las páginas web.
- Es fundamental tener en cuenta que cada nivel de encabezado sigue un orden numérico, al que se denomina jerarquía de encabezados.
- El orden de los encabezados es especialmente importante para los usuarios de lectores de pantalla, quienes los utilizan para navegar por una página web. Por lo tanto, si los encabezados de una página web están desordenados, puede dificultar la lectura del contenido a través de lectores de pantalla.
Los encabezados funcionan como puntos de referencia, especialmente para los usuarios de lectores de pantalla. Muchos usuarios no navegan por una página completa de principio a fin, sino que abren una lista de encabezados y la usan para ir directamente a la sección que necesitan.
Si se omiten los niveles de encabezado, se crea una confusión innecesaria para los usuarios de lectores de pantalla.
BUENAS PRÁCTICAS
- Trate cada nivel de encabezado como una sección o subsección de contenido
- Do no saltar niveles de encabezado
- No elija encabezados basándose únicamente en una elección estética ni haga un mal uso de un encabezado para llamar la atención sobre el contenido.
La siguiente tabla destaca el propósito de cada nivel de encabezado y cuándo utilizarlo.
| Nivel | Proposito |
|---|---|
| Rumbo 1 |
Título de su página web
|
| Rumbo 2 |
Encabezado de sección principal
|
| Rumbo 3 |
Primer subtítulo
|
| Rumbo 4 |
Segundo subtítulo
|
| Rumbo 5 |
Tercera subpartida
|
| Rumbo 6 |
Cuarto Subtítulo
|
*Tenga en cuenta que el Título 2 es un encabezado de sección principal que se utiliza para introducir nuevas secciones de información o conceptos (a menudo no relacionados). Si necesita introducir una nueva idea o un concepto no relacionado, utilice el Título 2.
Formato de página
Esta sección destaca las consideraciones para los elementos de formato visual.
Minimice el uso de texto subrayado en una sola página web. Evite usar subrayados para llamar la atención o enfatizar; tenga en cuenta las implicaciones a continuación.
¿Por qué importa esto?
- Los usuarios visuales pueden confundir una palabra o frase subrayada con un objeto hipervinculado.
- Los lectores de pantalla (normalmente) no anuncian que el texto está subrayado
- Comunique la importancia mediante texto simple en lugar de subrayarlo.
- Evite usar encabezados para llamar la atención
- Evite usar el color para llamar la atención (tenga en cuenta que algunos usuarios visuales pueden ser daltónicos)
Se permite texto en negrita, pero tenga en cuenta que solo está disponible para usuarios visuales.
- Evite asignar significado, importancia o énfasis mediante texto en negrita.
- El texto en negrita generalmente no se anuncia a los usuarios con discapacidades visuales.
- Si algo es importante, utilice texto para transmitir esa importancia.
Evite asignar significado a los colores
- ¿Por qué? Hay una serie de usuarios visuales que pueden tener dificultades para ver el espectro de colores completo.
- Se debe evitar en la medida de lo posible el uso de información codificada por colores.
- En lugar de usar color, use texto para transmitir significado o importancia.
Cómo usar el texto para transmitir importancia
En lugar de marcar la información con color, utilice texto para transmitir significado o importancia.
En lugar de utilizar texto rojo para indicar importancia, puede utilizar palabras clave como:
- Importante
- Por favor note
- Ser aconsejado
- Critical
La práctica de utilizar texto para transmitir significado, en lugar de hacerlo a través de colores, garantiza que todos los usuarios puedan comprender la información.
Los prospectos P1, P2, P4 y P4 están disponibles como estilos de fuente alternativos.*
- Limite el uso de P1 y P4 a textos cortos. Una página web no puede tener P1 ni P4 como estilo de fuente predeterminado en toda su extensión*.
- P1 y P4 no son encabezados verdaderos y no aparecerán como encabezados disponibles para los usuarios de lectores de pantalla.
Enlaces
En cuanto a los enlaces, deben redactarse de forma que todos los usuarios puedan comprender su propósito o destino. Esto se conoce como texto del enlace. El texto del enlace puede afectar tanto a usuarios con visión como a usuarios con discapacidad visual.
Para usuarios videntes:
- Cuanto más tiempo aparezca un enlace, más probabilidades hay de evitarlo.
- Los enlaces más largos a menudo no son utilizados por usuarios videntes
¿Por qué es importante el texto del enlace?
Para mayor accesibilidad, tenga en cuenta que los usuarios de lectores de pantalla pueden navegar por las páginas web mediante una lista de enlaces disponibles. Al encontrarlos, el lector de pantalla lee los enlaces en voz alta.
Normalmente, un dispositivo lector de pantalla leerá un enlace en voz alta como:
- "Enlace. [Nombre del elemento hipervinculado]".
- Enlace. Página de inicio de Servicios de Inscripción
- Enlace. Página web de ayuda financiera.
Consejo: Para comprobar si el texto de su enlace es eficaz, considere leer en voz alta el objeto hipervinculado y luego pregúntese:
- ¿Está claro a dónde llevará mi enlace al usuario?
- OR ¿Está claro el propósito de mi enlace?
Si puedes entender tu enlace cuando lo lees, entonces es muy probable que su texto sea efectivo.
Alineación del texto
El texto alineado a la izquierda se considera la opción más legible, natural y accesible para usuarios visuales. Con este texto, es más fácil identificar dónde empiezan y terminan las líneas, lo cual resulta especialmente útil para personas con dificultades de procesamiento visual o discapacidades cognitivas. Mantener el texto alineado a la izquierda facilita la lectura.
¿Por qué importa esto?
Para la accesibilidad web, los usuarios con discapacidades cognitivas, como la dislexia, pueden desorientarse cuando el texto se desplaza hacia el centro o se alinea a la derecha. Esto, a su vez, representa un obstáculo para ellos.
Recursos
Nos dedicamos a cultivar un entorno acogedor y de apoyo que mejore el éxito y el progreso de todos los estudiantes, profesores y personal, independientemente de las experiencias personales, los valores y las visiones del mundo que surjan de las diferencias culturales y las circunstancias, incluidas, entre otras, la raza, la etnia, el género, la orientación sexual, la edad, el idioma, el nivel socioeconómico, el contexto geográfico y las capacidades/discapacidades. También proporcionamos el liderazgo y la estructura para que el campus evalúe los problemas de acceso, representación y pertenencia, así como para aumentar la eficacia de los programas y servicios existentes, desarrollar nuevos programas y servicios y generar consenso y apoyo.
Actualizado: Octubre 23, 2025