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

6 maneras en que tu tecnología lo hace más difícil para las personas con discapacidad

Las ofertas de puntuación de la aplicación T-Mobile son imposibles para Yvonne Hughes, que tiene problemas de visión.
Las ofertas de puntuación de la aplicación T-Mobile son imposibles para Yvonne Hughes, que tiene problemas de visión.
Los expertos en accesibilidad y los usuarios con discapacidades comparten lo que a menudo les impide tener experiencias digitales fluidas.
Desde algo tan aparentemente trivial como perder ofertas de promoción en línea hasta algo tan crucial como la imposibilidad de solicitar ciertos trabajos, la falta de inclusión en el diseño tecnológico puede tener consecuencias en el mundo real para las personas con discapacidades.

Hagamos que el problema sea aún más identificable: supongamos que su farmacia más cercana es la única que lleva un medicamento específico que necesita, pero el sitio web no está accesible para usted. Como descubrió Mikey Ilagan , experto en accesibilidad de Think Company , ese fue el caso de Walgreens , cuyo sitio web -al  menos por un minuto allí- no permitía a los usuarios con lectores de pantalla acceder a su sitio web.

Como los expertos en la materia ya han planteado, el diseño accesible es un mejor diseño , ya que toma en cuenta lo que una base de usuarios completa podría necesitar como parte de una experiencia, en lugar de ver a los usuarios con discapacidades como “casos límite”.

Como parte de nuestro tema del calendario editorial de abril, hablamos con usuarios con discapacidades y expertos en accesibilidad para descubrir las frecuentes barreras y defectos que alejan la inclusión del espacio digital.

Sin cumplimiento de texto grande

Para Philip Wismer , sordo y con pérdida de visión, la funcionalidad de texto grande es clave para usar aplicaciones móviles.

“Algunas de las aplicaciones no funcionarían bien con eso”, dijo Wismer. “La aplicación Amtrak , por ejemplo, muestra el texto grande, pero luego se equivoca con la interfaz, por lo que no puedo tocar donde quiero tocar, porque las palabras se interponen en el camino”.

Wismer, de 30 años, dijo que los modelos iPhone 6 y 7 Plus han tenido problemas con las funciones de accesibilidad que le han impedido usar completamente las aplicaciones.

Imágenes, estructura y claves

El experto en accesibilidad Austin Seraphin , que tiene problemas de visión y es cofundador de Philly Touch Tour , enumera rápidamente un trío de obstáculos que se interponen entre él y las fluidas experiencias digitales:

“Imágenes sin etiqueta ( etiquetas alt ), botones y enlaces; estructura de encabezado incorrecta y no responde a los eventos de teclado “, dijo.

La falta de personas con discapacidad en el equipo

Otra forma en que el talento tecnológico tiene un problema de diversidad: no hay suficientes personas con discapacidad como parte de los equipos de tecnología. Para  Neil McDevitt , director ejecutivo del Deaf-Hearing Communication Center , esta es la fuente de muchos de los problemas enumerados aquí.

“Ya sea que se trate de un descuido intencional o no, es realmente difícil hacer accesibles las aplicaciones cuando se está diseñando para algún concepto abstracto o estereotipo de discapacidad”, dijo McDevitt. “Cuando las personas Sordas y otras personas con discapacidad están genuinamente involucradas en el proceso de desarrollo, realmente obliga a todos a cambiar su percepción de cómo funciona su aplicación”.

Tiempo de espera agotado por una herramienta de accesibilidad

Los clientes de T-Mobile Tuesdays tienen acceso semanal a descuentos, obsequios y ofertas, pero no a Yvonne Hughes , la subdirectora de servicios comunitarios sin fines de lucro It’s Not Your Fault en North Philly.

Mira, cuando Hughes, que tiene discapacidad visual debido a una dolencia hereditaria, intenta usar la aplicación, el ritmo al que se mueve su lector de pantalla es demasiado lento. La apaga y debe comenzar de nuevo, solo para terminar el tiempo una y otra vez.

 

“It takes a while for you to use the information because your phone is talking to you,” said Hughes, who has access to technology tools by way of the Temple University–based Pennsylvania’s Initiative on Assistive Technology.

“It’s timed as if it was a sighted person using it,”

Política ” Preguntar primero”

El consultor de accesibilidad  Ather Sharif , fundador de EvoXLabs,  dijo que los diseñadores y desarrolladores tienden a asumir lo que las personas con discapacidades necesitan o cómo usarían un sitio web sin realizar los estudios necesarios con  personas con discapacidades.

“O al menos, preguntando uno. 🙂 “dijo Sharif, un  ingeniero de Comcast que se mudó a Chicago y fue seleccionado para la clase 2018 de ADA 25 Advancing Leadership Fellows , un programa de liderazgo para personas con discapacidades.

 

Los conceptos básicos de HTML deben ser inclusivos

Para Ilagan de Think Company, los defectos de diseño frecuentes incluyen un contraste de color deficiente para personas con baja agudeza visual o daltonismo, interfaz de usuario compleja y / o personalizada donde no se pensó en los controles de teclado y en general una mala usabilidad.

“Los sitios suelen fallar porque las personas, intencionalmente o no, pierden el objetivo en los fundamentos de HTML”, dijo Ilagan. “Las aplicaciones nativas suelen fallar porque las personas lo pasan totalmente por alto cuando se puede decir que es más rápido / fácil para los nativos”.

Fuente: technical.ly

4 formas de hacer que tu diseño digital sea más accesible

Por Brittany Barbato  

Asistentes del panel
Asistentes del panel “Diseñando para la accesibilidad” de PhillyCHI.

Levante su mano si la accesibilidad es su responsabilidad en su organización.

Algunas manos subieron en respuesta a esta solicitud en el panel de encuentro de PhillyCHI centrado en la experiencia del usuario, el  panel  ” Diseñando para la Accesibilidad ” el miércoles pasado, pero fue una pregunta capciosa : “Todas las manos en la sala deberían estar subiendo”, señaló el moderador Mikey Ilagan , un especialista en accesibilidad de Think Company y Comcast .

En esa nota de apertura, se estableció el marco para una conversación sobre cómo todos, diseñadores, desarrolladores, ejecutivos, juegan un rol en hacer que los sitios web, aplicaciones y otros productos digitales sean más fáciles de usar para las personas con discapacidades.

 

Los panelistas para el evento incluyeron:

  • Neil McDevitt , director ejecutivo,  Deaf-Hearing Communication Center, Inc. (DHCC)
  • Isabella “Izzy” Gong, desarrolladora de pila completa enMOD
  • Ariel Braverman , diseñador senior de UX en Comcast

Juntos, sus ideas compartidas explicaron por qué el diseño accesible es importante. Realmente, las estadísticas deberían hablar por sí solas: el 15% de la población mundial experimenta algún tipo de discapacidad, y las proyecciones indican que habrá más de 1.100 millones de nuevos usuarios de Internet para 2020.

Pero sigue siendo una prioridad confusa para muchos, las principales compañías tecnológicas no son una excepción. La función de subtítulos automáticos de YouTube ha estado disponible desde 2009, pero es infame por ser extremadamente inexacta; le tomó a Slack casi 10 años antes de que contrataran a un gerente de productos de accesibilidad para corregir problemas con los lectores de pantalla y más.

A continuación hay cuatro puntos clave para aclarar las cosas y ayudarlo a ser un defensor de diseño accesible en su organización.

1. La representación importa.

McDevitt dijo que las personas con discapacidades a menudo se consideran las últimas en las iniciativas de contratación de “diversidad” de una empresa, si se las considera en absoluto. Si se encuentra en un puesto de toma de decisiones, es tan simple como hacer un esfuerzo para contratar a alguien con una discapacidad.

No tan alto en la cadena de mando? Pídales a sus líderes que sean proactivos en la contratación de personas con discapacidades. Comparta ofertas de trabajo con organizaciones que trabajan con personas con discapacidades. Defiende una serie de conferencias de accesibilidad para tu empresa, como lo hizo Gong en Mod, para ayudar a las personas con discapacidad a compartir sus experiencias y, a su vez, educar y generar empatía dentro de tu equipo. Comience un club para revisar ADA y otras pautas de accesibilidad para que pueda aprender juntos.

Además, busque personas con discapacidades para que sean parte de sus pruebas de usuario y, si es necesario, tómese un tiempo para ser un mentor y capacítelo sobre cómo ser buenos usuarios para sus necesidades de evaluación.

“Mucha gente sin discapacidad piensa: ‘Bueno, no deberíamos hablar sobre eso'”, señaló McDevitt. “Pero muchas veces queremos hablar sobre eso. Queremos compartir nuestras experiencias con usted para que pueda hacer un mejor trabajo para nosotros. [Discapacidad] no es un tema tabú “.

2. Agregue una casilla de verificación de accesibilidad en la lista de tareas pendientes y gane pequeñas victorias.

Design ruiner, Dream crusher, Accessibility police. Estas son algunas de las percepciones erróneas con las que se han enfrentado los panelistas, ya que han abogado por un diseño más accesible.

Sin embargo, Braverman dice que este mal representante está enraizado en una falla del proceso: a menudo, los equipos de diseño y desarrollo no consideran la accesibilidad hasta después de que ya hayan creado un sitio web “increíble y de vanguardia”; admite que puede ser muy frustrante incorporar cambios después de que se haya implementado un diseño, pero enfatiza que esta es la razón por la cual los equipos deben agregar una casilla de verificación de accesibilidad a los criterios de diseño originales desde el comienzo. La integración inicial de las características de accesibilidad elimina esas frustrantes revisiones al final.

Cuando un elemento de accesibilidad se marque de la lista, recuerde reforzar positivamente a su equipo también.

“Tienes que recompensar pequeñas ganancias”, agregó Izzy. “Tan pronto como alguien piense en algo como cambiar el contraste, tienes que ser como ‘¡Yo! ¡Gran trabajo! ¡Sí!'”

3. La personalización es la clave.

Braverman señaló su trabajo en la Guía de TV de Comcast como un ejemplo de buena personalización. La configuración del usuario dentro de la guía permite a las personas ajustar los detalles, como la fuente, el tamaño del texto, los colores de fondo, los niveles de opacidad y más, a sus preferencias y necesidades únicas. Esta es también la razón por la cual es importante asegurarse de que la característica de configuración, en sí misma, también sea de fácil acceso.

Y, al final del día, siempre le da la opción de deshacer cualquier opción de personalización.

4. Recuerda, todos estamos temporalmente capacitados.

Aunque a menudo asociamos el concepto de accesibilidad con personas que tienen una discapacidad permanente, McDevitt dijo que es importante recordar que la discapacidad está en un espectro. ¿Usas lentes? ¿Alguna vez te han roto un brazo? ¿No es más difícil escuchar tu cita durante la cena cuando un grupo ruidoso está sentado cerca? Estos también son ejemplos de discapacidad.

Todos estamos temporalmente capacitados, lo que significa que la accesibilidad (o la falta de ella) puede y nos impactará a todos en algún momento. “Necesitamos cambiar el enfoque de las necesidades especiales y la discapacidad a las necesidades funcionales”, instruyó McDevitt. “Todos tenemos una necesidad funcional de comunicación”.

Gong agregó: “¡Si todo el mundo fuera accesible, entonces no habría personas con discapacidad porque todos podían acceder a todo!”

Y ese es un futuro por el que vale la pena alzar la mano.

Fuente generocity.org

Accesibilidad web para la aplicación del sitio web de Twitter – Easy Chirp 2 Beta

Easy Chirp 2 Beta

Easy Chirp es una alternativa accesible a la web del sitio web de Twitter.com. Está diseñado para ser fácil de usar y está optimizado para personas con discapacidad. También funciona con navegadores más antiguos solo para teclado como IE9, conexión a Internet de banda baja y sin JavaScript. Obtenga más información sobre accesibilidad web

Consulte las tareas de desarrollo que se encuentran más abajo en esta página para los elementos actualmente en curso. Obtenga más información sobre Easy Chirp en las páginas Acerca de y Características . También puede leer una extensa lista de comentarios de los usuarios y blogs / artículos sobre esta aplicación.

Características notables

  • Realiza un Tweet una imagen con una leyenda y una descripción larga.
  • Una herramienta de URL acortada incorporada con la opción de servicio.
  • Búsqueda, búsqueda de usuarios y búsquedas guardadas.
  • Ver, suscribirse y crear listas de Twitter.
  • Funciona muy bien con o sin JavaScript.
  • Completamente accesible por teclado.
  • Enlazado de tweets en línea; muestra responder “conversación”.
  • Además de los navegadores de escritorio antiguos y nuevos, trabajo en prácticamente cualquier agente de usuario (incluso Lynx, un navegador de solo texto), con lectores de pantalla y pantallas Braille, y tabletas y dispositivos móviles.

Follow in Twitter: @EasyChirp

Fuente: easychirp.com

Hukoomi obtiene el primer lugar en el ranking en accesibilidad web

HUKOOMI GETS THE FIRST RANKING IN WEB ACCESSIBILITY

  • Audiencia: Gobierno
  • Fuente: Ministerio de Transporte y Comunicaciones (MoTC)
  • Tema: Comunicaciones e informática, personas con discapacidad
  • Fecha: 10 de abril de 2018

El Portal de Gobierno Electrónico de Qatar Hukoomi obtuvo el primer ranking en accesibilidad web para el Centro de Tecnología Asistencial (Mada) en abril de 2018, de 124 entidades.

En esta ocasión, el Sr. Tareq Al Emadi, Administrador del Departamento de Gobierno Electrónico de Qatar, Director del Departamento de Hukoomi, dijo: “Nos gustaría agradecer a Mada la gran y fructífera cooperación entre nosotros, y esperamos con interés la continuación de los esfuerzos conjuntos, para el propósito de empoderar a las personas con discapacidad y permitirles acceder fácilmente al contenido digital “.

Al Emadi agregó: “Estamos muy contentos con este logro especial que refleja los grandes esfuerzos de Hukoomi en ofrecer un rico contenido de servicios e información que sea fácilmente accesible para todos los públicos. El portal actualmente incluye más de 1400 servicios, con más de 650 servicios en línea que pueden ser completados en línea por individuos, visitantes, empresas y entidades gubernamentales, como salud, educación, servicios comerciales y mucho más “.

Al Emadi señaló que el portal Hukoomi ha atravesado varias etapas de desarrollo y mejoras, desde su lanzamiento en 2008, al ofrecer más servicios e información, hasta el lanzamiento de la versión actual que ofrece una experiencia de usuario única al mejorar las funcionalidades de la función de búsqueda. y permitir a las personas con discapacidad usar el portal.

Vale la pena mencionar que se ha lanzado el portal Hukoomi para Personas con Discapacidad , como una iniciativa de Mada Center, y en colaboración con el portal Hukoomi, para conectar a las personas con discapacidad con sus familias, cuidadores y proveedores de servicios, brindándoles recursos útiles y temas. Esta información incluye la búsqueda de servicios educativos adecuados, instituciones que ofrecen beneficios por discapacidad, a dónde acudir para servicios especializados de atención médica y rehabilitación, y mucho más.

Fuente: portal.www.gov.qa

Accessibility Tools Mada:  madaportal.org/downloads

Accessibility Tools