A medida que la web ha crecido, el software que usamos para acceder a la información se ha vuelto más sofisticado. Con el desarrollo de navegadores web, teléfonos inteligentes y tabletas, poderosas herramientas han hecho que la web sea accesible para todos.

Pero el software está solo a mitad de camino hacia el objetivo de una web totalmente abierta y accesible. Para garantizar que los usuarios con discapacidad disfruten de una experiencia completa sin barreras, los diseñadores web deben poner la accesibilidad en el centro del diseño de su sitio web.

En esta guía, veremos los beneficios de tener un sitio web accesible para usuarios y dueños de negocios con discapacidades. Finalmente, revisaremos cuatro creadores de sitios web de bricolaje populares y verificaremos si puede lograr una buena accesibilidad sin ningún conocimiento técnico.

¿Por qué es importante la accesibilidad?

En 2011, la ONS estimó que 4,25 millones de personas con discapacidad en el Reino Unido nunca habían usado Internet: más de un tercio de todas las personas con discapacidad en el país. En conjunto, la cifra para toda la población es cercana a una décima parte.

Claramente, es difícil para las personas con discapacidad acceder a Internet o encontrar la información que necesitan. Tal vez algunas personas con discapacidades nunca lo intentan, o simplemente se dan por vencidas porque se sienten frustradas.

Razones para ajustar su sitio web

Los sitios web accesibles claramente permiten que un segmento más amplio de la sociedad acceda a Internet y encuentre información. Si está interesado en garantizar que el conocimiento se comparta por igual entre personas de todos los orígenes, puede argumentar que la accesibilidad es una obligación moral, algo que todos deberíamos hacer.

Sin embargo, este argumento no necesariamente convencerá a las pequeñas empresas de hacer accesible su contenido web. Algunos empresarios pueden sentir que la accesibilidad no se aplica a ellos porque sus productos no son relevantes para las personas con discapacidad. Podrían argumentar que sus presupuestos son demasiado limitados para tener en cuenta la accesibilidad.

Omitir el diseño accesible es en realidad una mala decisión empresarial: Un sitio accesible no solo está más abierto a las personas con discapacidades, sino que en realidad es más atractivo y fácil de navegar para los visitantes sin discapacidad. La accesibilidad puede ayudar a todo tipo de personas que quizás no hayas considerado: por ejemplo, alguien que no habla tu idioma con fluidez o una persona mayor. Además, asegurarse de que su sitio web esté estructurado correctamente, con las etiquetas correctas, realmente ayuda con el SEO (optimización de motores de búsqueda); de hecho, la legibilidad de la máquina es tan importante para los motores de búsqueda como lo es para las personas con discapacidades.

Asuntos legales

Algunas organizaciones están obligadas a crear contenido accesible por ley. Como ocurre con todos los asuntos legales, la accesibilidad es extremadamente compleja, por lo que este artículo no pretende reemplazar el asesoramiento legal. Sin embargo, si se encuentra en los EE. UU. y el Reino Unido, hay algunas leyes clave que debe tener en cuenta, por lo que las repasaremos brevemente.

  • En los Estados Unidos, la ley obliga a algunas empresas e instituciones educativas a garantizar la igualdad de oportunidades para todos. El sitio web de la Fundación Americana para Ciegos describe las partes relevantes de la Ley de Rehabilitación. Las secciones 504 y 508 son importantes.
  • En el Reino Unido, la Ley de Discriminación por Discapacidad, que cubre la accesibilidad web para usuarios ciegos y discapacitados, ha obligado a algunos propietarios de negocios a garantizar que sus sitios web estén disponibles para todos.

Nuestro resumen no es una lista completa y exhaustiva de las leyes de accesibilidad; busque siempre orientación si no está seguro. La ley no se aplica a todos, pero a medida que crece la web, es razonable suponer que más de nosotros debemos pensar en la accesibilidad.

Atención a diferentes discapacidades.

Después de leer la información anterior, puede decidir que desea que su sitio web sea accesible. Antes de comenzar, hay varios factores a considerar. Recuerda: la accesibilidad debe abrir tu contenido a las personas mayores o enfermas, así como a las personas que hablan diferentes idiomas o tienen discapacidades mentales. Hay muchas cosas a considerar.

Como mínimo, debe considerar los siguientes desafíos que enfrentan sus usuarios.

problemas de la vista

Accesibilidad en la web significa diseñar para ciegos o deficientes visuales. Las personas daltónicas también entran en esta categoría. Los problemas de visión pueden causar una variedad de problemas, por lo que esta sección es un buen lugar para comenzar.

A menudo se puede acceder al contenido de texto mediante un lector de pantalla o un periférico Braille, pero si una página web está repleta de imágenes, los lectores de pantalla a menudo no pueden hacer frente. Las fuentes, los esquemas de color y los diseños también contribuyen.

He aquí cómo actuar:

  • Cualquier cosa que no esté basada en texto (imágenes, videos) debe describirse con palabras utilizando las etiquetas y el marcado adecuados. El texto ALT que utilice (texto alternativo para imágenes) debe ser significativo sin ser demasiado detallado.
  • Si usa un video, debe ir acompañado de transcripciones precisas (no solo transcripciones generadas por máquinas, ya que a menudo son muy imprecisas). Si usa YouTube para alojar sus videos, agregar subtítulos es fácil con amara.org.
  • El marcado en la página debe ser lógico para que pueda interpretarse correctamente cuando se lea en voz alta o se convierta a Braille. Sus encabezados deben estar marcados como H1 con subtítulos H2, H3, etc. No rompas las reglas.
  • El color de la fuente debe contrastar con el fondo de la página para facilitar la lectura. Por ejemplo, evite el rosa claro con texto rojo.

Problema de navegación

El uso de un mouse, trackball o trackpad requiere cierta flexibilidad. No todos los usuarios pueden utilizar los dispositivos señaladores con precisión. A muchas personas les resulta más conveniente navegar de otras formas: tocar el dispositivo es común, algunos usuarios solo usan el teclado, pero hay muchas maneras diferentes en que las personas se mueven por la página.
Con la llegada de las tabletas y las pantallas táctiles, vale la pena revisar su navegación y asegurarse de que funcione según lo previsto.

  • Cada página debe tener un título claro, marcado con las etiquetas HTML correctas, para ayudar a los usuarios a moverse por la página sin tener que hacer clic.
  • La estructura de la página debe permanecer más o menos igual en todas las secciones para ayudar a los usuarios a familiarizarse con ellos mismos.
  • Los diseñadores deben considerar la tecnología de seguimiento ocular y las pantallas táctiles para garantizar que haya un espacio abierto entre los elementos de navegación y los enlaces.
  • Los hipervínculos deben combinarse con un texto ancla descriptivo, no con frases genéricas como “haga clic aquí” o “leer más”.

Otros asuntos

Utilice siempre contenido de calidad en su sitio web. Asegúrese de escribir oraciones claras y comprensibles. Si usa términos inusuales o palabras específicas de su industria, es mejor definirlas. Nuevamente, esto es útil tanto para usuarios sin discapacidad como para usuarios discapacitados.

La mayoría de los sitios web utilizan scripts y elementos interactivos. Incluso algo tan simple como un formulario de correo electrónico debe probarse a fondo. Asegúrese de que los campos estén marcados y que el mensaje de error tenga sentido. Compruebe que también ha etiquetado los botones correctamente. Es posible que desee cambiar el nombre del botón a “Enviar este correo electrónico ahora” en lugar de “Enviar”.

conceptos erróneos comunes

El hecho de que alguien no pueda ver su página no significa que necesite una descripción detallada de todo. Una o dos palabras sobre la imagen serán suficientes, a menos que la imagen sea un gráfico o un cuadro lleno de datos.

Además, no utilice atajos de teclado. Solían ser populares y suenan como una gran idea para la accesibilidad, pero activan configuraciones y abren menús en el navegador del usuario.

Cómo probar tu sitio web

Probar un sitio web accesible es fácil y generalmente gratuito.

lector de pantalla

La mejor manera de probar su contenido y estructura es hacer que un lector de pantalla le lea la página. Su opinión sobre el resultado seguirá estando un poco distorsionada dado que ha visto cómo se ve la página, pero aún puede sorprenderle cómo se interpreta.

Hay una lista de lectores de pantalla en Wikipedia. Nos encantan ChromeVox y Fire Vox porque se agregan rápidamente a su navegador, pero hay muchos otros para elegir. Si no tienes tiempo para escuchar la página, prueba la extensión Fangs: te mostrará la versión de texto sin formato.

barra de herramientas

Para probar mientras se escribe código, la barra de herramientas es una excelente manera de comprobar rápidamente que se están siguiendo las pautas correctas. Nuevamente, hay muchas opciones, incluida la barra de herramientas de evaluación de accesibilidad para Firefox y la barra de herramientas de accesibilidad web para el navegador Opera.

damas basadas en web

Evalúe rápidamente todo su sitio web con un verificador de accesibilidad basado en la web, como la Herramienta de evaluación de accesibilidad web o WAVE. Destaca problemas estructurales e incluso puede detectar problemas potenciales con el contraste. Si nunca se ha molestado en verificar la accesibilidad de su sitio web, WAVE puede brindarle una manera rápida y fácil de comprender en qué necesita trabajar.

herramientas de escritorio

Aunque menos comunes, las herramientas de escritorio todavía tienen su lugar. Una aplicación de Windows realmente inteligente es EveryEye, un programa simple que muestra a los discapacitados visuales, a los ancianos o a las personas daltónicas cómo se verá su sitio web.

¿Los creadores de sitios web de bricolaje ayudan con la accesibilidad?

Revisamos regularmente la calidad de los creadores de sitios web para principiantes. Esta vez, nos preguntamos si podríamos usarlos para crear sitios web accesibles. Aquí está nuestro resultado:

estándar punta del pie jindu espacio cuadrado cera
Contraste y color ajustable
Texto redimensionable (mediante CTRL+)
Diseño de respuesta Solo teléfono inteligente Solo teléfono inteligente
Estructura de encabezado (H1, H2, etc.) No
texto alternativo para imágenes
etiqueta de formulario misterioso No comprensible No
accesibilidad del teclado
mapa del sitio No (solo formato xml) No (solo formato xml) No (solo formato xml)
Transcripciones de video y audio Reproductor interno: No, Vía YouTube: Sí a través de YouTube a través de YouTube a través de YouTube
enlace descriptivo
Más información revision completa revision completa revision completa revision completa

Comentarios del revisor:

texto redimensionable: El usuario puede presionar la tecla CTRL y la tecla + al mismo tiempo para aumentar el tamaño de la fuente
Diseño de respuesta: El sitio web se adapta dinámicamente a diferentes dispositivos (PC, tableta, teléfono inteligente)
accesibilidad del teclado: Comprobamos que podemos usar las teclas TAB y RETURN para navegar.
mapa del sitio: La mayoría de los creadores de sitios web usan el formato xml, que es oscuro.
Transcripciones de video y audio: Weebly es el único creador de sitios web con su propio reproductor de video y audio. Los subtítulos se pueden agregar externamente a través de YouTube.

en conclusión

La accesibilidad es un aspecto clave del buen diseño web, ya que beneficia tanto a los usuarios discapacitados como a los sin discapacidad. Afortunadamente, las tendencias actuales de diseño web fomentan el uso de fuentes grandes y diseños receptivos para adaptarse a una variedad de diferentes tipos de dispositivos de salida (computadoras portátiles, tabletas, teléfonos inteligentes e incluso televisores). Lo mismo ocurre con los sitios web basados ​​en Flash; el formato Flash, extremadamente inaccesible, está desapareciendo lentamente gracias al lenguaje de marcado HTML5.

Incluso con una herramienta simple como un creador de sitios web de bricolaje, es posible crear un sitio web accesible. Como puedes ver en nuestra tabla, todavía existen ciertas limitaciones que impiden el acceso sin problemas a los usuarios con discapacidad. Si necesita una accesibilidad óptima, le recomendamos que utilice uno de los principales sistemas de gestión de contenido (CMS), ya que ofrecen una mayor flexibilidad.

Como sabrá, algunas partes de nuestro propio sitio web también podrían mejorarse. Estudiar este artículo nos hizo más conscientes de este problema e incorporaremos estos hallazgos en nuestro próximo rediseño.

Si tiene alguna pregunta o comentario, ¡comparta en la sección de comentarios!

Artículo de Claire Broadley, Robot rojo

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.