El Daltonismo y el diseño e-commerce

El Daltonismo y el diseño ecommerce

El daltonismo afecta al 7% de la población mundial. Cuando se trata de navegar por la web, esta condición puede hacer que sea imposible comprender la influencia infinita de videos, imágenes y gráficos.

El daltonismo no implica que uno no pueda ver ningún color en absoluto, o que las personas vean todo en escala de grises. En realidad, se trata de una disminución de la capacidad para ver el color o una disminución de la capacidad para distinguir los colores

Las celulas conos son un tipo de célula fotorreceptora en el ojo humano que es responsable de percibir el color. Hay tres tipos de celulas conos, cada uno responsable de detectar longitudes de onda rojas, azules y verdes.

Una de las experiencias más molestas para las personas con deficiencias de visión del color es no relacionarse con el color del producto. Bajo tales circunstancias, el nombre de color mencionado en la descripción a menudo ayuda. Pero imagine que si los colores mencionados son " Damson ", " Blush ", " Olivaceous ", " Woodrush ".

Al indicar claramente el nombre del color en la descripción del producto, hacemos que sea más fácil para los usuarios daltónicos tomar decisiones.

Una vez dicho esto, los buenos sitios web y aplicaciones mantienen la descripción del color lo más común posible. " Una camisa de color rosa pálido " o " azul oscuro " es una forma mucho mejor de describir el color del producto.

Una práctica común al diseñar formularios es marcar un campo de entrada obligatorio en un color diferente. O tal vez si el usuario intenta enviar sin completar el campo obligatorio, el borde del campo de entrada cambia a rojo, lo que indica un error. Pero tenemos que entender que no todos nuestros usuarios experimentan los colores de la misma manera. Por lo tanto, es importante mostrar un símbolo de error como en este caso o una etiqueta que respalde la llamada de error.

Aquí hay algunas formas de indicar campos obligatorios en un formulario:

• ·         Marcar campos obligatorios con un asterisco.
• ·         Marcar los campos obligatorios con la etiqueta "requerida".
• ·         Donde sea posible, elimine los campos opcionales por completo.

El texto de bajo contraste puede estar de moda, pero también es ilegible, indescifrable e inaccesible no solo para usuarios de color deficiente sino también para usuarios de visión normal

Utilice texto en negrita para una mayor legibilidad en elementos de bajo contraste y evite fuentes muy delgadas. Además, no use ninguna técnica de JavaScript o CSS que evite que los usuarios resalten elementos de la página con el mouse o cambien el comportamiento de resaltado predeterminado. Muchos usuarios con deficiencias visuales utilizan el resaltado como un truco rápido para aumentar el contraste

Es cierto que, si no padeces una deficiencia en la visión del color, es muy difícil imaginar cómo se ve ser daltónico. Esa es la razón por la que construimos una herramienta interna para nosotros mismos: el simulador de colores CanvasFlip

RNIB el poder de las gafas de realidad virtual

Guidesense un radar de obstáculos para ciegos

En Finlandia el equipo de ingenieros del centro de investigación técnica VTT desarrollaron en el verano del 2016 Guidesense, un dispositivo en forma de caja que, gracias a sus sensores de radar de ondas milimétricas, el dispositivo puede detectar obstáculos, incluso ramas finas que sobresalen, en la trayectoria del usuario, y luego retransmitir esta información en forma táctil y de audio.

El dispositivo tiene un interruptor de selección que va integrado hace el usuario pueda influir en las distancias a las que advertirá el dispositivo. Esto permite, por ejemplo. el uso más eficiente del dispositivo en espacios al aire libre, así como más en el interior, como centros comerciales.

En las pruebas, el 92 por ciento de los sujetos dijeron que Guidesense les ayudó a percibir mejor su entorno.

Video de introducción a Jaws

Amazon Echo le permite a Alexa entender el lenguaje de señas

Amazon Echo le permite a Alexa entender el lenguaje de señas

Amazon Echo han llevado controles de voz a millones de hogares, pero ¿qué pasa si no puede escuchar lo que Alexa te dice? ¿Qué pasa si es difícil o imposible hablar?, Amazon tiene una respuesta. Se llama "Tapto Alexa", permite a los propietarios del altavoz inteligente unirlo con una  pantalla táctil, puedes acceder a atajos personalizables tales cómo el clima, titulares de noticias.

Para activar Tap en Alexa, solo tienes que ir a la sección de "Accesibilidad" del menú de configuraciones de Echo Show y actívelo. Mientras esté allí, también puede habilitar las transcripciones de los mensajes de voz entrantes, así como los subtítulos en pantalla para todo lo que dice Alexa.

Es una lastima que en España no lo tengamos por ahora los subtitulos de Alexa están disponibles en Reino Unido, Alemania, Japón, India, Francia, Canadá, Australia y Nueva Zelanda.

Ford presenta feel the view

¿Que significa la accesibilidad web?

Los subtítulos en la educación superior

Los subtítulos en la educación superior

Aunque estos datos son del 2015 cuando pensamos en los subtítulos en la educación superior, el enfoque es a menudo en los estudiantes con discapacidades, particularmente en los sordos o con problemas de audición. En otoño de 2015, la Unidad de Investigación Ecampus de la Universidad Estatalde Oregón realizó una encuesta nacional con 3Play Media para aprender más sobre cómo todos los estudiantes, aquellos con discapacidades y aquellos que no, usan y perciben los subtítulos en relación con sus experiencias de aprendizaje en el aula universitaria.

Uso de subtítulos

A los participantes se les preguntó con qué frecuencia usan los subtítulos cuando están disponibles en los videos del curso. Entre todos los encuestados, el 35 por ciento dijo que a menudo o siempre usan subtítulos cuando están disponibles, y un 19 por ciento adicional a veces. Por lo tanto, más de la mitad (54 por ciento) de los encuestados usan subtítulos al menos una parte del tiempo. Más del 40 por ciento indicó que usan subtítulos por razones relacionadas con entornos.

¿Porque subtitular?

Comprensión: el 51.9 por ciento de las respuestas se relacionó con cómo los subtítulos ayudan a los estudiantes a comprender, organizar y aprender la información en videos.

Exactitud: el 33.4 por ciento se relacionó con la forma en que los subtítulos ayudan con los detalles, la terminología y la ortografía en los videos.

Compromiso: el 20.3 por ciento se relacionó con cómo los subtítulos ayudan a los estudiantes a enfocarse en el contenido de los videos.

Retención: 14.6 por ciento se relacionó con cómo los subtítulos ayudan a los estudiantes a retener información en los videos a través de la lectura y el estudio.

Los resultados

Los resultados de este estudio muestran que más de la mitad de los estudiantes usan subtítulos en los videos educativos al menos algunas veces y que los encuestados en general expresaron su firme acuerdo de que los subtítulos ayudan a los estudiantes a concentrarse y retener información.

¿Qué puede hacer Amazon Echo?

¿Qué puede hacer Amazon Echo?

Probablemente sea más fácil preguntar qué es lo que Eco no puede hacer. Todo lo que tiene que hacer es comenzar su instrucción diciendo "Alexa" antes de su pregunta o solicitud. Por ejemplo, "Alexa, tócame una canción de Queen", puedes usar Amazon Echo para controlar los electrodomésticos en el hogar. También puede controlar otros dispositivos inteligentes como las luces Hue de Philips, el termostato Nest y los altavoces wifi Sonos. Y si quiere controlar cualquier dispositivo eléctrico de la casa solo con su voz, puede comprar una sencilla caja de conexiones con wifi. Enchufe la caja de interruptores en la pared y luego conecte el dispositivo que no es "inteligente" y podrá encenderlo y apagarlo con un comando a su Echo. El Echo puede recordarte que tomes tus pastillas, solo pídele a Alexa que configure cualquier cantidad de alarmas diariamente, en días laborables o en fin de semana. También puede agregar citas a su calendario para que no pierda a otro dentista o cita médica. Sin embargo, en este momento, no te daré un recordatorio para asistir a esas citas, así que me parece mejor preguntar durante el desayuno. "Alexa, ¿qué estoy haciendo hoy?" o "¿Cuáles son mis citas el próximo martes?". Amazon Echo ciertamente no reemplaza una computadora o un teléfono inteligente, pero ya puede hacer mucho para ayudarlo con las tareas y consultas diarias, y cada día se agregan nuevas habilidades.

Borrador de WAI-ARIA 1.2, 19 Julio 2018

Borrador de WAI-ARIA 1.2

La publicación como primer borrador de trabajo público deWAI-ARIA 1.2 no implica el respaldo de los mienbros del W3C . Este es un borrador del documento y puede ser actualizado, reemplazado u sustituido por otros documentos en cualquier momento. Los idiomas utilizados para crear sitios web ricos y dinámicos, por ejemplo, HTML, JavaScript, CSS y SVG, no incluyen todas las características necesarias para que los sitios puedan ser utilizados por personas que usan tecnologías de asistencia (AT) o que dependen de la navegación por teclado.

Be My Eyes - Aplicación que ayuda a los invidentes o con baja visión

¿Cómo puedes leer emojis si eres ciego?

Bancolombia se preocupa del cliente discapacitado

Igualito que en España

Hacer los videojuegos accesibles

Fundación Atresmedia, la hipocresía en discapacidad

Fundación Atresmedia, la hipocresía en discapacidad

Soy discapacitado y me he sentido muy muy dolido, entiendo que todo el mundo tiene derecho a vivir, pero no a costa de algo tan inhumano como sacar provecho de un grupo de personas. He entrado en la página La Fundación Atresmedia participa en el Festival de Cine de l’Alfàs del Pi donde ponen Los asistentes al Festival de Cine de l’Alfàs del Pi se han acercado a la realidad de las personas con discapacidad, la idea es buena pero cuando me he puesto a mirar he quedado estupefacto la idea es que la gente entienda las dificultades diarias para las personas con  discapacidad para eso publican un video sin subtitulado como no me di cuenta las personas sordas no son discapacitadas.

En la portada de la fundación se anuncia unas becas parapersonas discapacitadas, he entrado para informarme son para 3d y videojuegos, espero que en la formación entre la accesibilidad en videojuegos y animaciones 3d lo único espero que no cojan como ejemplo el video sin subtitular del festivalde cine de l’Alfàs del Pi.

Chanel y sus problemas con el color

Chanel y sus problemas con el color

He entrado en la web de Chanel para realizar una compra he de decir que yo no tengo problemas muy graves de visión y he podido realizar la compra sin demasiados problemas, pero yo no solo pienso en mí, hay gentes que sufren una discapacidad más severa y esas personas también tienen derecho, es desconcertante que una empresa con tantos empleados/as en todo el planeta no tenga un empleado/a con problemas visuales (no digo ceguera).

Voy a mencionar tres simples ejemplos, el navegador dondeaparecen los enlaces perfumes, maquillaje, tratamiento y ediciones especiales, pues ya está marcado perfumes con un: hover que no te permite ver el texto.

Al desplegar el menú de cada enlace , si deseas cerrarlo el texto cerrar apenas se puede ver.

Y para acabar los textos de los hipervínculos de contacto, eventos….

Yo lo que nunca entenderé, aunque solo sea unos segundos que pongan el texto de una entrevista al diseñador de Chanel con texto en blanco yfondo blanco, sabemos que Chanel es luminosidad, pero ¿tanta?

Es una lastima que cuando crean una web no piensen en esos detalles pues están perdiendo clientes y no lo digo por los precios

Historia de la accesibilidad en Apple

¿Fin de los captchas?

¿Fin de los captchas?

El estándar web llamado WebAuthn pronto eliminará la necesidad de ingresar una contraseña o los temibles captchas cada vez que inicie sesión en un sitio web, la idea es simplificar el proceso de validación, muchas veces al rellenar un formulario para validarnos nos mandan un SMS o un enlace a nuestro correo, la idea es que cuando queramos entrar en un sitio nos manden a nuestro teléfono una petición de si consentimos o no esa solicitud. nuestras cuentas serán super seguras

Kayak la accesibilidad no solo es el usuario ciego

Kayak la accesibilidad no solo es el usuario ciego

Aunque ya esta dicho y más que dicho la discapacidad no es solo la del usuario de lector de pantalla, es cierto que tu principal cliente es ciego, que Google es ciego y que te premia si tu web es accesible pero también existen usuarios que no son ciegos, pero tienen un problema visual, ya sea por accidente o por edad y también son importantes o ¿su dinero no cuenta?

Esta muy bien aplicar el etiquetado ARIA en el buscador de vuelos  pero hay se acabo la accesibilidad.

Esto es un simple ejemplo, los iconos de redes sociales desaparecen según el tipo de discapacidad visual que tengas.

En un análisis realizado entre los iconos y el fondo de pantalla se puede constatar la falta de contraste y luminosidad.

Cómo calcular la pendiente de una rampa

Dior y sus videos inaccesibles

Dior y sus videos inaccesibles

Las mujeres y gran parte de los hombres envidiamos a las modelos y modelos de esta marca, pero lo que no envidio para nada son sus videos inaccesibles, antes de comenzar mi critica tengo que puntualizar dos aspectos, uno que no tienen obligación legal pero ética ya es otra cosa, dos que para el desarrollo han usado el CMS Drupal para mi posiblemente uno de los mejores CMS.

Supongo que a la gente que compra su ropa, bolsos, perfumes… les dará igual que al entrar en el web empiece automáticamente el video que el reproductor del video no contenga opción de subtitulado, que el pasé de modelos se haga con una música de fondo y no se indica. Ideal si tu eres sordo y están diciendo- después del desfile tu ordenador se autodestruirá-, tampoco que añadieran texto en negro cuando alguna secuencia tiene el fondo negro. Supongo que eso no importa mucho.

Lo que me cuesta entender (lo reconozco soy difícil) es que en el video de moda y accesorios mujer aparezca la opción subtitulado en el reproductor y al pulsarlo no ocurra nada, ni información de la música, nada.

Se supone que la gente que entra en su web ya conoce sus productos, así que para que explicar lo que son los iconos de cesta, tus datos y compra. Total, yo lo deduzco, pero un discapacitado intelectual, no importa su dinero, somos Dior.

El caso más llamativo ha sido al ver el video de MariaGrazia Chiuri, Directora Artística de Dior, para el desfile Crucero 2019. Lo que me llamó la atención es que gran puesta en escena, que lugar más idílico, han usado subtitulado para saber en tu idioma lo que dice, pero ¡el texto en blanco con fondo blanco!

Descarga de Presentation Translator

Presentation Translator te permite añadir subtítulos en vivo a tus presentaciones de PowerPoint, mientras hablas. Puedes mostrar subtítulos en el mismo idioma en el cual estás hablando, o en cualquiera de los más de 60 idiomas disponibles. También puedes hacer que tu audiencia te siga con los subtítulos desde sus propios dispositivos, y en el idioma que prefieran. Presentation Translator funciona mediante aprendizaje automático, y la información de voz y texto que proveas para su traducción será utilizada para mejorar los productos y servicios de Microsoft. La descarga es gratuita y se realiza desde la web de Microsoft

SpeakSee hace las conversaciones grupales accesibles

Son una serie de dispositivos que están destinados a ser utilizados en situaciones en las que alguien con problemas de audición necesita hablar con un puñado de personas: una reunión, un chat en la cena, preguntar direcciones y demás. SpeakSee es fácil de usar: son un conjunto de micrófonos con clip vienen en una pequeña carcasa, y cuando el usuario quiere tener una conversación, le pasa uno de esos micrófonos a con quiere hablar. La carcasa actúa como un concentrador inalámbrico para los micrófonos y retransmite el audio a un teléfono inteligente con el cual está emparejado. Este audio se envía, se transcribe rápidamente en algún lugar de la nube y se muestra en el teléfono del usuario sordo. Los creadores son sordos y crecieron viendo cómo su capacidad de interactuar en circunstancias normales era limitada. El proyecto funciona casi correctamente en ingles pues su desarrollo se hizo en ingles pero funciona para 150 idiomas, La transcripción es gratuita 5 horas mensuales, pasado ese tiempo la suscripción es de cerca de 9€ al mes. está realizando un crowdfunding para comerzar la producción, ten presente que esto es un prototipo, se espera que para febrero de 2019 salte al mercado después de mejoras en las baterías Los pedidos anticipados se establecen en cerca de los 340€ para un teléfono y tres micrófonos.

Paseo accesible por el canal de Ripon

Grifols internacional en búsqueda del plasma de la inaccesibilidad web

Grifols es una de las empresas punteras en la economía española, está en el IBEX35 y es tan refutada que tiene sedes en casi todos los continentes. Me ha llamado la atención que una empresa tan fuerte tenga una web tan pobre, supongo que han dicho, -ya que nuestro cms principal no es accesible, que sea en todos los sitios- una web que pone como uno de sus objetivos empresarial es según sus palabras, Contribuimos a mejorar la salud y bienestar de las personas, ofreciendo productos de máxima calidad y seguridad elaborados con los últimos avances tecnológicos y respetando el entorno natural. No piensa mucho en su gente cuando crea ese tipo de textos con un tamaño de fuente con una medida tan pequeña que a las personas con problemas de visión (gente mayor) les cuesta leer. Tampoco creo que piense mucho en la gente cuando su video corporativo de Estados Unidos esta sin subtitular.

Como es dicho tener un CMS accesible es difícil, muchos países, idiomas, personas… Pero para eso están los estándares de la W3C, en todos los países no se solicita cumplir las WCAG 2.0 pero sería un buen comienzo con las pautas WCAG 1.0.

Supongo que una de las mayores preocupaciones de Grifols son sus accionistas, por eso les pone 4 iconos apenas visibles y sin descripción, total el accionista mayor no los va a necesitar solo queremos que invierta en nosotros que se “tragen” que somos una compañía seria y preocupada. Cuando veo webs de esté tipo cómo Enagas, Banco Sabadell…. Me dan ganas de hacer una colecta solidaria porque estarán en la bolsa de Madrid y el IBEX 35 pero a años luz de la accesibilidad web.

Meet EasyReader for iOS & Android

Oportunidades de negocio relacionadas con la accesibilidad

Juan Cogolludo, vicepresidente de Capgemini en las entrevistas CENTAC e ...

Gas natural o Naturgy, nueva imagen mismos errores de accesibilidad

Gas natural o Naturgy, nueva imagen mismos errores de accesibilidad

Hoy día 4/07/2018 al encender el Twitter me ha salido el anuncio de Naturgy la nueva marca de Gas Natural, muy llamativo el spot, pero teniendo tus órganos auditivos en perfecto estado pues no está subtitulado, también he pensado que gasto de dinero en publicidad más inútil, si vas en el metro, autobús o estas en un sitio con ruido ni te enteras. Y todo por no añadir subtítulos.

Luego he entrado en la web para comprobar si ese error también esta en su web y no han usado subtítulos incrustados en el video, un alivio, pero me he dado cuenta en un momento de errores que me han dejado helado. Yo en mi navegador tengo el complemento web devolver con la opción de mostrar el texto alternativo de las imágenes y leer que el texto alternativo del logo es “logo GNF” perdón ¿Qué es GNF? Supongo que en 140 caracteres que es el tamaño ideal para transmitir el contenido del texto alternativo no es suficiente y tienen que usar siglas irreconocibles.  

Después de entender que GNF es Gas Natural Fenosa he decidido no continuar con la vista de la web sobre todo porque he visto errores en el contraste y demás errores que he preferido no continuar. Si esta es su nueva imagen empeorando la accesibilidad mejor que se hubieran ahorrado el dinero, supongo que mandarán el mantenimiento de la web a otras empresas ellos estarán muy ocupados en estar en el parque y de pedirte a ti el pago de tu factura o te cortan la distribución. Deseán aparentar lo que no son, modernidad, pero usando HTML5 (pues ya se publico la versión HTML5.3) de código fuente no demuestran mucha modernidad y menos poniendo en su pagina de accesibilidad que se basan en CSS2, es una lástima que nos tomen por idiotas.

Reglas de oro para hacer accesibles los enlaces

Reglas de oro para hacer accesibles los enlaces

Los enlaces son el alma de la web son lo que la hace especiales las paginas, por eso que los desarrolladores web tenemos la obligación de que todos los usuarios puedan acceder a ellos.

Si bien en las actuales pautas WCAG se deja claro que se tiene que mencionar o proporcionar el destino de un enlace. Los usuarios de lector de pantalla con una serie de comandos obtienen todos los enlaces de la web y escuchar “leer más” o “ más información” no ayuda a la asimilación, para crear un buen texto de enlace tienes que evitar.

•   Poner el texto “enlace”.
•    No poner en mayúscula los enlaces, por varios motivos

o   Algunos lectores de pantalla leen texto en mayúscula letra por letra.

o   Las letras mayúsculas son más difíciles de leer (para todos, pero especialmente para las personas con discapacidades lectoras).

• · Evitar los caracteres ASCII
•   Evitar usar URL como texto de enlace
•   Mantener el texto del enlace conciso Es una buena idea restringir la longitud del texto del enlace a un máximo de 100 caracteres.
•   Restringir la cantidad de enlaces de texto en una página los usuarios de lectores de pantalla pueden sacar todos los enlaces de una página, de modo que, si hay cientos de enlaces, leerlos es una pesadilla.
•  No enlazar directamente a las descargas Es esencial que indique correctamente cuándo un enlace activa una descarga y asegúrese de que esta información esté en el texto del enlace. Siempre alerta al usuario al abrir nuevas ventanas Es importante advertir a las personas con discapacidad que se ha abierto una nueva ventana, especialmente las personas con discapacidades cognitivas que pueden no darse cuenta. La mejor forma de indicar que un enlace se abre en una nueva ventana es agregar texto al enlace, como "(se abre en una nueva ventana)".
• Subrayar Los Enlaces Cuando la gente ven el texto subrayado, esperan que sea un enlace (por lo que nunca debe subrayar el texto a menos que represente un enlace).
•  Diseña con usuarios que solo usan el teclado en tu mente La única forma en que un usuario de teclado puede saber qué enlace, elemento de navegación o campo tiene foco es si ese elemento tiene un indicador de foco de teclado.Los valores negativos de TABINDEX, presentados con HTML5, violan claramente el Criterio de Conformidad 2.1.1:Teclado: toda la funcionalidad del contenido se puede utilizar a través de unainterfaz de teclado.
•  Sé consciente al usar imágenes como enlaces El atributo ALT actúa como el texto del enlace. Como se mencionó anteriormente, no es necesario agregar la palabra "enlace", y tampoco es necesario agregar la palabra "gráfico" o "imagen", ya que los lectores de pantalla también identifican imágenes a sus usuarios. Para un botón de imagen, un atributo ALT como "Buscar", "Buscar" o "Enviar" es excelente, pero evite usar la palabra "Ir" ya que los usuarios no entienden esa terminología ("¿Ir a dónde?").
• Eliminar enlaces rotos o vacíos
•  Haz que los enlaces sean consistentes Nunca se debe usar un color para indicar enlaces en una página y luego otro color en otra página.Prueba el contraste de color Debe asegurarse de que el color del texto del enlace contrasta lo suficiente con el color de fondo. Esto es obligatorio si sus enlaces están subrayados o no.Si cambia el color del enlace en el enfoque del mouse y del teclado, debe asegurarse de que el nuevo color también cumpla con los requisitos de contraste de color.

Introducción a la accesibilidad web

Como manejan Placeholder los lectores de pantalla

Seguir en tiempo real un partido de futbol siendo ciego

¿Que es Cepsa?

¿Qué es Cepsa?

Te voy a responder en pocas palabras, es una empresa que está fuera de la ley en materia de accesibilidad, muy bonito el anuncio promocional pero aun cliente sordo que le ponga – somos la energía de soy-, por -somos la energía de hoy- existen mucha diferencia.

Esto ocurre porque cómo son Cepsa y no tienen que cumplir la ley 56/2007 pongo que los subtítulos automáticos, ¿para qué molestarme?, su sentimiento de superioridad llega hasta en el diseño de su web, no realiza ninguna mención a la accesibilidad. Desconozco si es cierto lo que pone Wikipedia pero teniendo de accionista Mubadala Investment Company una empresa erradicada en Abu Dhabi donde eso de la accesibilidad web suena a “chino” no me extraña nada su web. prefiero no decir lo que me parece su CMS pero lo único que puedo permitirme para no acabar con una ulcera es decir que no corresponde con una empresa que salé a bolsa.