Advertisement
  1. Web Design
  2. Accessibility

Hacer la Web Accesible para Todos con Diseño Inclusivo y Personas Diversas

by
Read Time:10 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

La importancia de crear una web que sea accesible para cualquiera y todos siempre ha sido enfatizado por el inventor de la misma Red Mundial:

"El poder de la Web está en su universalidad. El acceso por cualquier persona sin importar la discapacidad que presente es un aspecto esencial" - Tim Berners Lee

Éste artículo por lo tanto explorará cómo podemos entender mejor la accesibilidad y a las personas a través del uso de "personas diversas" en nuestro proceso de diseño, ayudándonos a hacer productos que son más incluyente del mercado más amplio. Veremos cómo la accesibilidad puede afectar a cualquiera en cualquier momento de sus vidas, y cómo las discapacidades son de hecho muy comunes.

Por ejemplo, aún las lesiones deportivas como una fractura de muñeca puede clasificarse como una discapacidad, trayendo consigo problemas de accesibilidad, pues la persona ahora podría tener problemas para usar un mouse de computadora.

Primero, ya que la accesibilidad es con frecuencia confundida con usabilidad, comencemos por ver la diferencia entre éstos dos términos.

Accesibilidad vs. Usabilidad

En resumen, "accesibilidad" asegura que las pesonas con discapacidades puedan accesar a la misma información de un sistema como cualquier otra, y también tener los mismos beneficios. Mientras que "usabilidad" es un atributo de calidad que mide la facilidad para utilizar una interfaz de usuario (UI).

La diferencia aquí es importante, porque si un sitio web no es accesible, la usabilidad ni siquiera puede existir, ya que no es posible una experiencia de usuario. Como DigitalGov lo señala:

"la usabilidad depende de la accesibilidad" - DigitalGov

Ésto resalta que un gran nivel de accesibilidad puede ser una base sólida para una buena usabilidad, y un mejor producto para todos. La W3C (Consorcio de la Red Mundial) proporciona una definición más completa de accesibilidad cuándo se trata de la web:

"Para la web, accesibilidad significa que las personas con discapacidades puedan percibir, entender, navegar e interactuar con sitios web y herramientas, y que puedan contribuir igualmente sin barreras." - El W3C

La Accesibilidad Puede Afectar A Cualquiera

Es importante notar que una "discapacidad", en la definición de arriba del W3C, no se limita sólo a personas invidentes que utilizan lectores de pantalla, como muchos de nosotros podemos suponer. Realmente, las discapacidades también incluyen una amplia gama de deficiencias.

De hecho, Adobe señala que cerca del 20% de la poblacion estadounidense tiene una discapacidad, y casi el 75% de las personas que superan los ochenta años también la tienen. El concepto más amplio de lo que puede ser clasificado como una discapacidad quiere decir que la accesibilidad puede afectar a casi cualquier persona, como se muestra en las siguientes discapacidades comunes:

Discapacidades Comunes

  • Una discapacidad visual también puede ser el daltonismo, o visión limitada-algo que puede ocurrir fácilmente conforme vamos madurando.
  • Las categorías de discapacidad (de acuerdo a Adobe) también incluyen discapacidades temporales, como una fractura de muñeca que dificulta el uso del mouse.
  • Paul Boag agrega que todos podemos sufrir discapacidades en algún punto de nuestras vidas a través de eventos que con frecuencia son evitables, como lesiones deportivas, operaciones menores o accidentes rutinarios.

Todo ésto resalta la importancia de incluir la accesibilidad en el proceso de diseño, pues hacer eso nos permite crear productos que funcionan para un conjunto más diverso de personas. Un planteamiento notable sobre la incorporación de la accesibilidad en el proceso del diseño es mediante el "diseño inclusivo" (también conocido como "diseño universal", o "diseño para todos"). Ahora exploremos cómo es útil el diseño inclusivo, y las maneras de aplicarlo.

Introduciendo el "Diseño Inclusivo"

Si un producto va a ser accesado por una audiencia masiva, como lo es la web, un planteamiento de diseño inclusivo asegura que las necesidades del mayor número de consumidores son satisfechas cuándo se crea un producto o servicio.

Cómo se definió por parte del W3C, el diseño inclusivo aplica a "todas las personas cualquiera que sea su capacidad, edad, situación económica, educación, ubicación geográfica, idioma, etc." Así que al abordar las necesidades de las mayores audiencias posibles, el diseño inclusivo coincide con la acesibilidad web, asegurando que los productos sean accesibles para todos.

Mejorando la Experiencia de Usuario para Todos

Un gran beneficio del diseño inclusivo es que no sólo mejora la experiencia de usuario de un producto para las personas con discapacidades, sino también para todos los demás. Por ejemplo, un sitio web accesible probablemente sea más fácil de leer para todos, no sólo para alguien que tiene problemas con la vista.

El W3C enfatiza ésto cuándo señala que

"la accesabilidad coincide con otras mejores prácticas como el diseño web móvil, la independencia de dispositivos, la interacción multi-modal, la usabilidad, el diseño para adultos mayores y la optimización de motores de búsqueda (SEO)." - El W3C

Ahora que sabemos qué es el diseño inclusivo, podemos ver cómo diseñar para la inclusividad, usando "personas diversas".

Personas Diversas para el Diseño Inclusivo

Una persona es una representación generalizada de un usuario típico de tu producto o servicio, y generalmente se basa en la investigación llevada a cabo en personas reales que pueden validar cualquier posible suposición efectuada.

Las Personas pueden evolucionar con exactitud a través del proceso de diseño según surgen nuevas investigaciones. Pueden ser importantes para validar decisiones de diseño, priorizar características y guiar a tu equipo. Aquí está un ejemplo.

Jerry Jones Persona exampleJerry Jones Persona exampleJerry Jones Persona example
Ejemplo de Persona: Jerry Jones, Desarrollador de Software

Como se vió en el ejemplo, una persona puede tener los siguientes atributos, que ayudan a crear una persona imaginaria:

Atributos de una Persona Común

  • Nombre: nombrar a tu persona la hace más real, e incluso puedes encontrar que tu equipo se refiere al usuario por su nombre.
  • Motivaciones: ¿por qué el usuario utilizaría tu producto?
  • Objetivos: ¿qué quieren lograr, y cómo puede ayudar tu producto?
  • Frustraciones: ¿qué problemas tiene tu usuario con ciertas tareas?
  • Datos Demográficos: edad, sexo, ubicación, ocupación.
  • Foto: dar al usuario un rostro lo hace más real y descriptible
  • Frase: ¿qué frase memorable resume a tu usuario y el problema que quieres resolver para ellos?

Mientras más realista la persona es, mejor puede ser tu producto, de ahí la importancia de crear personas diversas. Como se explicó, las discapacidades son muy comunes, así que pasarlas por alto puede llevar a mucha exclusión y frustración por parte del usuario-que a su vez puede reducir el éxito comercial de un producto (como se explicó en El Paquete de Herramientas del Diseño Inclusivo de la Universidad de Cambridge).

Personas Diversas

Personas Diversas pueden ayudarnos a entender cómo las personas con discapacidades podrían usar los productos de manera diferente, o interactuar a través de diferentes medios .

El esquema de pirámide la diversidad mostrado abajo puede ayudar a tener una referencia del rango de discapacidades que son razonables atender con el diseño inclusivo. El modelo muestra cómo la capacidad puede variar en una población, comenzando desde personas sin dificultades, moviéndose hacia arriba hasta las dificultades graves.

Pyramid model of diversity Image Inclusive Design ToolkitPyramid model of diversity Image Inclusive Design ToolkitPyramid model of diversity Image Inclusive Design Toolkit
El esquema de la pirámide de la diversidad (Imagen: Paquete de Herramientas del Diseño Inclusivo)

Mientras que la pirámide se enfoca en incluir a los menos capaces, se acepta que ésto puede ser difícil con los que se ubican en la parte más alta de la pirámide que necesitan soluciones más socialistas.

Creando una Persona Diversa

Refiriéndonos de nuevo al ejemplo de la persona de un usuario llamado Jerry Jones, es notable que no hay mención de la capacidad (o discapacidad) del usuario. Por lo tanto, para crear a la ersona diversa, podemos añadir el atributo extra, "capacidad". Si Jerry tiene una discapacidad o no, éste atributo de capacidad puede ayudar a que empecemos a pensar sobre la inclusividad, cuándo se crean personas para diferentes usuarios. Así como la capacidad, los siguientes atributos pueden ser añadidos para alentar más diversidad en personas:

Atributos para Personas Diversas

  • Capacidad: ¿el nivel de capacidad que tiene el usuario-tienen alguna discapacidad?
  • Aptitud: ¿Qué tan experimentado es el usuario con la web? ¿Su capacidad crea cualquier dificultad específica cuándo usa una computadora?
  • Actitud: ¿cuáles son sus atributos hacia la vida, o hacia la web?
  • Puntos de acceso: ¿éste usuario necesita tecnologías asistivas para accesar a la web?

Modificar el ejemplo de la persona de Jerry con éstos atributos resultaría en algo junto con las siguientes líneas (ver los tributos adicionales a la derecha):

Persona modified for diversityPersona modified for diversityPersona modified for diversity
Persona modificada por diversidad

Al considerar éstos atributos adicionales en la persona, podemos ver que Jerry sufre de fatiga visual, y depende del uso del teclado, pues se opone a usar el mouse. Ésto proporciona una infuencia para tomar ciertas decisiones de diseño con respecto a la interacción, haciendo el producto final más accesible a una audiencia más amplia.

Ahora profundicemos sobre decidir el tipo de capacidades a buscar cuándo se crean personas diversas.

Comenzar con la Capacidad

Cuándo se agrega la capcidad del usuario para crear personas diversas en la accesibilidad web, podemos comenzar considerando las categorías de discapacidad definidas por W3C.

  • Auditiva
  • Cognitiva
  • Neurológica
  • Física
  • Del habla
  • Visual

Después de que es definida la capacidad, con frecuencia puede ayudarnos a entender los otros atributos listados arriba. Por ejemplo, si el usuario tiene una discapacidad de un miembro superior, no podrían usar el mouse, y se les acomoda mejor utilizar un dispositivo de acceso diferente para operar como el teclado.

Considerar el Nivel de Discapacidad

El nivel de la discapacidad puede ir desde leve a severo, y puede determinar las dificultades que el usuario enfrenta cuándo usa un producto o servicio. Aquí están un par de ejemplos del rango de discapacidades que son posibles por un par de categorías de discapacidad listadas arriba:

  • Discapacidades auditivas puede oscilar entre problemas en un oído hasta problemas en ambos oídos, y de "dificultad para escuchar" hasta "sordera".
  • Discapacidades físicas pueden incluir la limitación de control de músculos (por ejemplo causar movimiento involuntario), problemas de articulaciones (movimiento limitado), o falta de miembros.
  • Discapacidades cognitivas pueden impactar en qué tan bien la gente comprende la información. Involucran cualquier desorden en el sistema nervioso, afectando qué tan bien la gente puede escuchar, moverse, ver, hablar y entender la inforamción.

Entender las Barreras Creadas por la Discapacidad

Cada discapacidad pueden traer diferentes tipos de barreras y aspectos que deben considerarse cuándo se diseña para la inclusividad.

  • Barreras auditivas pueden incluir todo tipo de contenido con audio, es decir videos que hacen mucho uso del sonido llegan a ser inaccesibles para el usuario.
  • Barreras físicas pueden incluir sitios web que no proporcionan total soporte de teclado, o sistemas de navegación impredecibles.
  • Barreras cognitivas pueden incluir maquetados de páginas que son difíciles de seguir, o grandes cantidades de texto con imágenes poco útiles para ayudar a la comprensión.

Una lista completa de discapacidades y barreras pueden encontrarse en la Guía del W3C sobre Diversidad para Usuarios de la Web.

Considerar Tecnologías Asistivas y Mejoras

Cuándo las personas se enfrentan con barreras debido a su nivel de capacidad, existen muchas mejoras comunes y aún simples que pueden hacer a un producto accesible.

Por ejemplo, las mejoras usadas para cerrar las barreras auditivas incluyen agregar títulos a los videos, o usar transcripciones que puede ser leídas en lugar de ser escuchadas.

Como se mencionó previamente, tales mejoras no sólo ayudan a las personas que tienen problemas para oír, sino que con frecuencia mejoran la experiencia de usuario para todos, como se resaltó en éste artículo de Hubspot, titulado Por Qué tus Videos de Facebook Necesitan Ser Optimizados para el Silencio.

Argumentan que hay situaciones dónde las personas (sin importar su nivel de capacidad) no observarán videos con el sonido habilitado, como en un sitio público. En éstas situaciones, los subtítulos hacen que la información transmitida por el sonido sea accesible para los ojos. De hecho hemos comenzado a ver ésto en muchos videos hoy en día, como se muestra en la siguiente imagen:

foodvideosfoodvideosfoodvideos
Un video con títulos para superar las barreras auditivas (@foodvideos)

Ejemplos de Personas Diversas

Hay muchos magníficos ejemplos de personas diversas en la web que ponen muchas de las ideas en éste artículo en práctica. Abajo están unos cuántos buenos ejemplos que puedes seguir cuándo se crean personas diversas por tí mismo:

Personas Diversas de Barclays

Barclays ha recabado una colección completa de personas, que incluyen un amplio rango de discapacidades como bipolaridad, parálisis cerebral, dislexia y otras. Cada persona también contiene una biografía detallada y descripción de estilo de vida, que es útil en la comprensión de las discapacidades.

Barclays Diverse PersonasBarclays Diverse PersonasBarclays Diverse Personas
Personas Diversas de Barclays

Una Web para Todos

El libro, Una Web para Todos, "Diseñando Experiencias de Usuario Accesibles", tiene un conjunto de excelentes personas diversas, algunas de las cuáles son listadas abajo:

Trevor A high school student with autismTrevor A high school student with autismTrevor A high school student with autism
Trevor: Un estudiante de secundaria con autismo
Emily Cerebral Palsy living independentlyEmily Cerebral Palsy living independentlyEmily Cerebral Palsy living independently
Emily: Parálisis Cerebral, viviendo independientemente
Jacob A blind paralegal in a law firmJacob A blind paralegal in a law firmJacob A blind paralegal in a law firm
Jacob: Un asistente legal invidente en un despacho de abogados

La colección completa, junto con descripciones detalladas, pueden verse en la previsualización del libro UX Mag.

Próximos Pasos

Para hacer personas más concretas, es útil crear "escenarios de usuario", donde las historias pueden ser creadas para explorar un día típico para tu usuario. Ésto puede ayudar a identificar más puntos conflictivos que pueden ser resueltos en tu producto. ¡Buena suerte en hacer tus propias personas diversas!

Más Artículos para Leer

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.