Pautas de accesibilidad y buenas prácticas en la gestión de contenidos
A continuación encontrará algunas pautas generales de accesibilidad que siguen las directrices de las WCAG para ayudarle a gestionar el contenido de su sitio web en el futuro. Consulte nuestro blog para obtener más información sobre las mejores prácticas de accesibilidad.
Títulos accesibles
Los lectores de pantalla deben ser capaces de comunicar el contexto de una página o sección dentro de una página.
Utilice un lenguaje descriptivo en los títulos H1: El encabezado 1 aka H1 aka “Título de la página” debe ser el tema de la página y no jerga de marketing.
Utilice un texto de encabezamiento H1 único: El mismo H1 no debe utilizarse en otras páginas del sitio web.
Utilice sólo un H1 por página: El H1 informa a las herramientas del tema de la página.
Utilice los títulos en general para destacar el contenido: Utilice los demás encabezados (H2, H3, H4, H5, H6) para destacar y enfatizar aún más el contenido de la página.
Utilice los títulos en orden: Los títulos de los encabezados deben estar en orden H1 >H2 >H3 >H4 >H5 >H6.
Enlaces accesibles
Los lectores de pantalla deben ser capaces de comunicar el contexto que hay detrás de un enlace.
Utilice un lenguaje descriptivo en los enlaces: Los enlaces de texto NO deben decir “lea más” y “aprenda más”: describa a sus visitantes lo que la página resultante les va a dar
Enlaza con otras páginas útiles del sitio a lo largo de su contenido: Permite al visitante buscar rápidamente otra información.
Los enlaces deben tener un aspecto diferente y destacarse del contenido: Más allá del uso del color, utilice una flecha “→” o una zanahoria “>” o un subrayado para enfatizar aún más a los visitantes que el texto es un enlace. Esto se tiene en cuenta en sus diseños, así que asegúrese de seguir nuestra guía de estilo y las plantillas de bloques de páginas proporcionadas.
Cuando utilice imágenes como enlaces: No utilice simplemente una imagen como enlace. Las imágenes deben complementarse con texto para ayudar a resaltar los enlaces.
Evite utilizar el mismo texto para todos los enlaces: Asegúrese de que los enlaces que tienen el mismo nombre van al mismo destino.
Imágenes accesibles
Los usuarios ciegos no pueden ver las imágenes, ni tampoco un lector de pantalla que esté utilizando un usuario ciego.
Evite las imágenes que contengan texto: Un lector de pantalla no puede leer una imagen, por lo que las imágenes no deben contener texto valioso o información que no esté disponible en la página.
Las imágenes deben incluir texto alternativo: Las imágenes utilizadas para medios distintos de la decoración deben incluir un texto alternativo que describa la imagen para que un lector de pantalla pueda informar al usuario del contenido de la misma (por ejemplo, una mujer utilizando el teléfono en su escritorio).
Descripciones del texto alternativo de la imagen: El texto alternativo de la imagen debe describir la imagen y no debe utilizar caracteres especiales.
Evite el relleno de palabras clave en el texto alternativo: El texto alternativo no es un lugar para cargarse de frases clave de destino. Aunque una frase clave puede utilizarse ocasionalmente, no la utilice en todas las imágenes.
Vídeos accesibles
Las herramientas de pago suelen ofrecer más flexibilidad y funciones, como subtítulos y transcripciones de vídeo. Utiliza las versiones de pago o pro de las herramientas de vídeo alojadas de terceros.
Ofrecer un enlace a una página con el vídeo completo transcrito en la página en el WYSIWYG.
No reproduzca el audio automáticamente.
Otros consejos sobre contenidos accesibles
Incluya siempre un enlace al mapa del sitio en el pie de página de su sitio web.
Asegúrese de que las listas con viñetas utilizan realmente el formato de lista con viñetas.
Proporcionar instrucciones claras en los formularios.
Asegúrese de que los formularios no sean demasiado largos y que cada campo tenga una etiqueta descriptiva.
Incluya una página en el pie de página que contenga una declaración de accesibilidad.
Utilice un lenguaje sencillo y conciso y explique las abreviaturas o palabras cuyo significado sea ambiguo sin pronunciación.
Asegúrese de que los PDF y otros archivos descargables sean accesibles.
Haz un plan para revisar las páginas de contenido antiguas que se han migrado al nuevo sitio web y asegúrate de que sigues las mejores prácticas de accesibilidad.
Herramientas de prueba accesibles
Si sigue las mejores prácticas que hemos descrito a lo largo de su proyecto, su contenido debería dar buenos resultados en las pruebas de accesibilidad. Para estar seguro, puede utilizar siempre estas herramientas para probar cada página que cree:
¿Su organización está aumentando sus requisitos de accesibilidad web? ¿Está obligado legalmente a hacer más o a informar sobre sus normas de accesibilidad web? Contacte con el servicio de asistencia – Podemos concertar una conversación con nuestros estrategas para hablar de lo que supone contratar a Orbit en una auditoría y obtener un presupuesto.
