Soluciones simples para la accesibilidad del sitio web

Publicado en por lvartsconsejo


Por James Ravelle, Gerente de Operaciones - Lehigh Valley Arts Council

Una de mis responsabilidades en Lehigh Valley Arts Council es diseñar y programar nuestro sitio web. Después del lanzamiento de nuestro Programa de Accesibilidad a las Artes de Pensilvania (PAAP), me di cuenta de que había varios problemas gráficos y de contenido del sitio web que debían abordarse si el Consejo de las Artes asumía un papel de liderazgo en este campo. Este artículo destaca los desafíos y las soluciones que descubrí en mi esfuerzo por actualizar nuestro sitio web y, con suerte, ayudará a otras organizaciones a mejorar la accesibilidad de sus sitios web.

La prevalencia de la baja visión es extremadamente común y las actualizaciones simples de un sitio web pueden aumentar la accesibilidad y mantener un servicio al cliente adecuado. Uno de cada seis estadounidenses (17%) de 45 años o más1, que representa a más de 16 millones de personas en los Estados Unidos de entre 18 y 64 años que viven con algún tipo de discapacidad visual, incluida la ceguera. El rango de edad de 65+ incluye otros 5,4 millones, incluso con gafas o lentillas7. Según el University Eye Institute of Houston, las deficiencias visuales comunes incluyen la incapacidad para ver detalles, pérdida de la sensibilidad al contraste y reducción o pérdida de la visión del color.2. A pesar de la prevalencia de la discapacidad visual y la relativa facilidad de implementación, “de los 8.110 millones de páginas en Internet, entre el 95 y el 99 por ciento de ellas no son accesibles para personas con discapacidad.”8

El tamaño y el contraste del texto son dos sencillas herramientas y modificaciones del sitio web que pueden ayudar a los usuarios con problemas de visión. Darle al usuario control sobre el tamaño, el contraste y el color del texto y los gráficos facilita el acceso y puede satisfacer una variedad de necesidades.

1. Una herramienta simple que creé para el sitio web del Arts Council fue un botón que puede aumentar el tamaño de fuente del texto de la página. Tres botones diferentes activan tres hojas de estilo CSS diferentes; una hoja de estilo define el estilo del texto en su sitio web. Creé la hoja de estilo principal predeterminada y luego dos hojas de estilo variables con tamaños de fuente más grandes. Es importante tener en cuenta que de acuerdo con W3 Pautas de accesibilidad del contenido web 1.0 cualquier página web debe ser legible sin hojas de estilo (como texto sin formato) en caso de que HTML se represente sin ellas3.Artículo del New York Times

2. La sensibilidad al contraste es un impedimento común que causa dificultad para leer un tema que no se distingue. Por ejemplo, el sitio web de The New York Times utiliza texto gris claro sobre un fondo blanco, que es difícil de leer. El Center for Vision Loss tiene una opción en su sitio web para modificar el contraste (negro sobre blanco/blanco sobre negro) de la página web, además de una opción de tamaño de fuente. Tener este control puede no ser necesario si se asegura de que sus gráficos tengan un alto contraste. Utilice colores más oscuros para el texto y edite las imágenes para que se diferencien varios colores. Estos colores pueden complementar la estética que ha seleccionado para su sitio web, solo use combinaciones claras, oscuras y vibrantes para crear claridad. Aquí hay un ejemplo de contraste pobre usando diferentes tonos de verde:Ejemplo de alto/bajo contraste

Hay diversos grados de gravedad con el trastorno de la visión, un punto que se aclaró durante una sesión de entrenamiento con VSA Celia Hughes. Un gran porcentaje de personas que tienen dificultad visual no son legalmente ciegas. Para estos usuarios, las mejoras menores enumeradas anteriormente pueden ayudarlos a navegar por su sitio web.MANDÍBULAS de Freedom Scientific

Aquellos que son legalmente ciegos tienen una experiencia de usuario completamente diferente. Los visitantes ciegos pueden usar un programa lector de pantalla para convertir el contenido visual en audio; uno de los programas lectores de pantalla más comunes es MANDÍBULAS de Freedom Scientific4. Los programas lectores de pantalla como JAWS recorren una página web línea por línea, imagen por imagen y convierten la información disponible en sonido, leyendo literalmente la pantalla para el usuario. Hay una demostración gratuita de JAWS disponible si desea familiarizarse con su funcionalidad.

Como ejemplo de texto a voz, he convertido una versión de texto completo del sitio web del Lehigh Valley Arts Council en audio: http://www.lvartscouncil.org/Access/LVAC.mp3 usando un convertidor de texto a audio, Read Please 20035. Puede que no sea necesario crear una interpretación de audio de su contenido web, sin embargo, su sitio web debe estar preparado para que el programa lector de pantalla lo interprete correctamente. Hay dos estrategias clave que se deben seguir para permitir que estos programas lean su página web correctamente para usuarios legalmente ciegos.

1. De acuerdo con las Directrices de Accesibilidad al Contenido Web 1.0 de W3, es importante “proporcionar un equivalente de texto para cada elemento que no sea de texto” 3. Los lectores pueden utilizar un programa de lectura para interpretar el texto; sin embargo, estos programas no pueden "leer" imágenes. Se debe proporcionar una descripción para cada imagen en su sitio para poder trabajar con el programa. Estas descripciones se recopilan del html “alternativa” etiqueta dentro del código para todas las imágenes. Por ejemplo, aquí está el código HTML para un gráfico de banner en la página web del Arts Council. A medida que el programa "lee" el sitio web, hará que las etiquetas alt sean audibles para el usuario.

Además, se sugiere que, siempre que sea posible, la información se muestre como texto en lugar de una imagen; los encabezados de página deben ser texto estilizado en lugar de una imagen de texto para que puedan interpretarse fácilmente. Por ejemplo, las dos muestras siguientes producen el mismo efecto; uno con una imagen y otro con texto estilizado:

2. Organice claramente el diseño de su sitio web para que el programa lo lea. La organización del contenido facilita el acceso a todos los visitantes del sitio web. Por ejemplo, coloque el logotipo de su organización como el primer elemento en la parte superior de la página web, seguido del siguiente contenido más relevante. La declaración de misión o el párrafo de apertura de la página de inicio del sitio web debe estar precedido por una oración que defina exactamente qué es; no desea que un texto aparentemente aleatorio comience a sonar abruptamente. Para las tablas que contienen datos, identifique los encabezados de fila y columna3. Organice todo en la página de forma lógica y en orden mientras mantiene su estética y diseño.

Ya sea que subcontrate el diseño de su sitio web o lo haga usted mismo, es importante tener en cuenta cómo los usuarios con discapacidades interactuarán con su sitio web. Desea que el mensaje y el contenido de su sitio web estén tan disponibles para los usuarios con discapacidades visuales como para los demás. W3 ha creado una lista de verificación de prioridades para los sitios web. Recomiendo revisar esta lista de verificación y asegurarse de que su sitio web sea totalmente accesible para todos los usuarios. Ignorar los problemas de accesibilidad ignora las necesidades de su audiencia y restringe su participación. Citar Sra. Betty Siegel, Esq., Director de VSA y Accesibilidad en el Centro John F. Kennedy para las Artes Escénicas, la accesibilidad es “un valor integrado e intrínseco, una parte central del negocio y un activo.”6

Trabajos citados:
  1. The Lighthouse Inc. (www.Lighthouse.Org), 1995. La Encuesta Nacional Lighthouse sobre la Pérdida de la Visión / “Prevalencia del Deterioro de la Visión”: http://www.lighthouse.org/research/statistics-on-vision-impairment/prevalence-of-vision-impairment/
  2. Universidad de Houston (www.opt.uh.edu), 2014. “Trastornos comunes que causan pérdida de la visión (baja visión))” https://www.opt.uh.edu/uei/services/lowvision/common-disorders.cfm
  3. W3C (www.w3.org), 1999. “Lista de verificación de puntos de control para las Pautas de accesibilidad al contenido web 1.0” http://www.w3.org/TR/WCAG10/full-checklist.html
  4. Freedom Scientific (www.freedomscientific.com), 2014. “Software de lectura de pantalla JAWS para Windows” http://www.freedomscientific.com/products/fs/jaws-product-page.asp
  5. Lea Por favor 2003, 2013. https://sites.google.com/a/readerpal.com/readplease/
    Programa utilizado para convertir el sitio web del Lehigh Valley Arts Council:
    http://www.lvartscouncil.org/Access/LVAC.mp3
  6. Sra. Betty Siegel, Esquire, noviembre de 2013. “Las artes y la discapacidad: haciendo accesibles las experiencias artísticas culturales.” http://www.lvartscouncil.org/Access/11-21-13%20Allentown%20Pa.pdf
  7. Cheryl James (CherylAJames.com), mayo de 2012. “¿Quién está afectado?” http://www.cherylajames.com/who-is-affected/
  8. Cheryl James (CherylAJames.com), mayo de 2012. “'Sitio' Deterioro: acceso web para personas con discapacidad visual.” http://www.cherylajames.com/site-impaired-web-access-for-the-visually-impaired/

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *