¿Su sitio web es accesible?

Cada vez más empresas están cambiando a Internet, lo cual es genial, pero no si una sección completa de la población no puede usar el sitio web. Los problemas de accesibilidad son comunes en muchos sitios, lo que causa muchos problemas que se pueden resolver con relativa facilidad, ¡no significa que necesite un sitio web completamente nuevo!

Según el informe de la OMS de 2011 sobre discapacidad, más de mil millones de personas en el mundo tienen algún tipo de discapacidad. Esto corresponde a aproximadamente el 15% de la población mundial. Este número solo aumentará a medida que las poblaciones envejezcan y las personas mayores tengan un mayor riesgo / proporción de discapacidades.

En 2018, el gobierno del Reino Unido promulgó la ley para que el gobierno central, las organizaciones gubernamentales locales, algunas organizaciones benéficas y otros sitios web de organizaciones no gubernamentales cumplan con las pautas WCAG2.1.

Luego, en 2019, se formó la ley europea de accesibilidad. Incluso ya en 1990, la Ley de Discapacidades de los Estados Unidos cubría cuestiones que ahora se abordan en los sitios web. En algunas situaciones, las empresas ahora están siendo llevadas a los tribunales y pierden, tome el caso de Domino's Pizza, por ejemplo.

La gente no dudaría en asegurarse de que un lugar sea físicamente accesible, entonces, ¿por qué es diferente hacer que su sitio web sea accesible? Nunca ha sido más crucial que ahora, ya que más empresas se están volcando predominantemente en línea.

Propósito

Nuestro objetivo es crear sitios web inclusivos porque la accesibilidad es un derecho humano.

El sitio no solo será más fácil de usar para todos, sino que potencialmente traeremos más clientes potenciales al cliente. Click away pound declaró: "No proporcionar sitios web accesibles para el consumidor costó a los minoristas del Reino Unido £ 11,75 mil millones en 2016".

Asuntos

El problema principal es cómo pensamos sobre la inclusión o incluso las discapacidades en sí mismas. Soy un gran admirador de Adrian Roselli y su forma de abordar esto a través del método de accesibilidad egoísta. Aquí hay un video de Adrian de una conferencia reciente, recomiendo verlo desde una perspectiva diferente sobre las discapacidades y los problemas comunes que las personas pueden enfrentar.

Básicamente, relaciona problemas comunes de accesibilidad de sitios web con situaciones cotidianas que experimentan todos, no solo las personas con discapacidades. Por ejemplo, los problemas de contraste, simplemente explica que esto también es un problema si la persona está usando una computadora portátil al sol o en un área muy iluminada. Por lo tanto, podemos ver que nos conviene asegurarnos de que nuestro sitio también sea accesible para la población en general.

Como puede ver en su video y las estadísticas, las personas con problemas de accesibilidad son mucho más comunes de lo que cree.

Problemas comunes de accesibilidad

Así que hemos decidido que hacer que nuestros sitios sean inclusivos es un beneficio para todos (¡espero!). Lo primero que viene a la mente de las personas cuando se aborda la accesibilidad es que necesitamos incorporar características o funcionalidades adicionales que serán costosas y oportunas de implementar, o que restringirán los diseños.

En realidad, este no es el caso y muchos de ellos se pueden resolver de manera muy simple con un poco de pensamiento, planificación y uso del método de accesibilidad egoísta de Adrian Roselli.

Colores y contraste

Aproximadamente el 8% (1 de cada 10) de TODOS los hombres en el mundo son daltónicos, así que seleccionemos una paleta de colores que cumpla con estos requisitos.
Si el sitio web del cliente utiliza colores que no son accesibles, pregúntele si está feliz de perder potencialmente el 8% de sus clientes potenciales. Estoy seguro de que podrían repensar los colores si les dices esto.

Mientras selecciona estos colores, asegúrese también de usar una buena relación de contraste entre ellos, no quiere que sus enlaces se oculten si están en un fondo de bajo contraste (computadora portátil al sol ...). Este es un trabajo de 5 minutos usando algo como la herramienta de verificación de contraste en línea o si desea ser específico para sus enlaces, use la herramienta de verificación de enlaces.

Tamaño de fuente y elección

¿Su sitio web contiene información que desea que la gente comprenda? Sospecho que sí. Así que asegurémonos de que uno de los ingredientes más importantes de su sitio sea digerible para los ojos antes de presionar el botón de retroceso.

Casi 1 de cada 10 personas que verán su sitio tendrán algún tipo de problema con los ojos (sin incluir el daltonismo). A los 40 años, solo la mitad de la luz llega a la retina como lo hacía a los 20. Para las personas mayores de 60, esto se reduce al 20%.

El tamaño de fuente predeterminado del cuerpo del navegador suele ser 16px o 1rem, este es también el tamaño de fuente recomendado como mínimo, pero seamos sinceros, ¡es demasiado pequeño! El argumento más común aquí es que "la gente puede hacer zoom si quiere que el texto sea más grande". El problema con esto es que la mayoría de las personas que se ven afectadas por este problema probablemente no sepan cómo hacer zoom, por lo que no debemos asumir que esta es una opción para ellos.

No hay un tamaño o fuente "mejor", pero recomendaría un tamaño de fuente de cuerpo más cercano a 18px o 1.125rem, con una altura de línea con un espaciado decente, una fuente elegible y el mínimo de bibliotecas de fuentes incluidas. Webaim tiene un buen artículo sobre fuentes y dice: “Cada vez que encuentre un nuevo tipo de letra, fuente o variación de fuente, su mente debe construir un mapa o modelo de los caracteres y patrones para luego analizar más rápidamente las palabras y procesar el significado. Esto requiere esfuerzo cognitivo y tiempo. Si el tipo de letra ya le resulta familiar, esta sobrecarga se reduce ".

Gill Andrews tiene una publicación más completa sobre errores tipográficos que vale la pena leer si se trata de mucha tipografía.

Imagenes

No hay mucho que mencionar aquí, pero debes asegurarte de tener una etiqueta alt en tu imagen. La mayoría de los CMS ahora tienen la opción de agregar una etiqueta alt de imagen cuando la carga. Asegúrese de describir la imagen si es importante. Este artículo de hubspot tiene una buena redacción sobre el uso bueno y malo de las etiquetas alt.

Si una imagen no es importante y es puramente decorativa, como un patrón de fondo, deje las etiquetas vacías. Solo asegúrese de que esté realmente vacío en el marcado así: alt = ”” o se marcará como faltante de una etiqueta alt.

Una cosa importante que debe recordar es que no debe usar imágenes para texto importante (como títulos), ya que serán ilegibles para los lectores de pantalla y Google. Tenga cuidado de colocar el texto sobre las imágenes también, ya que puede volverse ilegible debido al fondo.

Estructura

Una cosa que normalmente se pasa por alto, incluso si ha seguido los conceptos básicos anteriores, es la estructura semántica real de la página. Mucha gente se queda atrapada en el tamaño de una fuente o encabezado y los usa con fines de estilo en lugar de definir la jerarquía de información de las páginas.

Esto no solo afectará la forma en que Google interpreta su contenido, sino que las personas que usan lectores de pantalla usarán su marcado estructural como navegación. Yoast tiene un gran artículo sobre encabezados que debería dedicar un poco de tiempo a leer. Un consejo sencillo sería tener un elemento <h1> en su página y luego <h2> para las próximas secciones importantes. Si tiene un hijo de una subsección, use un <h3> y así sucesivamente:

<h1> Por lo general, el título de su página </h1>

<p> Aquí hay texto de párrafo </p>

<h2> La siguiente sección importante de su página </h2>

<p> Aquí hay texto de párrafo </p>

<h3> Algo no tan importante pero relacionado con el h2 anterior </h3>

<p> Aquí hay texto de párrafo </p>

<h2> La siguiente sección importante de su página </h2>

Redondeo

Espero que pueda ver que al seguir estas simples reglas anteriores, hará que su sitio sea accesible y una experiencia más placentera para todos los que lo visitan. No solo esto, sino que también está mejorando su posición con Google, por lo que es beneficioso para todos.

Si no está seguro de si su sitio se ajusta a estos estándares o simplemente desea ayuda para mejorar la accesibilidad de su sitio, comuníquese con nosotros.