M谩s

    C贸mo hacer que WordPress sea accesible para usuarios con problemas de visi贸n

    - Advertisement -

    WordPress se encuentra entre los sistemas de gesti贸n de contenidos m谩s utilizados, con m谩s del 43% de los sitios web que lo utilizan. Lamentablemente, la mayor铆a de estos sitios web no cumplen con las pautas de accesibilidad de la ADA, lo que representa un gran desaf铆o para los usuarios con discapacidad visual. Por lo tanto, como propietario de un sitio web de WordPress, su objetivo debe ser hacerlo accesible para garantizar la usabilidad de todas las personas, incluidas aquellas con discapacidad visual.

    Índice

    La importancia de la accesibilidad visual

    La accesibilidad visual garantiza que las personas con discapacidad visual puedan ver y comprender la informaci贸n que usted presenta en su sitio web. Estos incluyen personas con baja visi贸n, problemas de visi贸n y diferentes tipos de daltonismo.

    Al compensar los desaf铆os visuales, la accesibilidad web hace que la navegaci贸n sea mucho m谩s productiva y menos frustrante para los usuarios con discapacidad visual. Desde descripciones de audio, im谩genes y tama帽o de fuente, un sitio web accesible ayudar谩 a los usuarios que dependen de la tecnolog铆a de asistencia a aprovechar al m谩ximo su sitio web.

    Adem谩s de practicar la accesibilidad visual para captar clientes potenciales, la accesibilidad es un requisito legal. La Ley de Estadounidenses con Discapacidades, ADA, protege contra la discriminaci贸n contra las personas discapacitadas y requiere que los sitios web modifiquen sus recursos e instalaciones en consecuencia para satisfacer sus necesidades. Las WCAG describen las formas de accesibilidad que debe adoptar un sitio web, incluido que sea perceptible, operable, s贸lido y comprensible. WCAG 2.2 ofrece una lista detallada de lo que se debe y no se debe hacer en diferentes categor铆as. Por ejemplo, para proteger a las personas con discapacidad visual, una de las reglas WCAG requiere una relaci贸n de contraste de 4:5:1 para ayudar a la accesibilidad visual.

    Diez consejos para hacer que WordPress sea accesible para usuarios con problemas de visi贸n

    Teniendo en cuenta las reglas y regulaciones anteriores, siga leyendo para conocer consejos para hacer que WordPress sea m谩s accesible para usuarios con problemas de visi贸n.

    1. Utilice un tema de WordPress accesible

    Si bien puede elegir su tema entre varios dise帽os, algunos tienen caracter铆sticas que agregan complejidad, lo que dificulta que las personas discapacitadas que dependen de lectores de pantalla accedan a su contenido. Por lo tanto, al seleccionar un tema, considere buscar un tema que indique espec铆ficamente que tiene un dise帽o accesible.

    Un ejemplo es el tema total que se actualiza constantemente en colaboraci贸n con la Universidad de Hawaii. Otra forma de encontrar un tema de WordPress accesible (y gratuito) es ordenar sus opciones utilizando el filtro de funci贸n Listo para accesibilidad en WordPress.org. Los temas con esta etiqueta de filtro se han probado Pautas listas para la accesibilidad de WordPress e incluyen men煤s accesibles, alto contraste de color y c贸digo sem谩ntico.

    2. Utilice c贸digo accesible

    Un c贸digo accesible utilizar谩 elementos para el uso previsto, brindando a los usuarios que dependen de la tecnolog铆a de asistencia una mejor experiencia en su sitio web. Los c贸digos accesibles incluyen los siguientes:

    HTML sem谩ntico

    HTML sem谩ntico se refiere a c贸mo utiliza el elemento para definir su contenido web y su funci贸n y significado multimedia. Estos incluyen

    a

    para sus t铆tulos,

    para p谩rrafos y

      para listas. A trav茅s del HTML sem谩ntico, los lectores de pantalla, los motores de b煤squeda y los navegadores pueden comprender y navegar por su sitio web.

      Atributos del idioma

      Utilizar un lenguaje claro y conciso es otro aspecto de la accesibilidad web. Su lenguaje debe ser f谩cil de seguir y comprender. Por lo tanto, evite la jerga, los modismos, la jerga y las oraciones complejas que confundan a sus lectores. Para organizar su contenido, utilice t铆tulos, subt铆tulos, p谩rrafos y listas, y cuando necesite agregar un acr贸nimo o t茅rmino t茅cnico, expl铆quelos primero o proporcione un glosario.

      Puntos de referencia de ARIA

      Las aplicaciones de Internet enriquecidas accesibles, ARIA, ayudan a que su contenido sea m谩s accesible al proporcionar informaci贸n y contexto sobre un elemento a los lectores de pantalla y la tecnolog铆a de asistencia. Piense en ello como un mapa de regiones visuales y funcionales generales en sus p谩ginas web (nota: estas deben usarse y, en su mayor铆a, integrarse en su tema de WordPress). Al agregar un punto de referencia ARIA, puede definir las regiones de aplicaci贸n, complementaria, banner, formulario, navegaci贸n, principal, b煤squeda e informaci贸n de contenido de su sitio web. Por lo tanto, agregar puntos de referencia ARIA crea un conjunto de enlaces de 芦saltar a禄, lo que permite a los usuarios saltar a cualquiera de las secciones anteriores y conocer sus funciones.

      Texto alternativo de imagen

      Las im谩genes son una parte clave del contenido web, pero pueden ser inaccesibles para personas con discapacidad visual. Para que sus im谩genes en WordPress sean accesibles, recuerde utilizar descripciones de texto, ya que las tecnolog铆as de asistencia pueden leerlas. El uso de texto alternativo de imagen requiere proporcionar texto descriptivo de la imagen en la funci贸n alternativa. Alternativamente, puedes usar un complemento como Atributos de imagen autom谩tica para acelerar el proceso con la generaci贸n autom谩tica de texto.

      Etiquetas de encabezado

      Los encabezados son un elemento importante de la accesibilidad de WordPress, ya que crean jerarqu铆a y estructura, lo que permite a los usuarios navegar por el contenido f谩cilmente. El t铆tulo de su p谩gina principal debe usar

      , y luego dentro de su contenido puede usar

      ,

      ,

      , etc. para definir el contenido en orden de importancia. Sus t铆tulos tambi茅n deben ser consistentes en todo su sitio web para la accesibilidad de WordPress.

      Formularios de contacto

      Los formularios en l铆nea est谩n disponibles en todos los tama帽os y formas, desde simples formularios de contacto hasta complejas solicitudes universitarias. Estos formularios son sus 煤ltimas rutas de conversi贸n y deben ser funcionales para su usuario. Un usuario con discapacidad visual depender谩 de la tecnolog铆a de asistencia y un etiquetado inadecuado de su formulario crear谩 una barrera.

      Por lo tanto, al dise帽ar su sitio, aseg煤rese de utilizar formularios de WordPress accesibles, habilitar la navegaci贸n con el teclado, etiquetar los campos de texto con un t铆tulo descriptivo y agregar mensajes de error que expliquen con precisi贸n los problemas para las personas que dependen de los lectores de pantalla para completarlos f谩cilmente. Hacer que su formulario de contacto sea accesible es tan f谩cil como seleccionar un complemento de formulario accesible y listo como Gravity Forms. Las instrucciones del formulario deben ser breves y claras, y el formulario debe poder operarse completamente con el teclado.

      Saltar enlaces

      Su sitio web de WordPress presenta sistemas de navegaci贸n redundantes en sus p谩ginas. Estas navegaciones incluyen enlaces en la parte superior, inferior o izquierda de la p谩gina y pueden resultar engorrosos para los usuarios de lectores de pantalla, ya que no existe una forma eficaz de omitirlos. Con un enlace para omitir, puede facilitar la eficiencia entre sus usuarios con discapacidad visual, permiti茅ndoles omitir estos enlaces y leer el contenido principal de las p谩ginas.

      3.Haga que la navegaci贸n de WordPress sea accesible

      Otro elemento importante de la accesibilidad de WordPress es garantizar una navegaci贸n accesible para usuarios con dificultades de visi贸n. Su sitio web debe ser navegable usando las teclas de flecha y la pesta帽a o hardware alternativo como la entrada de un solo interruptor y el dispositivo bucal.

      4. Elija colores accesibles

      Chrome inspeccionar el contraste de color

      M谩s de 300 millones de personas en todo el mundo tienen daltonismo en forma de visi贸n de dos colores, visi贸n de color deficiente o daltonismo total. Para garantizar que su dise帽o de WordPress sea accesible, con o sin colores, tenga en cuenta el contraste y las proporciones de color.

      Contraste de color en la accesibilidad digital es qu茅 tan oscuros o brillantes aparecen los colores cuando se colocan uno contra el otro. WCAG recomienda una relaci贸n de contraste de 4:5:1 para el cuerpo del texto. Un contraste de color deficiente afectar谩 la legibilidad de su sitio entre los usuarios dalt贸nicos y con problemas de visi贸n.

      La mejor manera de determinar si los colores funcionan bien es insertarlos en una herramienta de prueba de contraste. Esta es una caracter铆stica disponible en las herramientas de desarrollo de su navegador web: simplemente inspeccione su p谩gina y coloque el cursor sobre un elemento para ver la relaci贸n de contraste (como se ve en la imagen de arriba). A medida que pruebes m谩s combinaciones, podr谩s seleccionar mejor lo que funciona mejor para tu audiencia.

      5. Busque fuentes accesibles

      Las personas con discapacidad visual necesitan textos m谩s grandes para percibir las letras. Al proporcionar una hoja de estilo alternativa que permita ampliar las fuentes sin afectar el dise帽o de la p谩gina, ser谩 m谩s f谩cil para dichas personas leer su contenido. Adem谩s del tama帽o de fuente, considere estilos de fuente accesibles y con alta legibilidad.

      Estas incluyen opciones familiares (a menudo llamadas 鈥渇uentes del sistema鈥 porque est谩n disponibles en la mayor铆a de los dispositivos) como Arial, Helvetica o Times New Roman, adem谩s de fuentes especiales como AbiertoDisl茅xico. Adem谩s de hacer que tu contenido sea accesible, los frentes grandes y los botones de llamada a la acci贸n facilitar谩n buenas conversiones.

      6. Agregue subt铆tulos para contenido multimedia

      El audio y el v铆deo son contenidos multimedia 煤tiles para atraer a su audiencia y transmitir su mensaje. Sin embargo, no todos pueden ver u o铆r sus videos y audio, de ah铆 la necesidad de proporcionar subt铆tulos que describan las palabras, acciones y sonidos hablados. Los subt铆tulos aparecen en la pantalla a medida que se reproduce el video o el audio y deben ser claros, precisos y completos para que los visitantes discapacitados de la web puedan acceder a ellos.

      C贸mo agregar una pista de texto a un bloque de video

      Dependiendo de c贸mo alojes tus medios, el m茅todo para agregar subt铆tulos variar谩. Por ejemplo, si carga y aloja el contenido en su sitio de WordPress, puede subir una pista de texto al agregar un bloque de video o audio a su p谩gina. Alternativamente, si simplemente est谩s incrustando un video alojado en Youtube en tu p谩gina, entonces debes agregar subt铆tulos a trav茅s de Youtube (nota: tienen una funci贸n de traducci贸n autom谩tica que hace que este proceso sea muy f谩cil).

      7.Haga que su contenido sea accesible

      Para que su contenido sea accesible, sus lectores deben poder leer y comprender. Puede lograr la accesibilidad al contenido de las siguientes maneras:

      Largancia de contenido

      La extensi贸n del contenido que promueve una lectura c贸moda es accesible para todos los usuarios. Por lo tanto, evite l铆neas demasiado largas o demasiado cortas y lim铆tese a un rango aceptable de 45 a 75 caracteres por l铆nea para que sus lectores se sientan c贸modos.

      Texto de anclaje

      Los lectores de pantalla pueden leer URL descriptivas, brindando contexto a los usuarios con discapacidad visual. Al describir el enlace, utilice descripciones significativas para que sea m谩s f谩cil navegar hasta el contenido correcto. Por lo tanto, evite textos ancla como Haga clic aqu铆 o Leer m谩s en cualquier parte de su texto, ya que pueden ser dif铆ciles de entender para el lector, especialmente cuando est谩n fuera de contexto.

      Transcripciones

      Las transcripciones son una versi贸n de texto de su audio o video que puede leer o descargar por separado (a diferencia de los subt铆tulos mencionados anteriormente, que se muestran en tiempo real junto con multimedia). Por razones de accesibilidad, aseg煤rese de que sus transcripciones sean precisas, completas y claras.

      8. Proporcione descripciones de audio para videos

      Los v铆deos son 煤tiles para las personas que pueden verlos. Sin embargo, si tienes problemas visuales, te perder谩s mucho contenido, de ah铆 la necesidad de descripciones de audio.

      Descripciones de audio son pistas de audio separadas que acompa帽an a un video y que describen los elementos visuales del video para personas con discapacidad visual. Estos incluyen una descripci贸n del entorno, vestimenta, gestos y acciones. Las descripciones de audio son 煤tiles cuando hay una laguna en el habla y, a trav茅s de ellas, una persona ciega comprender谩 la mayor parte del contenido de v铆deo de su sitio web de WordPress. Para agregar una descripci贸n de audio, puede agregar un bloque de audio secundario o utilizar un complemento para agregar una alternativa de audio como escribir.

      9. No utilices v铆deos de reproducci贸n autom谩tica

      Los v铆deos de reproducci贸n autom谩tica frustran a las personas que dependen de los lectores de pantalla y pueden causar confusi贸n. Cuando la reproducci贸n comienza autom谩ticamente, el audio del video y el lector de pantalla se reproducir谩n simult谩neamente, lo que dificulta que el usuario de su sitio web navegue por el sitio web para detener el video. Con WordPress, los videos no estar谩n configurados para la reproducci贸n autom谩tica (y en la mayor铆a de los dispositivos m贸viles, la reproducci贸n autom谩tica est谩 deshabilitada de todos modos), lo que permitir谩 a los visitantes de su sitio web iniciar y detener los videos manualmente, lo que permitir谩 un f谩cil uso del sitio web.

      10. Pruebe la accesibilidad de su sitio web

      Evaluaci贸n gratuita del sitio web ADA de BeAccessible

      Finalmente, pruebe y eval煤e la accesibilidad de su sitio web para garantizar la accesibilidad para todos. Puede utilizar herramientas y recursos de accesibilidad web para identificar errores y problemas en su sitio web de WordPress. Por ejemplo, puedes conseguir un evaluaci贸n gratuita por BeAccessible o utilice un complemento gratuito como Herramientas de accesibilidad de WP que tiene incorporada una funci贸n de auditor铆a A11Y.

      Alternativamente, realice pruebas manuales, como acercar o alejar, usar solo el teclado, cambiar el tama帽o y el color de la fuente y usar diferentes dispositivos. Tambi茅n puede solicitar comentarios de usuarios reales, especialmente aquellos con discapacidad visual, para identificar 谩reas de mejora.

      驴Su sitio web ofrece experiencias inclusivas? En la publicaci贸n anterior, analizamos las estrategias para un sitio web accesible, incluido el texto alternativo, la transcripci贸n de videos y los temas accesibles. Seguir las pautas anteriores respaldar谩 una experiencia web m谩s inclusiva, garantizando la accesibilidad a la mayor cantidad de personas posible.

      Fuente: C贸mo hacer que WordPress sea accesible para usuarios con problemas de visi贸n

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.