9 consejos prácticos para el Día mundial de la concientización sobre la accesibilidad

El 17 de mayo de 2018 es Conciencia de accesibilidad global día, lo que hace que hoy sea el momento ideal para considerar cuán inclusivas son nuestras experiencias para aquellos usuarios que pueden estar discapacitados, con capacidades diferentes o con inconvenientes temporales.

2017 fue un gran año para las demandas de accesibilidad de sitios web. Seyfarth y Shaw informaron que, a finales de año, había 814 demandas federales del Título III de la ADA presentada contra sitios web solo en los Estados Unidos. Quizás el más conocido de estos casos fue Juan Carlos Gil contra Winn-Dixie Stores, Inc.

El demandante ciego, Sr. Gil, alegó que ciertas partes del sitio web esenciales para la experiencia de compra (como la herramienta de localización de tiendas y el generador de cupones) no podían ser accedidas por su MANDÍBULAS lector de pantalla. La razón por la que este caso causó tanta repercusión en las noticias es: uno, porque fue el primero de su tipo en ir a un tribunal federal; y, dos, porque Winn-Dixie perdió el caso (así como mucho dinero y parte de su reputación en el proceso).

Si bien el Sr. Gil no estaba tratando de comprar nada del sitio de Winn-Dixie, per se, esto todavía plantea una pregunta importante sobre qué tipos de negocios están obligados por ley a hacer accesibles sus sitios.

Entonces, exploremos lo que significa tener un sitio web accesible y qué tipos de sitios web deben prestar atención. Más adelante, veremos 9 recomendaciones planteadas por el Iniciativa de accesibilidad del sitio web sobre cómo garantizar que su sitio cumpla con las reglas de accesibilidad.

¿Qué es la accesibilidad del sitio web?

La accesibilidad del sitio web no es un concepto difícil de entender. Simplemente significa que un sitio web está equipado para ofrecer una experiencia a todos los usuarios, independientemente de cualquier discapacidad o deficiencia que puedan tener. Y tampoco se trata solo de poder ver, leer o comprender el contenido; los usuarios deben poder navegar a través de sitios web y completar transacciones como todos los demás.

Es posible que se sorprenda por el tipo de discapacidades que se ven afectadas por la falta de accesibilidad. Estas son algunas de las categorías más amplias:

  • Visual
  • Auditivo
  • Cognitivo
  • Físico (piense en alguien con un brazo o una mano rota)
  • Geográfico (por ejemplo, usuarios que viven en áreas con ancho de banda limitado)

La accesibilidad del sitio web tiene como objetivo abordar cualquier limitación que pueda impedir que el público en general pueda utilizar un sitio web que fue creado explícitamente para el consumo público.

¿Quién debe acatar las reglas de accesibilidad del sitio web?

La demanda de Winn-Dixie fue un gran problema. Demostró que no es necesario vender explícitamente ningún bien o servicio en línea para que la ley le exija brindar una experiencia totalmente accesible a todos los usuarios. En última instancia, lo que importa es si un sitio web se incluye o no en la categoría de proporcionar «alojamiento publico”Según lo define la Ley de Estadounidenses con Discapacidades.

En el caso de Winn-Dixie, el juez falló en contra de la cadena de supermercados porque la falta de accesibilidad al sitio web afectó en consecuencia la experiencia en la tienda. Pero ese no es siempre el caso.

En otro caso de los Estados Unidos, Andrews contra Blick Art Materials, LLC, Blick intentó argumentar que, debido a que solo vendía materiales de arte en línea, técnicamente no se incluía en la regla de “lugar de alojamiento público” definida por la ADA. El juez, sin embargo, desestimó su argumento en el entendimiento de que alguna las empresas que tratan con el público, ya sea en persona o en línea, deben ser responsables de proporcionar un sitio web accesible.

Si está diseñando sitios web para empresas o individuos que tienen la intención de ofrecer un servicio o vender un producto al público, la accesibilidad del sitio web debe ser parte de su flujo de trabajo a partir de ahora.

Dicho esto, es importante tener en cuenta que es probable que esta sea una solicitud más común que reciba de clientes con sede en los Estados Unidos. Si bien hay otros países donde leyes de accesibilidad web se han establecido, la mayoría de ellos pertenecen al gobierno y otros sitios web del sector público. Mientras esperamos que estas leyes se modifiquen para tener en cuenta las leyes de accesibilidad web más estrictas, podría ser una buena idea adoptar los siguientes consejos en su flujo de trabajo.

Consejos de diseño y desarrollo para la accesibilidad del sitio web

A continuación, encontrará consejos de desarrollo y diseño web de W3C y la Iniciativa de accesibilidad del sitio web (WAI) sobre cómo crear sitios web que se adapten mejor a los usuarios con discapacidad.

1. Utilice un etiquetado adecuado

El uso de etiquetas de encabezado en el texto es útil por varias razones. Por un lado, la jerarquía visual del texto ampliado y estilizado facilita la comprensión del contenido. Pero también tiene un propósito importante en la accesibilidad, ya que la etiqueta de título y las etiquetas de encabezado subsiguientes de una página informan a las personas discapacitadas cuando llegan a puntos clave.

2. Escriba el código descriptivo

Algunos usuarios confían en el marcado para averiguar qué hay en la pantalla. Por lo tanto, deberá usar un marcado que proporcione algo de contexto para lo que ven en la pantalla. Esto debe incluir cosas como el atributo de idioma.

3. Tenga cuidado con el color

También preste atención a la elección del color, especialmente en lo que respecta al texto. Cuando hay un contraste menor entre el texto y el fondo, generalmente con fuentes más claras sobre fondos blancos o fuentes más claras con fondos oscuros, puede ser demasiado difícil para los usuarios leer.

Confíe en indicadores sólidos como el subrayado, la animación al pasar el mouse, los botones grandes de llamada a la acción y el texto de alto contraste.

Texto de vida para personas mayores

los Vida para personas mayores El sitio web hace un gran trabajo con texto de alto contraste (y también texto grande).

4. Utilice texto grande

Utilice un tamaño de fuente que pueda leerse razonablemente desde todos y cada uno de los dispositivos o tamaños de pantalla. Más allá de eso, es posible que también desee integrarse con una herramienta que permita a los usuarios aumentar el tamaño de fuente si no es lo suficientemente grande para sus necesidades.

5.Haga que el teclado sea accesible

Algunos visitantes accederán a su sitio mediante un teclado.

Si los elementos interactivos (como el menú) no se pueden tabular o no se puede acceder al teclado, tendrá serios problemas.

Tabulación de Consumer Reports

los Informes de los consumidores el sitio es accesible por pestañas.

6. Cree formularios ultra claros

Los formularios de contacto son un elemento importante en los sitios web.

Sin ellos, tendría que depender de las conversiones telefónicas o en persona (lo que simplemente no va a funcionar con una audiencia moderna). Por lo tanto, preste especial atención a estos. A continuación se ofrecen algunos consejos:

  • Proporcione instrucciones sobre cómo completar el formulario.
  • Incluya etiquetas descriptivas y claras para cada campo.
  • Haga que los campos de formulario se puedan tabular en el orden en que aparecen.
  • Utilice mensajes de error grandes y en negrita con signos de exclamación, sombreados o símbolos de advertencia para indicar problemas a sus usuarios.
  • No use CAPTCHA.
Formulario de contacto de AARP

los AARP El sitio web tiene un formulario de contacto bien etiquetado y fácil de completar.

7. Agregue texto de apoyo

Para asegurarse de que todos puedan consumir su contenido visual, agregue texto de apoyo.

  • Para las imágenes, use texto alternativo que describa la foto y los subtítulos.
  • Para videos, agregue una transcripción debajo o subtítulos activos dentro de ella.
  • Para podcasts y otro audio, incluya una transcripción correspondiente.

Además, asegúrese de dar a los usuarios el control sobre cualquiera de estos medios que se reproducen automáticamente, incluidos videos, clips de audio y controles deslizantes de imágenes.

Transcripción de Freakonomics

Freakonomics incluye transcripciones de cada uno de sus podcasts.

8. Utilice abundante espacio en blanco

Puede ser difícil para algunas personas discapacitadas concentrarse en lo que es más importante si las páginas están abarrotadas. Utilice abundante espacio en blanco para enmarcar las partes más importantes de su sitio y, al mismo tiempo, proporcione suficiente espacio para que puedan ver cómodamente su contenido.

9. Incluya señales de orientación

Otra forma en la que puede guiar a los usuarios a través de un sitio es mediante la inclusión de señales de orientación. Por supuesto, la navegación es una parte importante de esto.

También puede agregar rutas de navegación, así como elementos de interfaz de usuario sólidos que atraen a los usuarios a lo largo de la página. Si todo lo demás falla, agregue una barra de búsqueda en la parte superior para que puedan buscar instantáneamente lo que necesitan.

Navegación Nordstrom

Nordstrom utiliza abundantes señales de navegación.

Terminando

Con todo, diría que habilitar un sitio para la accesibilidad del sitio web es beneficioso para todas las partes. La capacidad de su sitio para ofrecer una experiencia de alta calidad constante para todos los usuarios conducirá a tiempos más altos en la página, menores tasas de rebote e, idealmente, mayores tasas de conversión. Esto, a su vez, le dará a su sitio una clasificación más favorable en las búsquedas … ¿y quién no quiere eso?