Mejores prácticas sobre cómo crear un sitio web totalmente accesible

Publicado: 2022-06-04

Es un hecho que todos queremos tener tantos visitantes de nuestro sitio web como sea posible. Hoy en día, el diseño y desarrollo de sitios web se ha transformado de una estética altamente creativa a características funcionales con velocidades de página más rápidas. Sin embargo, hay un cambio de juego reciente, uno que es demasiado costoso para ignorar: crear sitios web teniendo en cuenta la accesibilidad.

El reciente informe sobre discapacidad de la Organización Mundial de la Salud (OMS) muestra que aproximadamente el 15% de las personas sufren algún tipo de discapacidad. Con el envejecimiento de la generación actual y con la rápida propagación de enfermedades crónicas (incluidos los trastornos autoinmunes), la necesidad de eliminar las barreras en la web ya no es ineludible.

Si bien el pensamiento inicial que viene a la mente cuando se habla de accesibilidad es atender a las personas con discapacidad, la accesibilidad de la página web es para el beneficio de todos. El concepto de accesibilidad web se inició con la intención de eliminar las posibles barreras en línea que impiden que cualquier persona (especialmente las personas con discapacidad) acceda o interactúe en la web. Además, con la creciente conciencia mundial sobre el alojamiento de personas con discapacidad, se están aprobando varias regulaciones que benefician a estos usuarios. Y es por eso que debe comenzar a considerar la auditoría de cumplimiento de ADA y la accesibilidad web.

Por qué la accesibilidad es cada vez más importante

La accesibilidad es cada vez más importante ya que brinda igualdad de oportunidades y acceso a todos, especialmente a las personas que sufren algún tipo de discapacidad. Les da acceso sin trabas y fomenta un entorno de respeto mutuo e igualdad de oportunidades para todos.

La web, por ejemplo, se ha convertido en un recurso importante que debe ser accesible para todos. Una web accesible puede ayudar especialmente a las personas con discapacidades, incluso puede mejorar enormemente su vida diaria. La accesibilidad en línea puede ayudar a las personas que sufren cualquier tipo de discapacidad (ya sea permanente, temporal, situacional o condicional) a aprovechar el acceso conveniente a la información, realizar compras en línea o solicitar un servicio.

Desafortunadamente, en esta era altamente digital, todavía existen muchas barreras en línea que impiden que muchos usuarios naveguen o usen la web fácilmente. Inserte WAI (Iniciativa de accesibilidad web) del W3C (World Wide Web Consortium), el grupo que inició el concepto de accesibilidad web. Las WCAG (Pautas de Accesibilidad al Contenido Web) son parte de una serie de pautas de accesibilidad web que proporcionan reglas o estándares para las personas que desarrollan sitios web. Muchos países han adoptado estos estándares al promulgar regulaciones, políticas o mejores prácticas de accesibilidad en línea.

Definición de accesibilidad web

Pero antes de sumergirnos en la creación de un sitio totalmente accesible, primero repasemos brevemente de qué se trata la accesibilidad web.

En pocas palabras, la accesibilidad web es la práctica inclusiva de asegurarse de que no haya barreras que impidan la interacción con el sitio web en la web por parte de personas con discapacidades físicas, discapacidades situacionales y restricciones socioeconómicas en el ancho de banda y la velocidad. Además, un sitio web accesible también debería funcionar bien con todos los dispositivos de asistencia.

Un sitio accesible, en general, tiene un diseño universal. Su diseño requiere el mínimo esfuerzo por parte del usuario. También debe ser fácil de usar y brindar una mejor experiencia en línea para todos.

Aplicación de Accesibilidad Web

La implementación de la accesibilidad web, contrariamente a la creencia popular, no es necesariamente difícil ni costosa. El estándar de sitios web de diseño universal ya es un diseño accesible. Reconoce que los usuarios tienen un conjunto diverso de necesidades. Entonces, durante el diseño inicial de su sitio web, considere sus valores fundamentales.

Simplemente combinar y seguir los principios de usabilidad y los estándares de accesibilidad web dará como resultado un sitio web accesible. Puede comenzar implementando las siguientes reglas:

- Use un área grande en la que se pueda hacer clic para los controles táctiles

Evite usar objetivos pequeños en los que se pueda hacer clic, ya que se ha demostrado que esto es problemático para personas con movimientos motores limitados, personas con problemas visuales e incluso personas con dedos grandes. En su lugar, use objetivos de clic grandes y habilite también el texto de tamaño variable que no rompa su sitio. Se recomienda utilizar un 40x40 pt. área en la que se puede hacer clic para los controles táctiles.

- Priorizar la claridad del texto

Prioriza la claridad del texto para evitar que las personas con problemas visuales tengan dificultades para percibir el texto o los bloques de texto de tu contenido web.

- Evite confiar exclusivamente en el color

Hay aproximadamente 300 millones de personas daltónicas, por lo que confiar exclusivamente en los colores no es una buena idea. Al diseñar botones, tarjetas y otras características/elementos web, una buena práctica es agregar etiquetas también en lugar de usar exclusivamente colores. Además, elija su paleta de colores y el contraste de colores con cuidado ya que, además de la discapacidad visual, algunos usuarios tienen problemas de concentración y sensibilidades psicológicas relacionadas con el color.

- Texto de enlace descriptivo

Ayude a los usuarios a distinguir un enlace de otro describiendo todos los enlaces en el texto. Esto facilita la claridad y la facilidad de uso, especialmente para aquellos que usan dispositivos de asistencia. Además, subraye todos los enlaces en los que se puede hacer clic y evite usar el acortamiento de enlaces.

- Ordenar contenido en HTML para lectores de pantalla

Básicamente, el contenido debe estructurarse en un orden lógico para que los usuarios de lectores de pantalla puedan comprenderlo mejor. Al ordenar su contenido, hágalo en HTML y deshabilite CSS y JavaScript. Esto le permitirá evaluar mejor si su contenido es accesible.

- Soporte de navegación por teclado

Asegúrese de que su sitio no requiera el uso de un mouse habilitando la navegación con teclado completo en su diseño web. Debe permitir la navegación por orden de tabulación, la navegación con movimiento de teclas de flecha y conservar los anclajes de texto para todos los enlaces en los que se puede hacer clic.

- No olvide seguir la lista de verificación de accesibilidad

Si bien las prácticas anteriores lo ayudarán a tener un sitio accesible, no son completamente integrales. Se deben abordar más barreras de accesibilidad y la mejor manera de hacerlo es seguir recursos extensos como las WCAG. La lista de verificación de accesibilidad describe los detalles sobre cómo hacer que su sitio web sea accesible. Estos también son estándares completos y reconocidos internacionalmente.

Guía de Accesibilidad y Declaración de Accesibilidad

Una declaración de accesibilidad sirve como su declaración pública de que tiene la intención de cumplir con los principios de accesibilidad web. Muestra su intención de incorporar funciones de accesibilidad para que su sitio sea utilizable y navegable para todos. Cuando publique una Guía y declaración de accesibilidad, hágalo conciso y sustantivo.

Pruebas de usabilidad y accesibilidad

Las pruebas de usabilidad se refieren a la evaluación de la utilidad de su sitio web. Por lo general, se basa en varios criterios, como la capacidad de aprendizaje, la eficiencia, la recordación y la satisfacción del usuario.

Las pruebas de accesibilidad son un subconjunto de las pruebas de usabilidad y generalmente involucran herramientas o personas reales (con algún tipo de discapacidad) para probar la accesibilidad de su sitio web.

Pensamientos finales

La accesibilidad web facilita la igualdad de oportunidades para todos en el acceso a la web sin temor a encontrar dificultades. De hecho, para crear efectivamente un sitio completamente accesible, debe intentar ponerse en el lugar de sus usuarios. Esto le permitirá ver su sitio desde la perspectiva de sus usuarios, lo que le permitirá ver sus necesidades.