jueves, 30 de junio de 2016

Optolexia,herramienta de detección de la dislexia

Investigadores del Instituto Karolinska en Estocolmo, Suecia,han construido una herramienta de detección de dislexia para los niños pequeños, esto hace que se descubra pronto esta deficiencia y se pueda tratar con prontitud, su nombre es optolexia

la prueba se realiza a los alumnos haciendo que lean uno o dos textos en un ordenador equipado con una tecnología que lee los movimientos del ojo.

martes, 28 de junio de 2016

Mejoras de accesibilidad de Apple para iOS 10, macOS, Apple TV y Apple Watch

logo de apple

En la conferencia mundial de desarrolladores de Apple se presentaron una serie de mejoras en temas de accesibilidad para los sistemas operativo, productos, de la marca americana.
 En iOS 10 hay una nueva característica de accesibilidad llamada
 lupa que le permitirá utilizar la cámara como una lupa con una interfaz de usuario personalizada.
Interruptor de control para el Apple TV: Es una característica que permite a un usuario con movilidad limitada navegar por el sistema operativo mediante un interruptor de hardware.
Control de permanencia:Utilizara los ojos cómo ratón.
Mejoras de visión: Posibilidad de poner en un solo color la pantalla.
watchOS 3: Comportamiento y entrenamiento especifico para personas en silla de ruedas.
Audición: Apple ya es compatible con los dispositivos de hardware de TTY ahora también con su software.
VoiceOver: , Apple está haciendo  mejoras en la selección de voz en iOS 10 para ayudar a los usuarios con dislexia..
Información sacada de New for accessibility in iOS 10, macOS, Apple TV & Apple Watch: Magnifier, Dwell Control, taptic time & more

viernes, 24 de junio de 2016

La web del PSOE y la accesibilidad

web del PSOE
web del PSOE
Sigo realizando análisis breves de las webs de los principales partidos políticos ,esta vez he hecho un breve análisis del precursor de muchas normas para una accesibilidad web. Existen dos fallos que me han llamado la atención,uno no cerrar la etiquetas <h4>.
etiquetas<h4> sin cerrar
Parece un error minimo pero si intentas navegar con in lector de pantalla escuchas 4 4 4 4.
Simulador de lector de pantalla

El error que más me a extrañado es la falta del idioma principal en el documento.
codigo fuente de la web

He de reconocer que a diferencia de la web de Ciudadanos, usan la tecnología HTML5 enriqueciendo con roles y estados.

jueves, 23 de junio de 2016

Breve análisis a la web de Ciudadanos

web de ciudadanos
web de ciudadanos

Al inicio de campaña ley que el CERMI solicitaba más accesibilidad a las web de los partidos politicos, empezare con Ciudadanos para comprobar que  las nuevas políticas, evitan viejos errores.
ver medidas
Lo primero la frase ver medidas,¿ver? una persona con discapacidad visual puede ver.
contacto y redes sociales
pie de pagina
link de la web
lista de enlaces
Con las dos imágenes anteriores quiero demostrar varios aspectos no mencionan los enlaces de las redes sociales y por ultimo existe un enlace de contacto pero no se identifica que tipo de contacto es, e-mail, teléfono...
enlaces leer mas
enlaces leer más

Enlaces leer mas. es una falta considerable, no expresa la función del enlace.
He sacado unos errores pero seguro que existen más, en definitiva nuevas politicas viejos errores



martes, 21 de junio de 2016

Reproductor de HTML5 accesible

Uno de los mejores reproductores accesibles en HTML5 es HTML5 Video Player pero tenia mucho JavaScrit y lo ralentizaba mucho, más tarde se presento Accessible HTML5 Video Player que se adaptaba mejor a las necesidades actuales pudiendo personalizar botones, pantalla...
imagen de HTML5 Video Player
HTML5 Video Player
En la web  Paypal Accessible HTML5 Video Player puedes encontrar los archivos, cómo insertar subtitulos y cómo añadirlo a tu código fuente.

lunes, 20 de junio de 2016

Video de la importancia del contraste en el diseño web

Razones por las que la etiqueta placeholder puede ser problematica

Uso de la etiqueta placeholder

En el articulo 10 reasons why placeholders are problematic se reúnen 10 simples razones por las que el uso de la etiqueta placeholder puede producir problemas de accesibilidad. Yo reconozco que la usaba pensando que era lo más accesible para los formularios, pero al leer este articulo piensas en si lo usas adecuadamente.

viernes, 17 de junio de 2016

Guía de Google de diseñar pensando en todos

Dicen Astrid Weber y Jen Devin.-Los diseñadores pueden llegar a más de 1 mil millones de personas con sólo mantener la accesibilidad en mente-.Una buena razón para construir bien nuestra web, te recuerdo que el buscador Google es un usuario ciego y lo primero que lee  son las paginas mas accesibles.
Solo tienes que aplicar:

PRESTAR ATENCIÓN A COLOR
El daltonismo es una de las discapacidades más comunes del mundo. Afecta aproximadamente a 1 de cada 12 hombres (8%) y 1 de cada 200 (0.5%) de las mujeres en todo el mundo. Estas estadísticas demuestran que los diseñadores deben pensar muy, muy duro sobre los colores

SABER CÓMO FUNCIONAN LOS LECTORES DE PANTALLA
Las personas ciegas utilizan lectores de pantalla para acceder a Internet y navegar por los teléfonos inteligentes
¿La solución mejor? Ponga sus elementos de interfaz más importantes más cerca de la parte superior. 

ETIQUETA DE MANERA ÚTIL
La mayoría de los diseñadores saben que elementos de la interfaz y las imágenes deben ser etiquetados por los lectores de pantalla. Pero a menudo no piensan en etiquetarlos de manera útil .
Recuerda: mientras que un usuario normal podría saber dónde se encuentran dentro del flujo de trabajo de una aplicación, un usuario que tiene una discapacidad visual no lo hará.

PÓNGASE EN EL LUGAR DE LOS USUARIOS

La empatía es todo acerca de la comprensión, pero muchos diseñadores no piensa solo en sus dificultades.

CONOCER A LAS PERSONAS CON DISCAPACIDAD
Alguien cercano a ti la sufre piensa en ello



Articulo sacado de la guia de Google para la creación de aplicaciones

jueves, 9 de junio de 2016

Descripción larga de imagenes

imagen de una rana

Muchas veces nos encontramos con la tesitura de describir un gráfico el cual es una imagen, antes de nada tenemos que observar en que versión de HTML nos encontramos,  si podemos usar WAI-ARIA para completar nuestra descripción o con longest, para ayudarnos la W3C tiene un tutorial en la pagina Complex Images que con ejemplos nos explican todos los métodos correctos para realizar una descripción larga de un gráfico o imagen.

miércoles, 8 de junio de 2016

Javascript accesible

Icono de Javascript


Esta información la saque de la web de WebAIM JavaScript Event Handlers .Yo personalmente no soy muy partidarion de JavaScript, yo veo y compruebo que con un uso correcto de HTML5 y Wai-Aria, no hace falta usarlo para una web, sé que es muy facil su uso para señalar espacios en formularios pero usa onmuseOver/Out o onclick no es muy aconsejable para personas que no usan el raton o el teclado para navegar.

martes, 7 de junio de 2016

Rediseño del ayuntamiento de Madrid,¿pensarán en la accesibilidad?



El color

La marca disponía de una paleta de 4 colores primarios y 2 secundarios que generaban una combinación de 20 posibilidades. El color ampliamente reconocible del Ayuntamiento de Madrid es el azul (herencia del heráldico azur presente en el escudo desde 1222) por lo que reducimos la gama cromática a los necesarios blanco y negro que acompañan a un azul que reproduce el carácter vivo e intenso de la ciudad. Un azul que, siendo conscientes de los contextos contemporáneos, tiene un comportamiento para digital y otro para impresión. El digital aprovecha la luminosidad de las pantallas irreducible en imprenta y el azul de impresión remite a un color total, cercano al azul Klein.

La tipografía

Conservamos la Gill Sans para la construcción del imagotipo (el resultante de la unión de la ‘imagen’ y la tipografía) pero como tipografía de uso utilizamos solamente una: Martel Sans, una tipografía libre y gratuita, en sus variantes negrita, normal y fina.

La marca

La marca era la suma del escudo de la ciudad más el isologo de Turismo de la Ciudad de Madrid. Una mezcla entre promoción de la ciudad y necesidades institucionales que no terminaba de funcionar en ninguno de los dos casos. Conservamos el escudo y lo combinamos con la tipografía Gill Sans de la marca original, en este caso en mayúsculas. Utilizamos dos articulaciones, horizontal y vertical, como hasta ahora pero nos deshacemos de las pastillas y lo sustituimos por un orden a través de lineas verticales, más ligero y más flexible.

HTML a 2 de Junio del 2016

nuevas pautas de HTML

No es aconsejable en HTML5 usar solo <h1>,<h2>, <h3>.........Segun las nuevas expecificaciones se recomienda que se use<h1> y luego <section><h3>........</h2><section>,<section><h3>.........</h3><section>
Los elementos h2 - h6 no deben ser utilizados para el marcado de subtítulos, subtítulos, títulos y frases alternativas. Es complicado adaptarse a estas nuevas pautas de HTML pero piensa que lo haces para las personas y lo agradecerán.

lunes, 6 de junio de 2016

La accesibilidad no es cara

Es curioso leer de los webmasters de la web del Ayuntamiento de Madrid que la accesibilidad es cara,duele mucho.

viernes, 3 de junio de 2016

Frases para la accesibilidad

“I wish for a world that views disability, mental or physical, not as a hindrance but as unique attributes that can be seen as powerful assets if given the right opportunities.” - Oliver Sacks

"Deseo un mundo que considera la discapacidad, física o mental, no como un obstáculo sino como atributos únicos que se pueden ver como activos potentes si se les da las oportunidades adecuadas."

“We should celebrate neurodiversity — the world would be poorer and life duller if we were all the same.” - Neil Milliken

"Debemos celebrar la diversidad - el mundo sería más pobre y la vida más apagado si fuéramos todos iguales." 

“Let’s stop ‘tolerating’ or ‘accepting’ difference, as if we’re so much better for not being different in the first place. Instead, let’s celebrate difference, because in this world it takes a lot of guts to be different.” - Kate Bornstein

"Vamos a 'tolerar' o 'aceptar' las diferencias, como si estamos mucho mejor por no ser diferente en el primer lugar. En su lugar, vamos a celebrar la diferencia, porque en este mundo que se necesita mucho valor para ser diferente. "

“The only disability is when people cannot see human potential.” - Debra Ruh

"La única discapacidad es cuando la gente no puede ver el potencial humano."

“If disabled people were truly heard, an explosion of knowledge of the human body and psyche would take place.” - Susan Wendell

"Si las personas con discapacidad eran verdaderamente escuchadas, una explosión de conocimiento del cuerpo humano y la mente se llevaría a cabo."

“Focus not on the differences of people with disabilities but the talent of the individual.” - Neil Milliken

"Centrate no en las diferencias de las personas con discapacidad, pero si en el talento de la persona."

“When speaking of disabilities, the blind and their needs are most often used as an example. It is deceivingly simplistic since accessibility is something most of the population can benefit from.” - Marcus Österberg

"Cuando se habla de discapacidad, se centra solo en las personas ciegas y sus necesidades se utilizan con mayor frecuencia como un ejemplo. Es engañosamente simplista ya que la accesibilidad es algo que la mayoría de la población puede beneficiarse "

“Accessibility allows us to tap into everyone’s potential.” - Debra Ruh

"La accesibilidad nos permite abrir el potencial de todos."

“The one argument for accessibility that doesn’t get made nearly often enough is how extraordinarily better it makes some people’s lives. How many opportunities do we have to dramatically improve people’s lives just by doing our job a little better?” - Steve Krug

"El único argumento para la accesibilidad que no consigue hacer suficiente frecuencia es lo extraordinariamente mejor que hace vida de algunas personas. ¿Cuántas oportunidades tenemos para mejorar drásticamente la vida de las personas sólo por hacer nuestro trabajo un poco mejor? "

“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” — Tim Berners-Lee

"El poder de la Web está en su universalidad. El acceso de todas las personas independientemente de la discapacidad es un aspecto esencial. "

“Accessibility is not a feature, is a social trend.” - Antonio Santos

"La accesibilidad no es una característica, es una tendencia social."

“It is a waste of time to be angry about my disability. One has to get on with life and I haven’t done badly. People won’t have time for you if you are always angry or complaining.” — Steven Hawking

"Es una pérdida de tiempo estar enfadado por mi discapacidad. Uno tiene que seguir con su vida y no he hecho mal. La gente no tiene tiempo para usted si usted está siempre enojado o queja. "

“Who said we want to conform to the norm?  Celebrate & embrace our differences.” - Neil Milliken

"¿Quién ha dicho que queremos cumplir con la norma? Celebrar y abrazar nuestras diferencias. "

“We need to make every single thing accessible to every single person with a disability.” - Stevie Wonder

"Tenemos que hacer que cada cosa accesible a todas las personas con una discapacidad."

jueves, 2 de junio de 2016

Queja a la web del ayuntamiento de Madrid

Yo sigo con mi lucha y he puesto otra queja sé que solo son quejas pero alguién tiene que hacerló.
queja de la web
Todavía el articulo del periodico 20 minutos me hace preguntarmé, donde fue el dinero?.
Ana Botella y el coste de la web