Cómo mejorar la accesibilidad web de su contenido comercial para lectores de pantalla

Se estima que el 15% de la población mundial tiene algún tipo de discapacidad permanente.

También existen discapacidades temporales, como lesiones musculoesqueléticas que dificultan el movimiento, y discapacidades degenerativas relacionadas con la edad, como la discapacidad visual. Las discapacidades pueden limitar la interacción de una persona con su entorno, incluido Internet. Sin embargo, los sitios web totalmente accesibles, junto con las tecnologías de asistencia, pueden ayudar a las personas con discapacidad a aprovechar Internet. Desafortunadamente, muchos sitios web tienen problemas de accesibilidad que impiden que las personas con discapacidad interactúen con el contenido del sitio.

Al hacer que su sitio web sea accesible, puede tener una gran ventaja sobre la competencia. Es probable que las personas con discapacidad se conviertan en clientes leales de los sitios web que funcionan bien para ellos, y el boca a boca puede ser importante para estos grupos. Entonces, veamos algunas razones por las que debería mejorar la accesibilidad de su sitio web y qué pasos prácticos puede tomar para hacerlo.

Elija un sistema de administración de contenido que admita la accesibilidad.

Hay muchos sistemas de administración de contenido disponibles para ayudarlo a construir su sitio web. Los ejemplos comunes incluyen Drupal y WordPress, pero hay muchas otras opciones. Una vez que haya elegido un CMS que satisfaga sus necesidades, debe elegir un tema/plantilla accesible. Consulte la documentación del tema para obtener sugerencias de accesibilidad y consejos sobre cómo crear contenido y diseños accesibles para este tema. Siga las mismas pautas al elegir módulos, complementos y widgets.

Para cosas como barras de herramientas de edición y reproductores de video, asegúrese de que admitan la creación de contenido accesible. Por ejemplo, las barras de herramientas de edición deben incluir opciones para encabezados y tablas accesibles, y los reproductores de video deben incluir subtítulos. Las opciones de administración de CMS (como crear una publicación de blog o publicar un comentario) también deben ser accesibles.

Usa encabezados correctamente para organizar la estructura de tu contenido.

Los usuarios de lectores de pantalla pueden usar la estructura de encabezado para navegar por el contenido. El uso adecuado y estratégico de los encabezados mantendrá el contenido de su sitio web bien organizado y fácil de interpretar para los lectores de pantalla. Asegúrese de usar los encabezados en el orden correcto y de separar la presentación de la estructura usando CSS (hojas de estilo en cascada).

No elija un encabezado solo porque se ve bien visualmente (lo que puede confundir a los usuarios de lectores de pantalla); en su lugar, crea una nueva clase CSS para darle estilo a tu texto.

Incluir texto alternativo adecuado para las imágenes Las imágenes deben tener texto alternativo para que los usuarios de lectores de pantalla puedan comprender el mensaje transmitido por el uso de imágenes en la página. Esto es especialmente importante para imágenes informativas (como infografías).

Al crear texto alternativo, el texto debe incluir el mensaje que desea que transmita la imagen y, si la imagen contiene texto, ese texto también debe incluirse en el texto alternativo. La excepción a esta regla es cuando una imagen se usa solo como decoración, en cuyo caso el texto alternativo se puede dejar en blanco (link is external) para que el usuario del lector de pantalla no se distraiga del contenido más importante de la página.

Si una imagen es el único contenido de un vínculo, el lector de pantalla leerá el nombre del archivo si no se especifica ningún texto alternativo. Proporcione siempre texto alternativo para las imágenes utilizadas como enlaces. Dé a sus enlaces nombres únicos y descriptivos Cuando incluya enlaces en su contenido, use texto que describa exactamente a dónde va el enlace.

El uso de "haga clic aquí" no se considera descriptivo y no es efectivo para los usuarios de lectores de pantalla. Así como los usuarios videntes escanean la página en busca de texto vinculado, los usuarios con discapacidad visual pueden usar sus lectores de pantalla para buscar enlaces. Como resultado, los usuarios de lectores de pantalla a menudo no leen el enlace en contexto con el resto de la página.

El uso de texto descriptivo explica correctamente el contexto de los enlaces a los usuarios de lectores de pantalla. El contenido más exclusivo del enlace debe presentarse primero, ya que los usuarios de lectores de pantalla suelen buscar en la lista de enlaces por la primera letra. Use el color con precaución La forma más común de deficiencia de color, la deficiencia de color rojo-verde, afecta aproximadamente al 8% de la población.

Si SOLAMENTE usa colores como estos (especialmente para indicar campos obligatorios en un formulario), estas personas no podrán entender su mensaje. Otros grupos de personas con discapacidad, especialmente los usuarios con problemas de aprendizaje, se benefician mucho de los colores cuando se utilizan para distinguir y organizar su contenido.

Para acomodar a ambos grupos, use color, pero también use otras señales visuales, como un asterisco o un signo de interrogación. También, asegúrese de separar sus bloques de contenido separándolos visualmente (por ejemplo, usando espacios en blanco o bordes).

Existen varias herramientas de evaluación de contraste de color para ayudarlo a hacer que su página sea lo más útil posible para las personas con problemas de visión o daltónicos. Hacer que el contenido dinámico sea accesible Cuando el contenido se actualiza dinámicamente (es decir, sin actualizaciones de página), es posible que los lectores de pantalla no lo reconozcan.

Esto incluye superposiciones de pantalla, cuadros de luz, actualizaciones de página, ventanas emergentes y cuadros de diálogo modales. Los usuarios de solo teclado pueden quedarse atascados en las superposiciones de página.

Los usuarios de software de ampliación pueden hacer zoom en el área incorrecta de la página. Estas características se pueden hacer fácilmente accesibles. Las opciones incluyen roles y alertas de ARIA, y marcos de desarrollo front-end que admiten específicamente la accesibilidad. Asegúrese de que los reproductores de video no se reproduzcan automáticamente (audio no consensuado) y que los reproductores puedan operarse con un teclado. Además, todos los videos deben tener subtítulos y opciones de transcripción para personas con discapacidad auditiva. Si su sitio incluye una presentación de diapositivas, asegúrese de que cada foto tenga texto alternativo y se pueda navegar con un teclado. Si usa widgets especiales (como un selector de calendario o funciones de arrastrar y soltar), verifique su accesibilidad.Palabras finales: Cómo mejorar la accesibilidad web de su contenido comercial para lectores de pantalla

Muchas gracias por visitarme. Sin usted, esta web no existiria, espero que le haya gustado y vuelva ☺️

Cómo mejorar la accesibilidad web de su contenido comercial para lectores de pantalla

Fecha actualizacion el 2022-04-12. Fecha publicacion el 2022-04-12. Categoria: Cómo mejorar Autor: Oscar olg Mapa del sitio Fuente: bollyinside