Pinterest acaba de rediseñar su aplicación para personas invidentes

Así es como la compañía enfrentó sus propias deficiencias en el diseño inclusivo, y rediseñó su aplicación de forma sistémica para todos.

Así es como la compañía enfrentó sus propias deficiencias en el diseño inclusivo, y rediseñó su aplicación de forma sistémica para todos.
[Foto: cortesía de Pinterest]

El año pasado, Long Cheng se sentó con un grupo de ingenieros mientras estudiaban a personas usando Pinterest.Para Cheng, diseñador principal de la compañía, este tipo de prueba de usuario era un lugar común. Pero ese día, algo fue diferente. Los evaluadores no eran madres de treinta y tantos, o cualquier demográfica estereotípica aparece en tu cabeza cuando imaginas a uno de los 200 millones de usuarios dePinterest . Eran personas con una variedad de deficiencias visuales, desde la degeneración macular hasta la ceguera completa. Y Cheng quería ver qué tan bien podrían usar la aplicación.

Para su consternación, muchos ni siquiera pudieron pasar la pantalla de registro. La gente, literalmente, ni siquiera podía crear una cuenta. Mientras que iOS y Android tienen una función de accesibilidad, llamada Voice Over y Talk Back, respectivamente, que leen en voz alta los botones y opciones en la pantalla para que los usuarios con discapacidad visual naveguen, Pinterest no etiquetó correctamente su propia interfaz de usuario para esta función. incluso funciona correctamente Del mismo modo, cuando las personas teníanfinalmente entrar en la aplicación, recetas leen en voz alta sería etapas o ingredientes que faltan. La gente se encontró atrapada dentro de alfileres, sin saber cómo escapar. Incluso para las personas con deficiencias visuales, el diseño de Pinterest, con su tipo minúsculo, fue un desafío para discernir.

“Definitivamente fue personal para mí, y para mí específicamente. Porque he sido diseñador aquí durante cinco años, y es un producto que realmente me encanta trabajar, y quiero que todos puedan usarlo “, dice Cheng. “Para el grupo de ingenieros y diseñadores sentados allí, sentimos que no estábamos haciendo lo suficiente. Queríamos hacer más “.

Elementos de interfaz de Pinterest
[Imagen: cortesía de Pinterest]
Las personas ciegas que usan Pinterest, la aplicación para la inspiración visual, pueden parecer un oxímoron. Pero, de hecho, Pinterest, como todas las aplicaciones convencionales, tiene un contingente de usuarios ciegos (aunque la compañía admite no seguirlos). Muchos usan Pinterest simplemente para marcar historias en la web que les gustaría leer más adelante. Y a los que no usan el servicio les gustaría, si fueran bienvenidos.”Le preguntamos a un usuario, ¿usarías Pinterest? ¡No puedes ver lo que hay en la pantalla! “, Cuenta a largo. “Ella dijo, ‘por supuesto que sí'”. Con discapacidad visual o no, todos queremos recetas sabrosas, mejores cortes de pelo y consejos de moda. Y Pinterest está cargado con miles de millones de alfileres llenos de esto.Durante el año pasado, Pinterest se comprometió a practicar el diseño inclusivo y hacer que su producto sea más accesible para todos. Con un equipo de una docena de diseñadores e ingenieros, Cheng desarrolló un enfoque de varias partes para rediseñar Pinterest como un producto que podría ser más accesible para todos, lo que lleva a una experiencia de escritorio y aplicación totalmente rediseñada que se ha ido extendiendo lentamente durante meses.
Indicador de Enfoque [Imagen: cortesía de Pinterest]
Indicador de Enfoque [Imagen: cortesía de Pinterest]

El primer paso y el más obvio fue agregar todo el código y etiquetado adecuados para garantizar que las funciones como Voice Over pudieran leer todos los componentes de la pantalla.En la misma línea, la compañía agregó indicadores de enfoque, contornos relativamente estándar sobre los botones y menús que están activos, que hacen que Pinterest sea más fácil de usar para las personas que no pueden usar un mouse o un panel táctil.

Esto era una apuesta en la mesa, por supuesto. Otros aspectos del rediseño tendrían que ser más básicos para la experiencia del usuario. En particular, la compañía quería aumentar el contraste de la interfaz de usuario en toda la aplicación para que fuera más legible. Para lograrlo, el equipo de Cheng desarrolló una paleta de colores completamente nueva, llena de brillantes tonos joya que podían enmarcar texto y ayudarlo a explotar. Este espectro multicolor no podría estar más alejado de los azules del huevo del petirrojo tan queridos por las nuevas empresas.

“Muy a menudo como diseñadores, tenemos que aceptar la idea de que tal vez un diseño accesible no es tan bonito o hermoso”, dice Cheng. Pero él cree que con compromiso, los buenos diseñadores pueden encontrar una manera de defender la estética y la accesibilidad al mismo tiempo, incluso cuando se trata de interfaces de usuario de alto contraste. “¡Para nosotros revisar nuestra paleta de colores a colores accesibles, definitivamente hubo desafíos! Pero al final, descubrimos el camino correcto, y estuvo bien “.

Con respecto al daltónico, Pinterest ha eliminado cualquier instancia en la que el color se usó alguna vez para transmitir acción o significado; en el nuevo Pinterest, solo está ahí para aumentar la legibilidad y el estilo visual. Mientras tanto, la compañía introdujo la opción de aumentar el tamaño del texto en la aplicación dentro de la configuración, centrándose en el tamaño y la audacia para denotar jerarquía de información, en lugar de ajustar palabras en varios tonos de gris, que pueden ser de bajo contraste y difíciles de ver.

Internamente, Pinterest culminó su trabajo lanzando un laboratorio emergente de inclusividad para sus propios empleados para tratar de navegar por la aplicación con nada más que un teclado, o usar elementos como gafas de discapacidad visual al tratar de leer la pantalla. “Tratamos de ayudar a [nosotros] a entender todas las diferentes discapacidades que las personas pueden tener cuando usan Pinterest”, dice Cheng. “¿Cómo comenzamos cualquier desarrollo de producto teniendo esto en cuenta desde la fase cero?”

Interfaz de Pinterest en móvil antes y despues.
[Imagen: cortesía de Pinterest]

Lo que Cheng quiere inculcar es una mentalidad. Hace dos años, Pinterest se dio cuenta de que necesitaba considerar el mercado internacional en lo que respecta al diseño. Y ahora, sus diseñadores siempre piensan en las decisiones a escala global. Del mismo modo, él quiere ver a los diseñadores pensando inclusivamente desde el primer momento. La compañía también ha desarrollado pruebas automatizadas de accesibilidad en todas sus actualizaciones de aplicaciones en el futuro.

El diseño inclusivo es un proceso, no un destino . Y con eso en mente, es probable que veamos que cada vez más empresas pasan por un proceso similar al de Pinterest en el último año. Tal vez no lo hagan todo bien en el primer paso, pero siempre y cuando involucren activamente a sus usuarios finales en el proceso de diseño en el futuro, Pinterest solo se convertirá en un producto más útil para más personas.

Si eso no es suficiente para venderle un diseño inclusivo, vale la pena reconocer que algún día, todos seremos un caso extremo. Y las prácticas de diseño incluyentes a menudo son una inversión en nuestras propias vidas tanto como una forma de ayudar a los demás. Piense en ello como un seguro de salud o una seguridad social para la experiencia del usuario. “Algo que siempre pienso con este trabajo que hacemos es que estamos diseñando para nuestro ser futuro”, dice Cheng. “Lo que sea que hagamos en realidad nos beneficiará a todos en el futuro, incluso si ahora no tiene baja visión”.

Fuente fastcodesign.com

Esta extensión ayuda a las personas con discapacidad visual a ‘leer’ imágenes

 extensión ayuda a las personas con discapacidad visual a ‘leer’ imágenes

A diferencia de lo que ocurría hace apenas algunos años, las soluciones tecnológicas para las personas con discapacidad visual se han incrementado en la actualidad. Existe todo tipo de software especializado para la lectura de texto en el ordenador e incluso sistemas portátiles que se conectan a través de una app para ofrecer información al invidente sobre lo que ocurre en la vía mientras camina.

Sin embargo, la navegación web sigue siendo una asignatura pendiente para los desarrolladores. A pesar de que existen programas que leen los textos que se muestran en los sitios web que frecuentamos, las imágenes no cuentan con el mismo apoyo.

En este sentido, una interesante alternativa ha sido propuesta por el laboratorio Interactive Robotics and Novel Technology (IRON), un proyecto que consiste en una extensión que precisamente es capaz de leer las imágenes de diversos sitios web.

Según una publicación de TechXploreun investigador del instituto ATLAS fue el encargado de desarrollar este sistema que puede recopilar el texto alternativo y las leyendas en otros sitios web donde está publicada la misma fotografía.

En concreto, cuando se visita un sitio web con una determinada imagen, esta extensión es capaz de verificar en la base de datos si ésta ha sido publicada en otro sitio, obteniendo la información o atributos ALT para describir de la mejor forma la imagen.

El nombre de esta extensión es Caption Crawler, un sistema de captación de fotografías que tarda apenas 20 segundos en suministrar un texto para una imagen, en caso de que nunca se haya utilizado. El desarrollador de esta tecnología fue Darren Guiness, a través de una investigación que combinó las bondades de los sistemas automatizados con los textos escritos por personas.

Este sistema será presentado en la Conferencia de la Asociación de Maquinaria Computacional (ACM) el próximo mes de abril.

Fuente:  tekcrispy.com

 

Accesibilidad Web – Un frente hacia la inclusión de PCD

Hace poco conocí esta Web y me ha dejado una sensación de satisfacción y alegría,  porque cada vez somos más las personas que están tomando conciencia del valor humano y laboral que pueden tener una PCD.

Les presento a Disiswork, un emprendimiento peruano que nace con la finalidad de conectar empresas que brindan trabajo para personas con discapacidad.

Tod@s los que ya han pasado por el Blog saben lo difícil y complicado que es la reinserción laboral de las PCD, así que los invito a que revisen la Web y se registren, y aún mejor comenten como les fue.

Saludos.

Juan Carlos Esquivias Otazu

Post original de la web disiswork.com

Accesibilidad Web – Un frente hacia la inclusión de PCD

La accesibilidad web y la accesibilidad en general sin duda son importantes y sirven como plataforma para llevar a cabo otras actividades inclusivas. En relación con las personas con discapacidad, la accesibilidad juega un rol fundamental.

Ahora bien, cuando hablamos de accesibilidad se nos vienen a la mente muchas ideas y conceptos asociados a ese término.

Pienso que es importante abordar este tema desde su concepto.

Según Wikipedia, el término de accesibilidad responde a:

La accesibilidad o accesibilidad universal es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.

Vemos que el concepto está estrechamente ligado con el concepto de “Acceso” y “Uso”. Desde su misma etimología: accesibilidad. Es universal porque abarca a todo el público, no solo personas con discapacidad.

Por ejemplo: una rampa para acceder a un establecimiento puede ser usada tanto por personas con discapacidad en silla de ruedas o con movilidad limitada como embarazadas o ancianos. Incluso personas que se encuentran en situación temporal de discapacidad.

El beneficio del diseño accesible es para todos y debe ser un concepto presente en cualquier desarrollo urbano, arquitectónico, de productos y servicios e incluso de la web, la tecnología y el mundo digital.

El beneficio del diseño accesible es para todos y debe ser un concepto presente en cualquier desarrollo urbano, arquitectónico, de productos y servicios e incluso de la web, la tecnología y el mundo digital.

Es en este punto que queremos desarrollar un poco más, la accesibilidad web.

Accesibilidad Web

Uno pensaría cómo lograr una buena accesibilidad web cuando somos en un país con muy bajo nivel de accesibilidad en general, lo vemos en las calles todos los días, en las estructuras, procesos y diseño en general.

Sin embargo, el mundo digital en el que vivimos y el desarrollo de distintas tecnologías en internet presenta una oportunidad de comenzar a ser accesibles. Una oportunidad que no podemos dejar pasar.

Así como vimos que el concepto de accesibilidad va relacionado con el acceso y el uso. En la web es muy similar. ¿Cómo acceden y cómo usan los distintos públicos la web? ¿Qué tan accesible es una web?

Muchos podrán tener objeciones al respecto y decir que estamos apuntando a un público muy bajo, pero. ¿Realmente eso es verdad?

Solo en Perú estamos hablando de más de 1.5 millones de personas con discapacidad. (ENEDIS, 2012)

En el mundo estamos hablando de más de más de 1 billón de personas.

  • Más de 253 millones de personas con algún tipo discapacidad visual.
  • Más de 70 millones de personas con discapacidad auditiva profunda (sordera)

 

No son cifras para nada despreciables.

Sin ir muy lejos, ¿Cuántas personas que conoces usan lentes? Probablemente muchas

La accesibilidad para personas con escasa visión o problemas de visión va mucho más allá que el uso de softwares lectores de pantalla o tecnologías complejas.

Podemos hablar de elementos sencillos como contrastes adecuados, adaptación de luminosidad en dispositivos celulares, adaptación de textos o imágenes, etc.

Al invertir en accesibilidad web y digital estamos ampliando la cantidad de personas que podrían beneficiarse de nuestros productos o servicios.

Pero antes de seguir, definamos la accesibilidad web.

 Definición de Accesibilidad Web

Definición de Accesibilidad Web

¿Qué es la accesibilidad web?

La accesibilidad web es un conjunto de prácticas que permiten remover barreras que impiden una correcta interacción y acceso a las páginas web por las personas, independientemente de su capacidad.

Para las personas con discapacidad, la accesibilidad web viene muy bien.

 

Accesibilidad Web según tipo de discapacidad

El tipo de discapacidad y capacidad funcional supone ciertas necesidades para lograr tener una web accesible. Por ejemplo:

  • Discapacidad visual: ceguera y otros tipos de casos de baja visión y problemas para ver colores, diferenciar formas o limitación del campo visual.
  • Movilidad: dificultad para usar las manos, pérdida de control sobre el cuerpo, temblores, distrofia muscular u otro tipo de discapacidad o condición que afecte la movilidad.
  • Discapacidad auditiva: sordera y otros tipos de pérdida de audición.
  • Discapacidad cognitiva: en tema de desarrollo o aprendizaje o también cognitivas. Por ejemplo, personas con dislexia, o personas con condiciones que afecten su memoria, atención o desarrollo.

La W3C y la Iniciativa de Accesibilidad Web

¿Qué es la W3C?

La World Wide Web Consortium (W3C) es una comunidad internacional que trabaja para el desarrollo de estándares web por medio de sus organizaciones miembros, trabajadores y trabajos.

W3C Logo – Extraído de Wikipedia
W3C Logo – Extraído de Wikipedia

 

¿Qué es la Iniciativa de Accesibilidad Web de la W3C?

La Web Accesibility Initiative (WAI) en inglés, corresponde a una iniciativa que promueve estrategias, lineamientos, guías y recursos para hacer de la Web un espacio accesible para personas con discapacidad.

De manera concreta, presenta los lineamientos internacionales de accesibilidad web que sirven como un estándar para diseño, escritura y desarrollo en la Web. Así como materiales y recursos para entender e implementar la accesibilidad en la Web.

 

Barreras en Accesibilidad Web para Personas con Discapacidad

Es fácil entender ahora por qué es necesario tener una web accesible. Y es que muchos de estos elementos deberían tenerse como estándar en el diseño y desarrollo web.

Sin embargo, eso no es del todo así es por eso que vamos a repasar algunos elementos de la web que pueden presentar dificultades en la navegación e interacción de las personas con discapacidad.

Lo que denominamos “Barreras en Accesibilidad Web“.

¿Cómo usan las personas con discapacidad la web?

Sin duda un grupo muy concreto de personas que al interactuar con la web descubren muchas veces barreras de acceso y uso.

A fin de cuentas uno debe entender primero cómo es que las personas navegan por la web independientemente de su capacidad funcional.

Por ejemplo, una persona con discapacidad visual, evidentemente navega la web de manera distinta de una persona con discapacidad auditiva. Por el simple hecho de la capacidad funcional de cada público, las necesidades de la web son diversas y requieren ciertas adaptaciones y/o principios a seguir.

Las personas con discapacidad física a su vez tienen una forma de navegar la web distinta dependiendo de su condición y las personas con discapacidad cognitiva e intelectual también.

A fin de cuentas puede llegar a ser muy complejo y es por eso que existen ciertos estándares que nos ayudan a enteder cómo adaptar una web para que sea accesible para todos.

Aquí resumimos algunas barreras que surgen cuando las personas con discapacidad interactuan con la web.

Ejemplos de barreras de accesibilidad web – Discapacidad Auditiva

  • Contenido de Audio sin subtítulos o transcripciones.
  • Reproducciones de Vídeo sin capacidad de personalizar o adaptar los niveles de audio.
  • Interacciones solo con comando de voz y NO otros medios.
  • Falta de uso de lenguaje de señas para explicar información relevante y difícil de comprender.

 

Ejemplos de barreras de accesibilidad web – Discapacidad Visual

  • Imágenes sin descripción alternativa con el atributo “<alt>” usado por los lectores de pantalla.
  • No poder ajustar el tamaño de textos o imágenes o perder información relevante haciéndolo.
  • Falta de contraste suficiente en el diseño, fondos y textos.
  • Integración mínima para navegación por teclado, normalmente usado junto con software lector de pantalla.

 

Ejemplos de barreras  de accesibilidad web – Discapacidad Física

  • Sitios Web y navegadores que no soporten el uso de teclado para navegación. Usado por personas con bajo nivel de movilidad o discapacidad física superior.
  • Tiempos insuficientes para cumplir con tareas en la web, llenar formularios, completar registros, etc.
  • Falta de elementos visuales de navegación, ayudas y estructura de la página pobre y difícil de entender.
  • Navegación poco predictiva y complicada.

 

Ejemplos de barreras de accesibilidad web – Discapacidad cognitiva / intelectual

  • Navegación compleja y poco predictiva.
  • Lenguaje complejo y bloques de texto extensos, imágenes sin contexto, etc.
  • Distracciones en el contenido no deseadas por el visitante.
  • Imposibilidad de suprimir animaciones y sonidos no deseados.

 

Infografía: Barreras en PCD Auditiva y Visual

Infografía: Barreras en PCD Auditiva y Visual

 

Infografía: Barreras en PCD Física y Cognitiva/intelectual

 

 Infografía: Barreras en PCD Física y Cognitiva/intelectual

 

Principios de accesibilidad en el contenido web

Principios de accesibilidad en el contenido web de la WCAG 2.0

 

Principio 01: Percibible

Toda la información mostrada en la web y sus componentes deben mostrarse en formas que el usuario pueda entender.

Bajo este principio se encuentran los elementos alternativos de texto, alternativos de contenido multimedia y elementos de adaptabilidad.

Algunos ejemplos son: formas alternas de lenguaje: braille, lenguaje oral, uso correcto de audio y video con transcripciones y subtítulos y adaptaciones de texto, estructura y orden de contenido.

 

Principio 02: Operable

Los componentes de la interfaz del usuario y la navegación deben ser operables o manejables. Esto quiere decir que el usuario puede hacer “USO” realmente de lo que encuentra en la web.

En este punto podemos ver distintos elementos como la accesibilidad web por teclado, consideraciones de tiempo para uso de la web, elementos de navegación óptima por la página e incluso algunos datos importantes para prevenir ataques epilépticos de personas.

 

Principio 03: Comprensible

Es evidente que uno tiene que hacer un esfuerzo por preparar toda la información de su página web a fin de que esta sea comprensible. Esto significa que los usuarios que interactuen con la web deben entender tanto la información como los procesos y operaciones.

En este punto vemos elementos como qué tan legible son los textos, que tan previsible es la web y cómo identificar y evitar errores.

 

Principio 04: Robustez

Este último principio se enfoca en la validación de todos los elementos de la web para que sean utilizados por el máximo número de agentes de usuario posibles y asegurar su verdadera accesibilidad.

 

Resumen

  • La Accesibilidad Web es posible cuando se consideran elementos dentro de los principios establecidos como estándares de accesibilidad, se sigue las mejores prácticas y se piensa más en el usuario.
  • La Accesibilidad web permite que más personas accedan y usen la web, no solo personas con discapacidad sino cualquier persona ya que los principios brindan una mejor experiencia de usuario y usabilidad.
  • Hacer una web accesible es más que simplemente permitir cambiar contrastes, agrandar letras o leer los textos, es un conjunto de prácticas que abordan la experiencia del usuario a todo nivel.

 

Fuente: disiswork.com/blog

 

Realmente el post de nuestros amigos de Disiswork es muy completo y quisiera complementarlo con una infografía de su blog en donde pueden encontrar aún más información con respecto a la Accesibilidad Web y sobre lo que significa desarrollar una web accesible bajo los lineamientos de accesibilidad de la W3C – WCAG 2.0.

Pueden leer el post completo haciendo clic en el siguiente enlace:

Accesibilidad Web – Contenido para PCD [Infografía]

Infografía Guía de Accesibilidad Web – Disiswork

Infografía Guía de Accesibilidad Web - Disiswork

Twitter simplifica la búsqueda de contactos en aras de acelerar la interactividad

twtterirconeect--620x250

La plataforma crea una nueva pestaña llamada Connect que generará una lista de usuarios recomendados en función de los intereses de cada uno.

Más interactividad, más conversación, más uniones y, sobre todo, la esperanza de aumentar exponencialmente su base de usuarios. El nuevo servicio puesto en marcha por la red de «microblog» Twitter, que cuenta con 310 millones de seguidores en todo el mundo, permitirá encontrar amigos y cuentas relacionadas con los gustos e intereses del usuario.

La nueva pestaña Connect, ya disponible desde las versiones para dispositivos móviles basados en los sistemas operativos iOS y Android, engloba un listado de cuentas y perfiles que mejor se ajusten, a priori, a los intereses de cada usuario. Actúa a modo de listas recomendadas de usuarios susceptibles de seguir.

Esta nueva opción viene a dar respuesta a una laguna existente en la plataforma, ya que hasta la fecha localizar a usuarios interesantes para cada uno resultaba un trabajo engorroso. «La búsqueda de nuevas cuentas para seguir hay que tener una pizca de suerte», reconoce Ricardo Castro, responsable de producto de Twitter, en un comunicado publicado en el blog corporativo.

«A partir de ahora verás una lista detallada de personas y de cuentas que pensamos que disfrutaréis de seguir y serán fácilmente accesibles desde un solo lugar», añade. La selección de los mismos depende de varios parámetros extraídos de la actividad de cada usuarios, como los «me gusta», las cuentas populares de un determinado área, los mensajes de actualidad y los usuarios a lo que ya se sigue. Con todo, Twitter elaborará una lista de perfiles supuestamente interesantes.

De cara a ampliar la interactividad, esta pestaña Connect también hará que sea más fácil comunicarse con amigos, ya que dará la opción de sincronizar automáticamente su libreta de direcciones. «Y si alguien en sus contactos se une a Twitter te lo haremos saber para que les puedas dar una cálida bienvenida», justifica.

Fuente

Imágenes accesibles a todos en Twitter

TwitterA partir de este martes (29), quien utiliza la aplicación de Twitter en iOS y Android podrá añadir descripciones a las imágenes publicadas en los Tweets para que sean accesibles a los discapacitados visuales. Con esta actualización, queremos asegurar que todo el contenido compartido en la plataforma llegue a una audiencia más amplia posible, de manera que todos estén incluidos en la conversación y disfruten de los mejores momentos juntos.

Usa esta función activando la opción crear descripciones de imágenes en los ajustes de accesibilidad de la aplicación de Twitter. La próxima vez que agregas una imagen a un Tweet, habrá un botón en la foto. Da un toque para añadir una descripción a la imagen. Las personas con discapacidades visuales tendrán acceso a la descripción a través de su tecnología de asistencia. Las descripciones pueden ser de hasta 420 caracteres y serán leídas por estos programas (por ejemplo, lectores de pantallas o en braille).

Para asegurar que los editores y los clientes también tengan la posibilidad de añadir un texto alternativo a las imágenes, extendemos nuestros productos para API REST y Twitter Cards. Sabemos que esto es especialmente importante para clientes especializados de Twitter, como EasyChirp, Chicken Nugget, y The Qube.

El nuevo recurso estará disponible en breve también en la web.

Fuente : Twitter