7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Accessibility

Crear una Web Inclusiva: Por Qué Es Importante la Accesibilidad 

Read Time: 12 mins

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

La accesibilidad es importante porque nosotros, la personas, queremos usar la web. Trabajar para lograr una web más inclusiva nos ayuda a lograr este objetivo.

En este artículo compartiré mi opinión sobre porque es importante la accesibilidad; empezando por mejorar la empatía, hasta para hacer “buenos negocios”, por propio interés o para cumplir las leyes en lo concerniente a la accesibilidad.

Día Internacional de las Personas con Discapacidades

La fecha de publicación de este artículo no es casual: el día 3 de diciembre es el día designado por las Naciones Unidas como Día Internacional de las Personas con Discapacidades. Hoy nos gustaría aumentar la concienciación y demostrar que podemos conseguir a través del diseño web inclusivo.

¿Qué es la Accesibilidad Web?

Cuando hablamos sobre accesibilidad web normalmente empezamos definiéndola. Me gustaría empezar con una cita:

“Crearías un puente que sólo pudiese usar un tipo específico de coche? – Andrea Fercia

Dejemos que esto cale por sí solo. No puedo pensar en mejor forma de sumarizar el concepto de web inclusiva (y sugiero que leas tras esta lectura por completo el brillantes artículos de Andrea sobre accesibilidad).

En otras palabras, todo el mundo debería ser capaz de navegar, e interactuar con la web usando cualquier dispositivo que tengan.

Advierte que todavía no he mencionado a los usuarios con discapacidades. Es cierto que los distintos tipos de discapacidades juegan un gran rol en la accesibilidad web, pero todos podemos tener necesidades especiales. Todos somos distintos y nuestras necesidades pueden cambiar a lo largo del tiempo. Echemos un vistazo a distintos ejemplos de esta diversidad.

La Accesibilidad es algo que nos Concierne a Ti y a Mi

Existen múltiples aspectos que afectan a la manera en la que usamos la web. Aquí tienes un par de mini historias sobre distintas situaciones personales y las dificultades que pueden encontrar al usar a web.

Mis Padres, de 74 Años de Edad

La visión de mis padres ya no es de muy buena calidad. Ambos han llevado gafas durante años, pero ese no es el único problema. El problema real es su antiguo y penoso monitor. Con su calidad de visión es imposible ver el texto a no ser que exista suficiente contraste entre el fondo y el color del texto.

También les resulta difícil usar sitios web más complejos o cumplimentar los formularios. Esto podría deberse a que los sitios web o los formularios son excesivamente complejos, pero ellos desean evidentemente usar estos servicios tanto como yo.

We are celebrating accessibility Not really more like 100-year-old FinlandWe are celebrating accessibility Not really more like 100-year-old FinlandWe are celebrating accessibility Not really more like 100-year-old Finland
We’re celebrating accessibility! Not really, more like 100-year-old Finland.

El Síndrome de Usher

La mujer de mi amigo tiene el síndrome de Usher, tipo tres. Tiene un campo de visión reducido, lo que significa que los sitios web abarrotados le resultan problemáticos. Encuentra difícil navegar y localizar el contenido actual cuando están ocurriendo muchas cosas en la página. Para cubrir sus necesidades, cuanto más simple mejor.

Un buen contraste de color ayuda significativamente a leer el texto y los enlaces subrayados son más fáciles de identificar dentro de un bloque de texto.

Los botones de envío de formularios son difíciles de encontrar si sólo tienen finos bordes con fondos transparentes, y lo mismo vale para los campos de formulario si no estos cuentan con una clara diferenciación respecto al fondo.

También me comenta que los anuncios intercalados dentro del contenido son confusos. No puedo estar más de acuerdo con esto.

Lesiones a Causadas de un Accidente

Hace un par de años mi amigo sufrió un accidente y se rompió los huesos de ambas manos. Para él que es un guitarrista fue duro golpe. Casi tan duro como darse cuenta de las dificultades que iba a tener para usar su portátil y su teléfono mientras se estaba recuperando del accidente.

Comenzó a usar atajos de teclado en su portátil, y comandos de voz en su Smartphone. Sin embargo, muchos de los sitios web que quería usar no eran accesibles a través del teclado. Cada pequeña tarea podía durar horas.

Estudiantes con Poca Visión

Mi primera experiencia personal con la accesibilidad fue con un estudiante que tenía una visión reducida. No era totalmente ciega, pero tenía que usar una lupa para poder leer.

También solía usar un lector de pantalla para navegar la web, pero la mayoría de sitios eran más fáciles de usar con su mágica lupa.

  • En ocasiones no podía localizar o abrir la navegación.
  • A veces el bloque del texto principal, los largos párrafos sin titulares o las listas eran demasiado para ella.

Pero se acostumbró a las barreras. “Simplemente busco otro sitio web mejor”, solía decir.

Estudiantes Que Tienen Dificultades de Lectura

Yo no enseño idiomas (enseño matemáticas) pero hablo frecuentemente con profesores de idiomas. Los estudiantes pueden experimentar dificultades para leer y comprender textos por distintos motivos:

  • Tienen dislexia u otras dificultades de lectura.
  • El contenido no está escrito muy bien. Escribir contenido más accesible puede ser la solución a esto.
  • El contenido no está escrito en su lenguaje nativo. Los sitios en varios idiomas ayudan a acceder a la información.
  • Intentan realizar varias tareas al mismo tiempo. Las interfaces de usuario claras y sencillas les ayudan a mantener el punto de atención.
ConcentrateConcentrateConcentrate
Concéntrate...

Daltonismo

Es casi cierto que algunos de mis amigos son daltónicos. De hecho, puede que incluso yo tenga algún tipo de daltonismo. El daltonismo es muy común.

Imagina que los enlaces no están subrayados en tu contenido principal, sino que en su lugar están destacados con el texto en otro color. ¿Cómo los distinguirías si tuvieses algún tipo de daltonismo?

Aquí tienes un par de buenas recursos y ejemplos sobre el daltonismo:

Vídeos sin Subtítulos, Carencia de transcripción de Audio

No hace falta decir que las personas sordas, o con dificultades auditivas, salen beneficiados cuando los vídeos tienen subtítulos, o transcripción del audio. Pero, ¿cuántas veces has necesitado tú mismo los subtítulos?

  • Quizá el idioma empleado no es tu lengua nativa, y lo entiendes mejor si está escrito. Mejor aún si está traducido.
  • Quizá no puedas oír el sonido, porque tu entorno es muy ruidoso.
  • O no puedas habilitar el sonido porque tu pareja ya está durmiendo cerca de ti. ¿Dónde están los auriculares cuando los necesitas?
  • Es posible que los subtítulos incluso te hayan ayudado a encontrar contenido en vídeo; a los motores de búsqueda les encanta el contenido en formato de texto.

¡Me Encanta Trabajar Junto al Mar!

Recientemente intenté trabajar junto al mar. Me imaginé que un entorno hermoso e idílico sería maravilloso para mi productividad. Qué equivocada estaba.

El wifi era espantoso y a mi pantalla no le gustaban para nada los rayos solares. Un par de cervezas después ya estaba trabajando. Suspiro.

Personas Diversas

A través de todos estos ejemplo te habrás dado cuenta cuan diversas son las personas y las situaciones, sin embargo, muchas de ellas comparten los mismos problemas. En ocasiones los problemas de accesibilidad son:

  • Permanentes
  • Temporales
  • Contextuales

Si la empatía por estas situaciones todavía no te han convencido, existen otros motivos por los que el diseño web inclusivo es importante.

El Diseño Web Inclusivo es Bueno Para los Negocios

Como empresario, ¿te gustaría excluir a clientes potenciales del uso de tu producto? Espero que no. Aquí tienes algunas cifras que me vienen a la cabeza:

  • Un 20% de las personas dependen de una web inclusiva y accesible, de otra forma no serían capaces ni siquiera de usar tu producto.
  • El 50% de la gente se beneficia de una web inclusiva y accesible.
  • Todo el mundo sale beneficiado de una web con buena usabilidad.

Según el libro de Jonathan Hassell Incluir tu 20% perdido, estas estimaciones son bastante acertadas. El emplea los datos del Reino Unido como ejemplo.

  • Población total de UK: 62,2 millones.
  • Número total de personas con discapacidades en UK: 11 millones (aproximadamente un 18% de la población).
  • Alrededor de 7 millones de personas tienen una discapacidad física, de los cuales 2.5 millones tienen dificultades para usar sus manos lo cual podría impedirles el uso de los teclados del ordenadores y de otros dispositivos.
  • 2.2 millones de personas tienen dificultades para memorizar, concentrarse o aprender, de los cuales, alrededor de 1 millón tienen problemas de aprendizaje.
  • 2.1 millón de personas tienen algún tipo de dificultades para comunicarse.
  • Casi 2 millones de personas tienen una minusvalía auditiva lo cual es problemático en su día a día, de esos 2 millones, 20.000 emplean el lenguaje de signos para comunicarse.
  • Aproximadamente 2 millones de personas son disléxicas.
  • 1.8 millones de personas tienen minusvalías visuales que les causan dificultades diarias, desde problemas para leer texto si no se ha aumentado de tamaño hasta tener que aumentar la pantalla de su ordenador por 16 o 32 veces.
  • Un 8% de hombres y un 0.4% de mujeres son daltónicos.
  • 180,000 están registrados como minusválidos/ deficientes visuales (ciegos)
  • Alrededor de 1 millón de personas padecen una condición paulatina, cíclica o fluctuante como la esclerosis múltiple.
  • Alrededor de 1 millón de personas están afectados por problemas de salud mental, a muchos de ellos les resulta complicado usar internet.

La Accesibilidad es Buena para la Usabilidad

La usabilidad y la accesibilidad van de la mano y ambas comparten un mismo objetivo: que el sitio web o app sea fácil de usar para todo el mundo.

Me gusta usar estos criterios para valorar la usabilidad:

  • Diseño intuitivo: los usuarios comprenden rápidamente la estructura del sitio y su sistema de navegación.
  • Facilidad de aprendizaje: los usuarios entienden rápidamente la temática del sitio y completan las tareas principales que se deban realizar en el mismo.
  • Eficiencia de uso: las tareas se completan rápidamente. ·       Memorabilidad: los usuarios pueden repetir fácilmente las mismas tareas nuevamente cuando vuelven al sitio.
  • Retención: los usuarios pueden fácilmente hacer las mismas tareas otra vez cuando vuelven.
  • Frecuencia de los errores y gravedad: ¿cometen errores los usuarios mientras navegan por el sitio? ¿son esos errores graves?
  • Satisfacción subjetiva: ¡les gusta a los usuarios tu sitio web!

Estos puntos están perfectamente alineados con la accesibilidad y con las ideas del diseño inclusivo.

La Accesibilidad es Buena para el SEO

Los motores de búsqueda son ciegos. Por tanto descubrirás que algunos aspectos del SEO y la accesibilidad se solapan:

  • HTML semántico.
  • Titulares y estructura de página.
  • Texto alt de las imágenes.
  • Texto del anchor link.
  • Títulos de las páginas.
  • Transcripciones de vídeo y audio.

El artículo Accessibility & SEO myth de Karl Groves muestra un punto válido en casos de estudio SEO que justifican sólo una pequeña fracción de la accesibilidad. Es cierto que la accesibilidad no genera un mejor SEO de forma automática, pero incluso la pequeña fracción que se solapa es lo suficientemente importante como para recordarlo.

La Accesibilidad es Algo Exigido por Ley

¿Todavía no estás convencido de que la accesibilidad es una parte consustancial de la web y los productos digitales? ¿Saltarias al bote si la creación de sitios web y productos digitales accesibles fuese requerido por la ley?

Bien, es requerido por ley en muchos países. No sé cual es la situación en tu país (por favor deja un comentario y nos lo cuentas) pero en la Unión Europea (UE) existe una directiva para hacer los sitios web y las apps móviles del sector público más accesibles. Fue aprobada el 22 de diciembre de 2016.

Advierte que esta directiva va dirigida específicamente a los sitios web del sector público. Pero no dejes que este detalle te detenga. Puedes implementar la accesibilidad en todos tus trabajo.

Los miembros de la Unión Europea tienen unos cuantos años para adaptarse a esta ley, pero debe estar implementada antes del 23 de septiembre de 2018. En Finlandia tienen el siguiente calendario:

  • Los sitios web publicados después del 23 de septiembre de 2018 deben ser accesibles el 23 de septiembre de 2019.
  • Los sitios web publicados antes del 23 de septiembre de 2018 deben ser accesibles el 23 de septiembre de 2020.
  • Las Apps móviles deben ser accesibles el 23 de junio de 2021.
  • Las extranets e intranets que son publicadas antes del 23 de septiembre de 2019 deben ser accesibles cuando se vuelvan a crear.

Leyes Sobre Accesibilidad en Europa

Existen cuatro puntos principales mencionados en la directiva que explican cómo crear servicios digitales más accesibles. Esto deben ser:

  1. Perceptibles: la información y los componentes de la interfaz de usuario deben presentarse ante los usuarios de manera que estos los puedan percibir.
  2. Operable: los componentes e la interfaz del usuario y la navegación debe ser operativa.
  3. Comprensible: la información y el funcionamiento de la interfaz de usuario debe ser comprensible.
  4. Robusto: el contenido debe ser lo suficientemente robusto como para que pueda ser interpretado po una amplia variedad de agentes de usuario, incluyendo las tecnologías de ayuda.

Para ser honestos no entiendo totalmente qué significa esto exactamente–parece que hay espacio para muchas interpretaciones. Pero entiendo que estas reglas están alineadas con lo indicado por Web Content Accessibility Guidelines (WCAG). Para conocer más sobre WCAG, aquí tienes algunos útiles recursos:

Las Leyes sobre la Accesibilidad en EE.UU y en Otros Países

En los EE.UU, las leyes de accesibilidad están indicadas en la sección 508. Paciello Group tiene un buen resúmen con las actualizaciones de la ley de la sección 508.

Te animo a que consultes la legislación relativa a la accesibilidad vigente en tu país.

La Accesibilidad es un Trabajo de Equipo

¿Creo que he escuchado algo? Ha sido el sonido del cambio de mentalidad:

"Hey, construyamos un puente para todos. No sólo para Ferraris."

Todo el mundo estaría feliz si así fuese. Pero este no es un espectáculo de un único actor; es necesario que se comprometan todos los empleados de tu organización o de tu empresa.

  • Diseñadores.
  • Desarrolladores.
  • Las personas encargadas de realizar pruebas.
  • Los gestores de contenido.
  • Los gestores de proyectos.
  • Las personas que toman las decisiones.

La accesibilidad es un cambio de mentalidad que afecta a toda la empresa. No se trata sólo de una lista de comprobación que debes cumplir en tu puesto. En un mundo idílico, todos deberíamos desear crear sitios web mejores para todos, usables, accesibles e inclusivos.

Recursos

Me gustaría agradecer a Rian Rietveld por la ayuda prestada para escribir este artículo. Las ideas que ha compartido conmigo han sido de gran ayuda. Aquí tienes algunos recursos útiles que hemos mencionado en este artículo:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.