Krypton Solid

Maneras sencillas de hacer que su sitio sea más accesible hoy [Infographic]

Los diseñadores son personas muy visuales por naturaleza, por lo que es fácil olvidar que hay aspectos subyacentes y menos visuales del diseño web que pueden tener un impacto significativo en la experiencia del usuario para algunos de los visitantes de su sitio.

Desafortunadamente, la gran mayoría de los sitios web no consideran la accesibilidad en la fase de diseño y, como resultado, podrían perder una gran oportunidad de acceder a un segmento significativo de clientes.

Curso gratuito: Elementos de un excelente sitio web de inbound marketing

Veamos las estadísticas:

  • Los estudios han encontrado que 70% de los sitios web examinados para la accesibilidad recibieron una calificación de “rojo”, en otras palabras, “riesgo potencial comercial, de relaciones públicas o legal significativo”. mi

No abordar la accesibilidad en el diseño de su sitio web no es solo una oportunidad de ingresos perdida, sino que también puede exponer a su empresa a responsabilidades en virtud de la Ley de Estadounidenses con Discapacidades (ADA).

Abordar la discapacidad visual

El visitante promedio de un sitio web tiende a juzgar un sitio web por sus colores, diseño y funcionalidad. Para los visitantes con discapacidad visual, la experiencia es diferente.

Hay muchos tipos y grados de discapacidad visual que deben tenerse en cuenta, entre ellos:

  • Condiciones de vista
  • Vista baja
  • Catarata
  • Daltonismo
  • Y otra

La lista de discapacidades visuales es larga y dada la gran cantidad de sitios que están no diseñado para personas con discapacidad visual y accesibilidad a menudo se les deja elegir entre los pocos sitios que satisfacen sus necesidades.

La buena noticia es que hay algunas cosas sencillas que puede hacer para mejorar instantáneamente la accesibilidad de su sitio web.

1. Verifique el contraste de color adecuado

El contraste de color adecuado es muy importante para las personas con discapacidad visual.

Si el texto es de un color más claro (gris, azul, etc.) sobre un fondo blanco, una combinación muy común, los visitantes con discapacidad visual pueden tener dificultades para leer el texto debido al bajo nivel de contraste.

Las mismas reglas se aplican al color del texto en color. A menudo, los diseñadores agregarán un color azul más claro, por ejemplo, sobre un fondo azul más oscuro. Estos tipos de combinaciones generalmente no brindan suficiente contraste para los visitantes con discapacidad visual.

(Imagen de la revista Smashing)

¿Cómo puede estar seguro de que tiene suficiente contraste de color? Esta basada en la web comprobador de contraste de color es una forma fácil de probar cuando se diseña para la web, así como para materiales impresos.

2. Limite el uso del color para identificar contenido.

Tener en cuenta el contraste de color adecuado no es solo para el texto. Muchos sitios web utilizan el color para dirigir a los usuarios a través del sitio web o para identificar contenido. Por ejemplo, puede asociar todas las páginas o el contenido relacionado con un producto o servicio en particular con un color específico.

usos comprobador de contraste de color para probar el contraste de color en todo el diseño, especialmente para los gráficos que se utilizan para ilustrar el tema principal de su contenido. También puede utilizar el comprobador de contraste para auditar sus gráficos al diseñar nuevos gráficos web y materiales impresos.

Sus gráficos y colores no deben ser la sustancia principal de su contenido, sino que deben aceptar la copia en la página. Esto es especialmente importante cuando se utilizan elementos de color y texto en los campos de formulario y / o botones de su sitio.

3. Usa más texto

La arquitectura de la información (esencialmente, cómo está organizado su contenido) es algo importante a considerar cuando se trata de diseño web, ya que tiene un impacto directo en cómo un visitante navega por sus páginas y si o no. Cómo es capaz de identificar los más importantes. elementos de la página. .

La arquitectura de la información es especialmente importante para los usuarios con discapacidad visual, ya que a menudo dependen de la tecnología de lectura de pantalla cuando navegan por sitios web.

Comience usando un formato limpio H1, H2, etc. para sus encabezados, ya que permitirá tanto a los lectores como a los lectores de pantalla identificar fácilmente la jerarquía y los temas principales de su página.También tiene el beneficio adicional de ser excelente para la optimización de motores de búsqueda.

También es importante utilizar texto alternativo apropiado para imágenes y videos. El texto alternativo actúa como una hoja de trucos para los visitantes con discapacidad visual, brindándoles (y a los lectores que usan) información adicional que explica de qué se trata la imagen o el video. Y al igual que el formato de encabezado correcto, el texto alternativo es ideal para SEO.

Finalmente, considere agregar subtítulos a videos e imágenes. A medida que aumenta el uso de videos en sitios web, agregar subtítulos permite a los usuarios con discapacidad visual comprender el contenido, al tiempo que hace que el video sea más atractivo cuando se comparte en varios canales sociales.

Para identificar imágenes y videos a los que les puede faltar texto alternativo, ejecute su sitio a través de un servicio como La rana que grita. La versión gratuita le dirá exactamente dónde le falta el texto alternativo y, por lo tanto, qué necesita actualizar.

¿Estás listo para tomarte la accesibilidad en serio?

Las anteriores son algunas formas sencillas de comenzar a hacer que su sitio sea más accesible. Si su sitio necesita una actualización o si está considerando dirigirse al sitio, infografia A continuación, encontrará consejos claros sobre «hacer» y «no» que le ayudarán a empezar.

infografia-accesibilidad-web

(Fuente de la infografía: tinta digital)

Deja un comentario