martes, 30 de octubre de 2018

App del BBVA ¿la mejor del mundo?

la app de BBVA ¿ la mejor del mundo?


Les puede sentar mal a los accionistas del BBVA, pero ir por el mundo "fanfarroneando" de algo que no eres es mejor estar callado. Yo no puedo ir por el mundo que soy un gran auditor de accesibilidad cuando estoy cometiendo errores. Pues lo mismo pasa con la App del BBVA no pueden ir por el mundo presumiendo de algo que no es. Supongo que el galardón otorgado por Forrester será otorgado como gratitud por algún otro servicio porque en accesibilidad tiene sus problemas, se cae por su propio peso que para otorgar ese premio no pensaron en la accesibilidad o ¿cambiaron el color de la fuente de sus enlaces que no tienen un contraste suficiente? o ¿modificaron el tamaño de los iconos para que las personas con discapacidad motriz pudieran hacer clic en ellos sin pulsar en otro sitio? O ¿añadieron una descripción de que es cada segmento de los gráficos? Supongo que ya estará ensamblada y modificarla es mucho trabajo también que habrán usado una o varias empresas de desarrollo tecnológico, esas empresas que luego pidén disculpas porque los avances tecnológicos no van de la mano de la accesibilidad.

Iconos, grafico y fuente en azul celeste con un tono nada accesible


La verdad no me extraño verificar que la app de BBVA no era accesible solo he tenido que entrar en su web del BBVANET y mirar los textos alternativos de las imágenes del carrusel, todas con el mismo texto alternativo Movimientos previstos ¿para que complicarnos? Que la imagen es de una casa en la playa, pues ponemos movimientos previos, que la imagen es de un paraguas pues Movimientos previos ¡aquí sin complicaciones¡  que para eso somos el BBVA

texto alternativo de las imagenes del carrusel repetido Movimientos previstos


Como he mencionado un premio que en ningún momento menciona la accesibilidad aunque por ley tendría que ser accesible, seguramente usarán una empresa como ILUNION para verificar la accesibilidad de su app y web, solo tienes que leer la noticia BBVA presenta una 'app' pionera que facilita la operativa en cajeros a las personas ciegasPara saber que están juntos, pero ocurre algo que la mayoría de auditores de ILUNION son discapacitados visuales usuarios de lectores de pantalla y discapacidades existen muchas, para el SEO el usuario discapacitado visual es importante, pero existen otros discapacitados

Vídeo para entender lo que hace un bucle magneticoo

domingo, 28 de octubre de 2018

El PP de Cartagena se burla de los discapacitados cartagineses

Logo de Populares de Cartagena

Cómo gran parte de los españoles nos hemos despertado el Domingo 28 de octubre con una horita más de sueño y con el descanso en menté. Me he puesto a leer la prensa y me he encontrado con la noticia El PP pedirá en el Pleno mejoras de accesibilidad en las inmediaciones del edificio ONCE Cartagena. Me alegro de esta noticia, pero seamos serios, la ONCE, el PP. Ya lo dije en mi entrada de blog. ONCE, Fundación ONCE, Grupo ILUNION…Por algo la gente lo ve mal, fue creada la ONCE por un ministro de Franco el “cuñadísimo” de la franca por eso no me extraña que solo piensén en los suyos y no en todos los cartagineses.

Me gustaría que les explicarán el porque en su canal de YouTube, no es aconsejable usar el subtitulado automático y ya puestos porque es necesaria una transcripción, así se evitarían leer en el subtitulado del video referente a la hispanidad que los cartagineses son llamados captaciones de la carta general cuando he visto eso lo primero que he dicho ¡basta! de aparentar que les importamos solo nos quieren para entrar en el poder.

subtitula del pp de cartagena llamando a los cartagineses.captaciones de la carta general

Video la experiencia de Usuario (UX) como forma de asegurar la accesibilidad

Video la experiencia de Usuario (UX) como forma de asegurar la accesibilidad

Video la experiencia de Usuario (UX) como forma de asegurar la accesibilidad

viernes, 26 de octubre de 2018

Iberdrola ¿para cuando la accesibilidad web?

Cabecera de la web de Iberdrola


Ahora que vienen los meses de frió del 2018 en España se hace necesario por muchas familias la energía eléctrica, también es necesaria para las personas que precisan de una maquina para continuar viviendo.
Yo no voy a entrar en quien te certifico la accesibilidad de la web de Iberdrola, no es el objetivo solo deseo mencionar la pauta 1.4.3 Contraste (Mínimo): La presentación visual del texto y las imágenes del texto tiene una relación de contraste de al menos 4. 5: 1, excepto por lo siguiente: (Nivel AA)

Texto grande: el texto a gran escala y las imágenes de texto a gran escala tienen una relación de contraste de al menos 3: 1;

Incidental: el texto o las imágenes de texto que forman parte de un componente de interfaz de usuario inactivo , que son pura decoración , que no son visibles para nadie, o que forman parte de una imagen que contiene otro contenido visual significativo, no tienen requisitos de contraste.

Logotipos: el texto que forma parte de un logotipo o marca no tiene un requisito de contraste mínimo.

Discapacidades existén muchas  y entre las visuales también, no lo he analizado pero supongo que para los usuarios de lector de pantalla estarán bien, con roles, estados ARIA… Pero se están olvidando de un pequeño detalle la población española está envejeciendo y esa población no usa lector de pantalla y tener textos en naranja brillante no les ayuda.
Como he dicho al comienzo, no voy a entrar en quien lo certifica pero si voy a entrar en una frase que se dice: LA SECCIÓN DE CLIENTES DEL SITIO WEB DE IBERDROLA HA SIDO CERTIFICADA.


Acceso al área de clientes de la web de Iberdrola
acceso a área de clientes

Como menciono en la imagen para acceder al área de clientes tienes que tener una vista en aceptables condiciones sino puedes tener algún problemilla.

Como he mencionado anteriormente, discapacidades visuales hay muchas y para gente mayor un texto en naranja con fondo claro no ayuda mucho.

texto en naranja brillante del area de clientes
Texto de area de clientes


Supongo que los responsables de la web me dirán que ese tono entra en una de las excepciones de la pauta, mi respuesta es clara, gracias por no saber manejar el código CSS, estoy más tranquilo sabiendo que el pago de mi factura fue a la cafetería de la universidad.

Supongo que aun no les a dado tiempo actualizarse a las pautas WCAG 2.1, si esas pautas que por real decreto ya se tendrían que cumplir pero demos ese tiempo de gracia, aunque sino cumplen las WCAG 2.0 no creó que cumplan las WCAG 2.1, solo un pequeño detalle ese icono triangular que se abre si pones el ratón encima, no es muy accesible si usas solo teclado, vamos digo yo.

Icono triangular del area de clientes desplegable solo con ratón

jueves, 25 de octubre de 2018

Marketing digital para una población que envejece.

persona mayor conversando con un telefono movil y observando la pantalla de ordenador


Los “mercadólogos” determinan que las personas mayores aún tienen muchas más facilidades de acceder a un sitio web desde un ordenador de escritorio que desde un teléfono móvil. El estudio Pew Research Internet Project determino que cuando los adultos mayores usan dispositivos móviles, la preferencia tiende a los dispositivos de gran formato como tablets.  El estudio Pew también señalo que la mayor diferencia de dispositivos móviles para personas mayores se nota mucho más en los ingresos que en los grupos de edades. En cuanto a las redes sociales para la población demográfica de edad avanzada. El proyecto Pew encontró que el uso de las redes sociales por parte de las personas mayores está creciendo de manera espectacular. En 2009, solo el 13% de los adultos mayores utilizaban las redes sociales, pero en 2011, el 33% eran usuarios habituales, y el 15% utilizaba las redes sociales diariamente. Para 2014, Pew descubrió que más de la mitad de los adultos mayores (56%) se habían convertido en usuarios de Facebook. Una encuesta de Pew identificó que la razón número uno para usar las redes sociales entre los adultos mayores de 50 años era mantenerse en contacto con la familia, pero para los menores de 50 años se mantenía en contacto con amigos.

Accesibilidad para personas mayores

Aunque muchos adultos mayores no han tenido efectos adversos significativos por el envejecimiento, a los 65 años más del 30% de los adultos mayores tienen una discapacidad. A los 75 años, ese número supera el 40%, Según una investigación del Instituto nacional sobre el envejecimiento (NIA) de Estados Unidos, descubrio que la capacidad de un adulto mayor para captar, retener y administrar nueva información puede verse afectada por el proceso de envejecimiento. Muchos adultos mayores tardarán más en procesar la nueva información debido a las disminuciones en la velocidad de percepción.

Diseñando teniendo en mente a las personas mayores

La NIA recomienda mantener su jerarquía de navegación simple. No espere que los adultos mayores profundicen demasiado en la información, Divida su contenido en secciones cortas y agrupe visualmente su contenido relacionado. No exceda los 5 puntos por sección, creá una buena cantidad de espacio en blanco en la pantalla y asegúrese de que haya suficiente espacio alrededor de los elementos en los que se puede hacer clic para que se puedan distinguir fácilmente del resto del sitio. Evite los fondos estampados y respete las reglas de contraste de color establecidas por los estándares de accesibilidad de WCAG, en resumen. Asegúrese de que haya coherencia en su sitio, en el diseño, la navegación y la iconografía que utiliza.

Te dejo 6 cosas que puedes hacer para hacer tu sitio accesible.


1 Asegúrase de que el sitio sea accesible desde el teclado
2 Usa un fuerte contraste entre tu texto y el fondo.
3 Asegúrese de proporcionar subtítulos para los videos
4 Ayuda a los usuarios cuando han cometido un error.
5 proporciona ("texto alternativo") para imágenes o multimedia
6 Prueba en un lector de pantalla

¿Porque crear documentos accesibles con Office 365 ?

Video de cómo crear videojuegos para personas con problemas de audición

miércoles, 24 de octubre de 2018

Mediasetespaña. los sordos no entendemos Super López

logotipo de Mediaset España.

Es irritante pero no me extraña nada, un grupo de cadenas de televisión que ellos tendrían que saber de accesibilidad audiovisual, publican un avance de Super López sin subtitular y sin darte la opción de activar subtitulado. Estarán ocupados en entrar en el índice Ibex 35 y hán dejado el subtitulado la transcripción o la video transcripción para otro momento.

Fotograma de Superlópez estreno 23 de noviembre

martes, 23 de octubre de 2018

Bankinter y su idea de los discapacitados

portada de Bankinte

Como gran parte de la ciudadanía estamos con incertidumbre para saber que decide el tribunal constitucional en el tema de las hipotecas, para saber como lo afrontan los bancos he decidido entrar en la web de uno de ellos exactamente Bankinter. Me he sorprendido porque ¡tienen una pestaña de accesibilidad! Pero no acabo mi sorpresa cuando menciona la ley 56/2007 y la norma UNE: 139803:2012 (enlace a AENOR), esto pintaba bien hasta que he empezado a mirar la web más profundamente. He de recordar, pero bagamente esta parte de la ley 56/2007 Las páginas de Internet de las Administraciones Públicas deberán ofrecer al usuario información sobre su nivel de accesibilidad y facilitar un sistema de contacto para que puedan transmitir las dificultades de acceso al contenido de las páginas de Internet o formular cualquier queja, consulta o sugerencia de mejora. Ya sé que Bankinter no es administración publica, pero si le afecta la ley 56/2007, ósea tendría que indicar su grado de accesibilidad y un modo de contacto. Indicar su grado de accesibilidad lo hacen en un video donde dicen ser AA, pero en subtítulos no aparecen, también tienen un modo de contacto un 902 donde las personas mudas pueden hablar de sus necesidades, He de reconocer que están bien los subtítulos de sus videos exceptuando que si hay música no se indica y que no existe un archivo de transcripción.

Vdeo donde narra su accesibilidad pero no aparece en los subtitulos

Luego he intentado mirar sus dos enlaces a la legislación, la ley 56/2007 te renvía al .PDF del BOE para que lo puedas mirar, pero su enlace a la norma UNE. 139803:2012 e envía a AENOR recordemos que es AENOR Asociación Española de Normalización y Certificación es una entidad dedicada al desarrollo de la normalización y la certificación en todos los sectores industriales y de servicios. Como no tienen dinero te mandan a su buscador para que la busques y la descargues (es que están mal de dinero). Es llamativo que hagan mención a una ley y norma que les afecta, pero el RD 1112/2018 que es lo que tendrían que cumplir con las pautas WCAG 2.1 ni lo mencionan será que aún están en proceso las WCAG 2.0.

Estoy casi seguro que gran parte de sus empleados, directivos. Han visto la película de Campeones y habrán salido diciendo -los discapacitados son seres humanos- pero seamos sinceros esa sensación les dura cinco minutos lo que dura el trayecto de la sala al coche, cómo la mayoría de discapacitados solo deseamos que se cumpla la ley y no queremos ser el escaparate, Bankinter nos usa de escaparate, diciendo que sus sucursales son accesibles les recuerdo que la accesibilidad no es solo para los discapacitados ¿o una rampa no la puede usar una mujer con un carrito de niño?, parece que tenemos que estar agradecidos de que se cumpla la ley.

lunes, 22 de octubre de 2018

¿Narrador de Windows 10 es tan bueno cómo JAWS o NVDA?

vista del panel de comfiguracion de Windows 10

Hasta llegar a actualización de Windows 10 de octubre de 2018 el camino para Microsoft ha sido muy difícil, ya que tuvo que posponer su lanzamiento debido a una serie de problemas que incluyen la eliminación de archivos personales. Sin embargo, desde una perspectiva de accesibilidad, la actualización es una gran noticia ya que el lector de pantalla Narrador. La gran pregunta pasada esta actualización es si Narrador ha evolucionado hasta un punto en el que puede usarse en lugar de un lector de pantalla comercial como JAWS o el lector de pantalla de código abierto de NVDA. En mi opinión, Narrador finalmente ha alcanzado ese punto óptimo y para muchos usuarios ciegos y con baja visión, la combinación de comandos de teclado y un excelente tutorial pueden ser suficientes para el uso diario informal. Dicho esto, los usuarios que confían en un lector de pantalla para trabajos de investigación o la interacción con información técnica encontrarán que Narrador no es bueno, a pesar de las mejoras, es poco probable que la actualización sea una amenaza para los lectores de pantalla existentes. Dado que Narrador ya está integrado en Windows y los comandos del teclado ahora son más intuitivos, Recomiendo probarlo cuando tu ordenador reciba la actualización de octubre, pero tenga a mano su lector de pantalla habitual, ya que es probable que tenga que volver a usarlo para el uso de ordenadores más potentes. Aunque creo que Narrador será útil para las personas recientemente diagnosticadas con una afección ocular, ya que pueden usar la Guía de inicio rápido para familiarizarse con un lector de pantalla y los comandos del teclado que aprenden son en gran medida transferibles a otros lectores de pantalla.  

viernes, 19 de octubre de 2018

Versión JAWS 2019 beta

Icono del lector de pantalla JAWS

Para los usuarios del lector de pantalla JAWS ya disponen de la versión beta del 2019, tienes que tener en cuenta.


  • Esta versión está disponible en inglés, español, alemán, francés, francés canadiense, holandés, hebreo, portugués brasileño, ruso y árabe.
  • Tenga en cuenta que si bien la versión final de JAWS 2019 será una actualización del Acuerdo de mantenimiento de software (SMA), esta versión beta pública se ejecutará para cualquier persona con una licencia que brinde acceso a JAWS o Fusion 2018.
  • Si no tiene la autorización JAWS o Fusion 2018, aún puede instalar la versión beta pública y ejecutarla en el modo de demostración de 40 minutos.
  • Esta versión beta expirará a finales de este año. Para utilizar JAWS sin interrupción, debe continuar actualizando a versiones posteriores de la versión beta pública y luego a la versión final.
  • No es necesario eliminar las versiones anteriores de JAWS para instalar la versión beta de JAWS 2019. Sus versiones anteriores continuarán funcionando cuando tenga JAWS 2019 instalado, al igual que cada versión de la versión principal de JAWS en el pasado.
  • Para los usuarios de MAGic, hay un problema conocido en el que JAWS 2019 beta no se iniciará si MAGic se está ejecutando actualmente. Por ahora, primero debe iniciar JAWS 2019 antes de iniciar MAGic.


jueves, 18 de octubre de 2018

Elevador de pasajeros accionado por agua







Ilunion presenta un nuevo diseño de habitación accesible ¿Preparadas las peleas por ella?

Logo Ilunion hoteles


Hoy día 18 de octubre del 2018 he leído que el día 17 de octubre del 2018 Ilunion presentó un nuevo diseño de habitación accesible. Al leer esta noticia me ha salido la imagen en recepción de 20 discapacitados insultándose y dando voces de que ellos están primeros para usarla y que son “amigote” de un jefazo, reconozco que todos tenemos derecho a vivir, pero no veo bien que vivan aprovechándose del estado de otros. Veo la foto de presentación y solo veo gente que no es ni discapacitada física, presentando una cama para personas con movilidad reducida. ¡vale! Tendrán un equipo que le habrán guiado. Siempre estamos igual, discapacitados en España hay muchos y presentan una habitación y lo más llamativo, ¡es un logro!, la idea de ser Ilunion una empresa dejando el interés social de lado es legítima, pero no con beneficios fiscales. Veo y leo artículos que, en países de Europa, América, Asia… Crean cosas para LOS discapacitados y aquí en España siempre vamos detrás con una. Pablo Casado dice que España tiene que ser puntera en tecnología, pero a este ritmo no llegamos ni al principio de la lanza.



Formularios accesibles, aria-labelledby, aria-describedby

Formulario web accesible

Los formularios se utilizan para muchas interacciones en la web. Cuando hablamos de la accesibilidad de los formularios, generalmente nos referimos a su accesibilidad para las personas que usan lectores de pantalla o teclados. Las personas con otros tipos de discapacidades generalmente se ven menos afectadas. Sin embargo, todos se benefician de un formulario bien organizad y utilizable, especialmente aquellos con discapacidades cognitivas. Los formularios deben ser claros e intuitivos. El orden de tabulado entre elementos (o lo que es lo mismo, el acceso a ellos) ha de ser sencillo de entender. No es recomendable tener un formulario con veinte campos, de los cuales diecinueve son obligatorios y uno opcional. Cuando todo es importante nada lo es. Los <labels> deben indicar la función de cada campo, (nombre, adjuntar imagen, número de tarjeta de crédito…). La posición del <label> es recomendable que se coloque visualmente encima y asociada con su correspondiente etiqueta <input> porque el ojo humano suele escanear en lugar de leer y esto mejora su lectura.

 <label for="name">Nombre</label>
<input type="text" name="name" id="name">

A día de hoy, igual que sabemos una de las primeras cosas que debemos recordar, es añadir el atributo alt a una imagen cuando es preciso. También tenemos que recordar la necesidad de asociar a cada etiqueta <label> su etiqueta asociada.
Nota:
Los usuarios que navegan con el teclado y lectores de pantalla suelen utilizar la tecla “TAB” para pasar de campo a campo del formulario. Dichos lectores de pantalla leen las etiquetas asociadas para cada elemento del formulario cuando la persona navega por ellas.

Con aria-labelledby, el campo del formulario indica qué elemento lo etiqueta haciendo referencia a su atributo id:

<label for="name">
<input aria-labelledby="name">

aria-describedby

Hay ocasiones en las que un formulario necesita información adicional. Esta información puede asociarse al campo del formulario con el atributo aria-describedby.

<label for="pass">Restablecer Contraseña</label>
<input type="password" name="pass" id="pass" aria-describedby="nuevapass">
<span id="nuevapass">La contraseña ha de tener al menos 12 letras, una mayúscula, un número, un símbolo y sangre de unicornio (esto último es broma. Mejor que tenga sangre de elfo.)</span>

Al igual que con aria-labelledby, el atributo aria-describedby apunta al id del elemento.

Label Oculto
Podemos ocultar el <label> vía CSS. Aun así, aparecerá para el lector de pantalla.

<label class="hidden" for="search">Búsqueda</label>
<input type="text" id="search" name="search">

Información sacada de: https://octuweb.com/creando-formularios-accesibles/ y https://webaim.org/techniques/forms/

martes, 16 de octubre de 2018

MD_evReader una app gratuita para leer

Aplicación MD_evReader en Google Play


El MD_evReader es una aplicación gratuita para tabletas iPad o Android, que se ha desarrollado para ayudar a las personas con una lectura central de la pérdida de la visión. La línea de texto se desplaza horizontalmente de izquierda a derecha y el lector apunta a mantener su mirada alejada de la línea para verla con su mejor región de visión.
Está disponible para iPads de Apple y para tabletas Android.
La aplicación permite a los usuarios ampliar el tamaño del texto, cambiar el texto y el color de fondo, cambiar la velocidad de desplazamiento del texto

El texto alternativo correcto

El texto alternativo, se usa para proporcionar una descripción de ciertos elementos de páginas web o documentos, normalmente contenido no basado en texto, que una persona ciega o con discapacidad visual no podría percibir. El texto alternativo se usa normalmente en imágenes y tablas, pero también se puede agregar a gráficos, formas e incluso a archivos de audio y video. La mayoría de los sistemas basados en la web y las herramientas de creación de documentos tienen la capacidad de agregar texto alternativo, pero la falta de texto alternativo es uno de los ejemplos más comunes falta de accesibilidad en páginas web y documentos. Escribir descripciones de textos alternativos no siempre es fácil. El principio más importante a considerar es el del contexto. El texto alternativo debe describir la imagen en el contexto que se está utilizando. Una sola imagen podría tener diferentes textos alternativos dependiendo de su uso. WebAim (2010) determina que:
El atributo alt normalmente tiene que ser:


  • Preciso y equivalente y presentar el mismo contenido y función de la imagen.
  •  Ser correcto: Esto significa que el contenido (si hay) y la función (si existe una función) de la imagen deben presentarse tan precisa como apropiada. Normalmente no son necesarias más que unas pocas palabras, aunque rara vez una o dos frases cortas pueden ser apropiadas (140 caracteres).
  • NO sea redundante ni proporcione la misma información que el texto dentro del contexto de la imagen.
  • NO use las frases "imagen de ..." o "gráfico de ..." para describir la imagen. Normalmente es evidente para el usuario que es una imagen. Y si la imagen transmite contenido, generalmente no es necesario que el usuario sepa que es una imagen que transmite el contenido.
Profesor Amelio Amancio, Vicerrector de la Universidad de Lepe



Mal ejemplo de texto alternativo: " Una imagen de un hombre vestido con un traje".

Aunque este texto describe la imagen, pierde todo el contexto relacionado con la persona en la imagen, lo cual es importante en el contexto del artículo.

Buen ejemplo de texto alternativo: "Profesor Amelio Amancio, Vicerrector de la Universidad de Lepe".

Esto mantiene el contexto del artículo al explicar quién está en la imagen y su función.

El  texto alternativo : "Profesor Amelio Amalio"

Esto no solo conserva el contexto de quién se muestra, sino que no duplica la información que se incluiría en el artículo de noticias. También es más sucinto.

lunes, 15 de octubre de 2018

Beneficios de la accesibilidad en el comercio on-line

Finalizar el proceso de compra en una tienda de ropa sin pensar en accesibilidad

Internet es conocido como el gran igualador de oportunidades que democratiza el acceso a la información para la gente, pero un punto ciego importante para los diseñadores web y las empresas en línea, especialmente los minoristas. Más allá del hecho de que las personas con discapacidades merecen el mismo acceso a la información y las mismas oportunidades que todos los demás, esta población a menudo es ignorada estas personas tienen un gran poder de compra. Ignorarlo es equivalente a dejar de ganar dinero, excluir que estos clientes potenciales no tienen sentido para un negocio, especialmente los minoristas. Si la gente no puede encontrar sus productos o averiguar cómo pagar, se están perdiendo ventas. Por ejemplo, el valor de Amazon de 777 mil millones de dólares, se basa en parte en que su sitio web es fácil de usar no tiene un diseño bonito, pero hay está.
Los motores de búsqueda tales como Google están diseñados para favorecer los sitios que están diseñados teniendo en cuenta la accesibilidad, lo que significa etiquetar todas sus imágenes con texto alternativo, tener etiquetas de estructura bien definidas y actualizar su código para cumplir con las herramientas de accesibilidad más actuales.
Incorporar la accesibilidad en su tienda no significa que tenga que tener la estética de Amazon. Se puede usar propiedades CSS 3 y JavaScreen para hacer tu sitio atractivo y fácil de usar

jueves, 11 de octubre de 2018

Silla de ruedas para padres e hijos pequeños Convaid Flyer

Silla de ruedas CONVAID FLYER


La Convaid Flyer es una silla de ruedas ligera, modular y portátil desarrollada con una estética orientada a la juventud y el crecimiento. Para los terapeutas que trabajan con niños de 3 a 5 años que están haciendo la transición al sistema escolar, el dilema llega cuando los padres a menudo prefieren una base de cochecito liviano en lugar de la silla de ruedas estándar más pesada.




Repaso de a quien benéfia las pautas WCAG 2.1

Icono W3C y WCAG 2.1


2.5.1 Gestos de puntero

Los gestos de puntero indican que todas las operaciones deben usar gestos simples que solo necesitan un toque. Los gestos que necesitan dos dedos o movimientos complicados pueden ser difíciles de operar para las personas con temblores en las manos o movimientos limitados. También se benefician los usuarios con dispositivos de entrada alternativos, como un dispositivo para la boca, sip-and-puff o head mouse.

2.5.2 Cancelación de puntero

Este criterio de éxito es un poco más difícil de entender. Ayuda a las personas con temblores o problemas de movilidad que pueden tocar o hacer clic en el lugar equivocado por error. Este error puede causar una acción involuntaria. Este criterio de éxito también beneficia a las personas con discapacidades cognitivas. Pues evita que confundan cuando sucede algo inesperado porque activaron un control por accidente.

2.5.3 Etiqueta en nombre

Las personas que utilizan la entrada de voz se benefician de este criterio de éxito.
Código HTML para el campo de búsqueda:
<label for="itemSearch">Search: </label>
<input type="text" id="itemSearch">

2.5.4 Actuación de movimiento

Las personas que tienen movilidad limitada pueden no ser capaces de mover con precisión el dispositivo o realizar gestos. Algunos usuarios tienen sus dispositivos bloqueados en una posición fija y no pueden moverlos. Aquellos con temblores pueden causar una acción moviendo su dispositivo por error. Una persona en un entorno público o inestable, como viajar en un automóvil o en un autobús, puede no ser capaz de utilizar movimientos o gestos. Todos los usuarios se benefician cuando hay formas alternativas de interactuar con las aplicaciones.

2.5.5 Tamaño objetivo

Este criterio de éxito aborda los problemas al interactuar con dispositivos móviles. El objetivo es hacer controles lo suficientemente grandes como para ver y tocar. Esto ayuda a las personas con temblores o discapacidades de movilidad a activar el control.
Las personas que tienen dificultades para tocar con precisión un control se beneficia del tamaño más grande. Esto incluye a las personas que usan un puntero alternativo, como un ratón con la cabeza o un puntero bucal. Además, todos se benefician porque un dedo no es tan preciso como el puntero del mouse.

2.5.6 Mecanismos de entrada concurrentes

El usuario debe poder cambiar entre diferentes dispositivos de entrada mientras trabaja con su contenido.
Las personas con lesiones por estrés repetitivo pueden usar diferentes dispositivos de entrada para evitar el uso excesivo o el dolor. Pueden cambiar entre el habla, el mouse y el teclado dependiendo del contenido. Las personas con temblores en las manos que tienen dificultades para activar objetivos pequeños pueden preferir usar el teclado para navegar a los elementos. Todos se benefician cuando podemos usar el mecanismo de entrada de elección para cada tarea. Un ejemplo es el iPad Pro con un teclado desmontable. Normalmente prefiere el teclado porque puedo escribir más rápido en un teclado físico.

1.3.4 Orientación

Las personas que tienen sus dispositivos montados en una orientación específica necesitan aplicaciones para trabajar siempre en esa orientación. Los usuarios que pueden rotar su dispositivo pueden preferir una orientación y deberían tener esa opción. Por ejemplo, la baja visión y las personas con discapacidades cognitivas pueden preferir la orientación horizontal. Permite un tamaño de texto más grande y líneas más largas, lo que ayuda a mejorar la legibilidad. Todos se benefician cuando la aplicación es más fácil de usar en cualquier orientación.

1.3.5 Identificar el propósito de la entrada 1.3.6 Identificar Propósito - Nivel AAA

La idea básica es facilitar que las personas completen los campos de entrada que solicitan información personal. Las personas con problemas de movilidad tienen dificultades para ingresar datos en los campos. Las personas con discapacidades cognitivas pueden tener dificultades para recordar detalles. Puede ser difícil para ellos ingresar información personal debido a la pérdida de memoria, dislexia u otras discapacidades. Para algunos usuarios, una extensión del navegador o un software de tecnología asistencial podrían usar el propósito de cambiar o mejorar la interfaz. Por ejemplo, puede mostrar una imagen del usuario para representar el nombre o el símbolo de una casa para los campos de dirección. La mayoría de los navegadores reconocen hoy los campos de entrada bien etiquetados correspondientes al nombre y la dirección. Si el usuario permite que el navegador se complete automáticamente y almacena información personal en la configuración, el navegador sugerirá valores para completar los campos. Esto hace que la introducción de datos sea más rápida y precisa al eliminar los errores de escritura.


2.1.4 Atajos de teclas de caracteres

Las personas con temblores, problemas de movilidad o una mano artificial pueden tener dificultades con los atajos de una sola tecla. Pueden usar la entrada de voz, un teclado o un dispositivo señalador alternativo con un teclado en pantalla. Pueden presionar una tecla de método abreviado por error e invocar el comando sin saber por qué. Las personas que usan un teclado más pequeño con un dispositivo móvil que no puede usar el tipo también se benefician.
Hacer que toda la funcionalidad esté disponible desde el teclado.

1.4.10 Reflow

Los usuarios con baja visión que necesitan aumentar el contenido del beneficio cuando se ajusta el diseño. La investigación muestra que el desplazamiento horizontal reduce significativamente la comprensión de lectura. Para las personas que amplían el texto, es más fácil leer el texto envuelto en palabras línea por línea en lugar de desplazarse hacia adelante y hacia atrás en largas líneas de texto. Las personas con problemas de movilidad pueden tener dificultades para desplazarse en más de una dirección. Todos se benefician cuando todo el contenido se ve fácilmente en un dispositivo móvil.
Use un diseño responsivo para permitir que su contenido se acerque y responda a varios tamaños de pantalla.

1.4.11 Contraste sin texto

Este nuevo criterio de éxito extiende las pautas de contraste de color más allá del texto y las imágenes de texto cubiertas por 1.4.3 Contraste (mínimo). Esta es una buena noticia para las personas con baja visión, ya que finalmente hay una regla para que todos los elementos esenciales en una página cumplan con los niveles mínimos de contraste. Las personas con baja visión pueden tener dificultades para distinguir los elementos cuando los colores carecen de contraste. Este nuevo criterio de éxito requiere que los componentes de la interfaz de usuario y los objetos gráficos también tengan una relación de contraste de 3: 1. Esto incluye iconos, botones, sus contornos y los diferentes estados de esos elementos. Las gráficas y otros objetos gráficos que dependen del color para la comprensión también deben tener suficiente contraste.
Exenciones
Si una imagen puede reemplazar mil palabras, los colores pueden ser importantes. Por lo tanto, hay algunas excepciones a esta regla de contraste. Los logotipos están exentos. Fotografías y representaciones de la vida real también están excluidas. La anatomía y otras imágenes educativas deben proporcionar detalles de color precisos. Incluso los malos ejemplos a continuación son aceptables porque proporcionan una demostración visual.

1.4.12 espaciado de texto

La intención de este criterio de éxito es permitir que las personas modifiquen el texto para que sea más fácil de leer. Las personas con baja visión a menudo usan una fuente predeterminada mucho más grande. Probar un sitio cambiando el espacio entre letras, palabras o líneas puede simular el efecto de usar fuentes más grandes. Las personas con discapacidades cognitivas o de lectura pueden leer mejor cuando hay más espacio entre letras, palabras, líneas o párrafos.
Excepciones
La redacción del criterio de éxito especifica el contenido creado usando lenguajes de marcado. Dado que PDF no es un lenguaje de marcado, no está cubierto por esta regla. Las leyendas de los videos, las imágenes de texto y los logotipos no están cubiertos. El texto implementado utilizando el elemento lienzo también está exento porque se consideran imágenes de texto.

1.4.13 Contenido en Hover o Focus

La idea básica de este criterio de éxito es hacer que sea más fácil para los usuarios interactuar con el contenido agregado. La información sobre herramientas, los menús desplegables y las ventanas emergentes son ejemplos de contenido agregado. Este nuevo contenido generalmente se hace visible cuando coloca el puntero del mouse sobre un elemento de "activación", como un botón o un enlace.
¿Quién se beneficia?
Las personas que tienen dificultades para controlar el mouse tienen un área de destino más grande para mantener el mouse sobre para que el contenido permanezca visible.
Las personas que utilizan la ampliación pueden desplazarse para ver todo el contenido. También pueden descartar contenido que cubra otra información.
Las personas con discapacidades cognitivas tienen una forma de eliminar el contenido que distrae.
https://knowbility.org/blog/2018/WCAG21-1413ContentHoverFocus/

2.2.6 Tiempos de espera (Nivel AAA)

Se advierte a los usuarios sobre la duración de la inactividad de cualquier usuario que pueda causar la pérdida de datos, a menos que los datos se conserven durante más de 20 horas Este criterio de éxito ayuda a los usuarios a evitar perder los datos que ingresaron pero que aún no han enviado. Los sitios deben advertir a los usuarios de los límites de tiempo al comienzo de una tarea. El sitio puede omitir la advertencia si guardan los datos durante un período prolongado. Conocer los límites por adelantado permite que las personas se preparen y recopilen la información requerida antes de comenzar.
Algunos usuarios con discapacidades cognitivas no pueden concentrarse durante largos períodos de tiempo. Necesitan tomar descansos, a veces por un período prolongado. La opción de guardar datos durante más de 20 horas les permite a los usuarios mucho más tiempo para completar una actividad.

2.3.3 Animaciones de Interacciones (Nivel AAA)

Mover contenido puede distraer a muchos usuarios. Otros pueden tener reacciones más graves, como mareos, náuseas o dolores de cabeza. Criterio de éxito existente   2.2.2 Pausa, Detener, Ocultar requiere que los usuarios puedan pausar o detener cualquier movimiento iniciado por la página web. Este nuevo criterio de éxito se aplica al movimiento que se produce en respuesta a una acción del usuario.
El activador de movimiento podría ser una acción normal, como pasar el mouse, enfocar, desplazar o presionar un botón. El problema ocurre cuando esta interacción causa un movimiento adicional, inesperado. Un ejemplo es una animación de giro de página cuando los usuarios presionan el siguiente botón en una secuencia de pasos. Una barra lateral de carrito de compras que sigue al usuario a medida que se desplazan hacia abajo a través de un menú para llevar del restaurante puede distraer mucho la atención. El sitio debe advertir al usuario de este movimiento antes de que ocurra y proporcionar un mecanismo para deshabilitar el movimiento. Un ejemplo simplificado se puede ver en CSS Tricks.

4.1.3 Mensajes de estado

Los mensajes de estado son ejemplos de contenido nuevo que es importante para el usuario, pero no son lo suficientemente significativos como para causar un cambio en el enfoque. Este criterio de éxito requiere que los desarrolladores agreguen código para identificar cuándo se muestran los mensajes de estado.
Ahora, los controles de interfaz y los mensajes de estado deben estar disponibles para la tecnología de asistencia.
https://knowbility.org/blog/2018/WCAG21-413StatusMessages/

martes, 9 de octubre de 2018

Google Slides subtitula tus presentaciones con tu voz (por ahora en Estados Unidos)


Google Slides es la herramienta que tiene Google para las presentaciones, dentro de ella tenemos una funcionalidad que aún no se puede usar en España pero tiempo pues la idea de Google es que se pueda usar en varios idiomas.

¿Cómo funciona?


Utilizando el micrófono del ordenador para detectar la presentación hablada, luego transcribe, en tiempo real, lo que se dice estos son subtítulos en las diapositivas que está presentando. (en el video entenderás mejor su funcionalidad).

¿Por qué subtitular?


Los subtítulos optativos en diapositivas pueden ayudar a las personas sordas o con problemas de audición, pero también puede ser útil para las personas que sin pérdida de audición que escuchan en lugares ruidosos (como bares, locales de ocio, metro…) o salas con una configuración de sonido deficiente.


lunes, 8 de octubre de 2018

Easy Chirpy la accesibilidad en Twitter

icono de la aplicacion EasyCHIRP


EasyChirp , es una aplicación que te permite twittear una imagen con un título y una descripción larga desde tu ordenador de escritorio o portátil, así como en dispositivos móviles, está diseñada para ser simple de usar y esta optimizada. para personas con alguna discapacidad. Puede ser navegada por el uso del teclado, también funciona en browsers como IE9, con baja conexión de internet y sin JavaScript.
Aparte de esta aplicación tienes que tener en consideración antes de twittar estos aspectos para que tus tweets sean accesibles.

  • Si su tweet se vincula con contenido de foto, video o audio, haga que su tweet actúe como una leyenda descriptiva para que proporcione el contexto y luego enlace a una página de sitio web que contenga una foto etiquetada, video con subtítulos o audio con subtítulos completos.
  • Avisa antes de nada que lo que vas añadir es una foto, un video o un enlace Esto permite a las personas que usan lectores de pantalla saber qué esperar antes de abrir cualquier enlace.
  • Usa las mayuculas para mayor claridad para las personas con poca visión.
  • Si está enlazando con contenido que no ha creado y no sabe si ese contenido es accesible, asegúrese de que sus lectores estén al tanto de esto. Simplemente proporcione una nota que explique brevemente la limitación, como, por ejemplo: la foto no tiene texto alternativo; el video se iniciará automáticamente; el video no incluye subtítulos; o el archivo de audio no está acompañado por una transcripción escrita.
  • Evite utilizar siglas desconocidas que suenen extrañas si las lee un lector de pantalla o que podrían confundir a algunos lectores.
  • Si decide enlazar a una infografía, asegúrese de describir adecuadamente todo el contenido con texto. Solo recuerde usar lenguaje sencillo y ser conciso en sus descripciones. También asegúrese de que la infografía en sí sea fácil de interpretar para los lectores, incluidos aquellos con discapacidades cognitivas


viernes, 5 de octubre de 2018

Publicadas las recomendaciones WAI-ARIA Graphics Module 1.0 y Graphics Accessibility API Mappings 1.0

Logo de W3C y WAI


El dia 2 de Octubre se publicarón WAI-ARIA Graphics Module 1.0 y Graphics Accessibility API Mappings 1.0 estos documentos define los roles centrales específicos de los gráficos web que permiten a los autores expresar la estructura lógica del gráfico a las tecnologías de asistencia para mejorar así la accesibilidad de los gráficos.

jueves, 4 de octubre de 2018

TactPlus: La impresora pequeña y compacta Braille

TactPlus fue diseñada para ser una solución de impresión móvil para las personas con discapacidad visual, es pequeña, ligera y se puede llevarse fácilmente a cualquier lugar. utiliza la tecnología térmica y papel para cápsulas. Al calentar el papel, el braille y los gráficos se pueden hacer con solo una pasada.


lunes, 1 de octubre de 2018

Paquete Vine Simulation simuladores de discapacidad visual

paquete de 10 gafas y dvd de Vine Sim Specs

Los 10 pares de gafas en el paquete simulan los síntomas más comunes de las afecciones oculares más comunes, el paquete Vine Simulation es utilizado por la Organización Mundial de la Salud, el RNIB, también por otras organizaciones conocidas, así por hospitales y escuelas en todo el mundo. El paquete Vine Simulation está disponible desde solo £ 175.00, (180€) incluye gastos de envío si resides dentro del Reino Unido.