sábado, 29 de abril de 2017

Informe del Observatorio sobre Discapacidad y Mercado de Trabajo de la Fundación ONCE

OADISMET perteneciente a la Fundación ONCE presento el 2 informe sobre discapacidad y empleo en mi opinión hay que modificar la LISMI, no sirve, hay que abandonar los cupos dejar ya las empresas sustitutivas para cumplir el LISMI y si se ponen sanciones que sean significativas.
""

viernes, 28 de abril de 2017

Extensión Dynamic Accessibility Plugin

IBM ha lanzado una nueva solución que está diseñado para permitir a los desarrolladores y probadores hacer pruebas automatizadas accesibilidad dentro de las herramientas de desarrollo del navegador Chrome esto sirve para ayudar a ofrecer una experiencia de usuario optimizada y ajustarse a los estándares de la industria.
IBM AbilityLab™ Dynamic Assessment Plugin,es una extensión del navegador que identifica rápidamente los problemas de accesibilidad, y evalúa y recomienda correcciones potenciales, incluyendo ARIA. También se exponen detalles de cada tema y proporciona ejemplos para ayudar a los desarrolladores corregir ,.La solución ayudará a asegurar que las aplicaciones web son conformes a la WCAG 2.0 de tipo AA.
Dynamic Accessibility Plugin ejemplo


Mapa estelar para invidentes y no invidentes

El desafío de esta propuesta fue crear un mapa estelar de 1 metro de diámetro para las personas que pueden ver y para los ciegos, permitiendo el reconocimiento de lo que se puede observar a simple vista durante un cierto mes, un día y un cierto tiempo.

El mapa estelar contiene estrellas visibles sin telescopio para el hemisferio sur, representadas según su magnitud y permite la identificación de las constelaciones a partir de los nombres impresos en Braille.

El modelo fue dividido en varias piezas para imprimir con una impresora estándar de 20cmx20cm.

Idea: ITEDA Mendoza
Financiamiento: Fundación Observatorio Pierre Auger Argentina
Diseño 2D: Constantino Baikouzis
Diseño 3D: Julián Castro Bosisio



jueves, 27 de abril de 2017

Samsung Wemogee comunicarse mediante iconos

Una vez usado como novedad tonta ,los emojis están entrando en su propio como herramienta de comunicación.La nueva aplicación Wemogee utiliza los ideogramas para ayudar a las personas con afasia, un trastorno de procesamiento de lenguaje que hace que sea difícil de leer, escribir o hablar.

 Muchas personas con afasia gesticulan, dibujar o utilizar tablas de imagen de comunicarse . Wemogee está diseñado para darles una alternativa más rápida y más versátil.

Creado por Samsung Electronics Italia (filial italiana de la compañía) y terapeuta del habla Francesca Polini, Wemogee reemplaza frases de texto con combinaciones emoji y se puede utilizar como una aplicación de mensajería o en las interacciones cara a cara

martes, 25 de abril de 2017

La Razón, periódico que no atiende a razones de accesibilidad

Porta de el periodico la razón
Portada del periódico La Razón

Mi propósito no es criticar su linea editorial o su argumentación, mi objetivo es mostrar lo poco que les interesa la accesibilidad web. Es cierto que no tienen que cumplir con la legislación pero si con parte de sus posibles lectores.Yo solo me fijare  en que actualiza automáticamente y sin posibilidad de que el lector pueda parar esa actualización este pequeño detalle hace que las personas que usan lectores de pantalla o navegan mediante el teclado sufran, esto interfiere con las pautas WCAG 2.0 exactamente con la 2.2 que dice: Tiempo suficiente: Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.
Nota: Este criterio de conformidad ayuda a asegurarse de que los usuarios puedan completar una tarea sin cambios inesperados en el contenido o contexto que sean el resultado de un límite de tiempo. Este criterio de conformidad debe considerarse en combinación con el Criterio de Conformidad 3.2.1
Esto viene por el uso en el código fuente de  <meta http-equiv="refresh"> y segun indica cada 900 segundos

Codigo fuente donde se emplea la etiqueta meta http-equiv="refresh"
Como reitero yo no critico o alabo la linea editorial solo los hechos referentes a la accesibilidad.

lunes, 24 de abril de 2017

Open Sesame teléfono inteligente completamente manos libres

Es un teléfono inteligente completamente manos libres hecha para las personas con movilidad limitada (como parálisis o lesión de la médula espinal). En realidad, es una versión modificada del dispositivo Nexus 5 de Google que rastrea la cabeza del usuario y permite un control total del teléfono solo con la cabeza. La cabeza funciona como un dedo. Ya que se basa en Android , también se pueden descargar aplicaciones y utilizarlas con la cabeza. Incluso se puede jugar.
Web de Open Sesame

Liftware mango estabilizador (como la enfermedad de Parkinson)

Es un mango que permite a las personas con trastornos de movimiento (como la enfermedad de Parkinson) comer su alimento sin ninguna ayuda.El mango es capaz de reducir temblores en las manos cerca de un  70%, lo que es lo suficientemente para los temblores moderados.
Liftware un tenedor estabilizador
Web de Liftware

Tipos de atributo alt

Definido En este caso, el lector de pantalla leerá el texto que se proporciona cuando el usuario se encuentra con la imagen, y por lo general dar el contexto que se trata de una imagen. alt="una casa roja".

Null Cuando se escribe el atributo pero deja vacío, por ejemplo alt="". En este caso, un lector de pantalla saltará sobre la imagen en su totalidad como si nunca hubiese existido.

Inválida ( mala práctica ) Cuando el atributo se omite por completo. En este caso, un lector de pantalla leerá el valor del src en su lugar. Esta funcionalidad no es útil para el usuario, por lo que se aconseja.

Las imágenes funcionales son aquellos que representan una acción a tomar. A diferencia de las imágenes informativas, que meramente proporcionan información para el usuario,las imágenes funcionales se utilizan transmitir algo procesable. Estas imágenes también son típicamente ligados a elementos interactivos tales como enlaces o botones. Para las imágenes funcionales, el texto alternativo debe comunicar claramente la acción que se va a tomar.

Las imágenes decorativas son imágenes que no transmiten ninguna información real / procesable para el espectador. Su propósito es puramente estético

Las imágenes complejas, es un tipo de imagen informativa, son aquellas que contienen una cantidad muy detallada y sustancial de información. Por ejemplo, los gráficos de barras o gráficos, La descripción corta debe de ser proporcionada a través del alt. La descripción larga se puede definir con algún otro elemento, longdesc/ aria-labelledby, o mediante el uso de la <figure>y <figcaption>.
<figure role="group">
  <img src="customers.png" alt="Line chart showing the number of customers over a period of 12 weeks">
  <figcaption>
    In the first week, there were 13,000 customers. This slowly rose over the next few weeks, then rose drastically in week 4 to 37,000 customers. This was maintained until week 7, where there were less than 10,00 customers. In week 8, the number of customers rose again to 35,000, but this dropped back down in week 9. Since then, the number of customers has risen, and in week 12 there were 50,000 customers.
  </figcaption>
</figure>

Grupos de Imágenes hay casos en los que se utiliza más de una imagen en conjunto para transmitir una sola pieza de información. Por ejemplo, una calificación de 5 estrellas, puede ser representado por un grupo de imágenes de estrellas individuales.En estos casos, la información transmitida por el grupo de imágenes en conjunto, debe añadirse a la alt en de una de las imágenes, y el resto debe dejarse como nulo.

Mapas de Imagenes se aconseja un  alt  para cada <img>, así como cada individuo <area>.

Información sacada del articulo: Alternative Text and Images
.

domingo, 23 de abril de 2017

Gas natural Fenosa,La hipocresia hecha web inaccesible

Web de Gas Natural Fenosa
Gas Natural Fenosa
Antes de nada decir que lo que digo esta publicado en su web, si entras en la pestaña referida accesibilidad pone: 
  • La capa de presentación se ha basado en las recomendaciones del W3C sobre las Hojas de Estilo en Cascada, Nivel 2 (CSS2) y se ha empleado el estándar recomendado en empleo de código HTML verificando las recomendaciones usamos XHTML 1.0 Strict.
Desarrollada en XHTML 1.0 Strict pero si su DOCTYPE es de HTML5.
idioma principal no señalado en el DOCTYPE
DOCTYPE con idioma principal
Mal empezamos, por lo menos indican el idioma principal de la pagina, español (es).
Como dicen en todos los medios te ayudan a elegir tu mejor tarifa para que no pages la  de todo el edificio, procedo a entrar en la pagina recomendado de tarifas.

Pagina que te ayuda a decidir tu factura
Visualmente es muy atractiva pero sistemáticamente un fracaso y digo el motivo, en el desarrollo se han olvidado de marcar el idioma principal de la pagina.

Doctype sin idioma principal
DOCTYPE sin idioma principal

!Ojo¡ lo marcan en el <body> pero si leemos la documentación de la W3C el lugar correcto de marcado es antes del <body>. Esta web al ser de cierta necesidad social tendría que ser accesible AA según la ley 56/2007, según determina las pautas WCAG 2.0.
3.1.1 Idioma de la página: El idioma predeterminado de cada página web puede ser determinado por software. (Nivel A)
En definitiva, ya solo con eso no es accesible del tipo A, profundizando y viendo las URL´S usadas yo creó que usan un CMS propio proporcionando una pagina diferente en la portada y otra en el resto del documento, otra opción es que han usado dos equipos de programación pero ese es otro asunto lo que de verdad me preocupa y mucho es que si estas personas van a ser los que me expliquen mi factura cómo diseñan vamos listos. Cómo diría Jose Mota,-tu paga que yo lo haré accesible,hoy no,mañana-.


viernes, 21 de abril de 2017

Guía de beneficios para las personas con discapacidad



Muchas veces los discapacitados nos encontramos con la pregunta de que beneficios fiscales tenemos,la guía de beneficios para las personas con discapacidad creada por OADIS (Oficina de Atención a la Discapacidad) nos ayuda, es muy importante guardar esta guía en favoritos no sabes cuando la precisaras

jueves, 20 de abril de 2017

Air Europa, bonitos aviones la accesibilidad web es otra cosa


Quiero decir antes de nada que lo que digo no me lo invento esta todo o en la web o su código fuente, Air Europa tiene su sede social en domicilio en CTRA. ARENAL - LLUCMAJOR KM, 21.5 - 07620 LLUCMAJOR - Baleares - España. osea al estar ubicada en España tendría que cumplir con la ley 56/2007 haciendo un breve resumen de lo que nos ocupa tendría que ser accesible del tipo AA de las pautas WCAG.20.Al entrar visualmente es muy atractiva y moderna desarrollada en HTML5 y con un frameword, pero lo más me ha extrañado que no han marcado el imagen principal de la pagina, segun las pautas WCAG 2.0 se dice: 3.1.1 Idioma de la página: El idioma predeterminado de cada página web puede ser determinado por software. (Nivel A)
código fuente de la web de Air Europa
No es de los peores errores que he visto en la web pero si deberia sacar los colores a los diseñadores.

Accesibilidad en WordPress

""

WordPress tiene un Equipo de Accesibilidad cuya misión es: Hacer WordPress accesible a todos, incluso a los más de mil millones de seres humanos con discapacidades. Esto significa asegurarse de que las personas no son sólo capaces de leer las páginas web, sino también de crear sitios web accesibles.
El Equipo de Accesibilidad creó un manual que explica cómo implementar HTML accesible, como alternativas multimedia y el uso del color. El manual también incluye páginas con algunas herramientas de accesibilidad que los usuarios, diseñadores y desarrolladores
El 21 de marzo de 2016, el equipo de accesibilidad de WordPress ha anunciado que “todo el código nuevo o actualizado liberado en WordPress, núcleo y temas debe cumplir con los 2,0 pautas WCAG en su nivel AA.” Esto es maravilloso porque WordPress tiene una cuota del 27% de la totalidad de Internet ,el equipo de accesibilidad ha compilado una lista de plugins que te ayudaran en la accesibilidad de tu sitio. Para mi opinión uno de los más destacados es: SOGO Accesibility- añade funciones de accesibilidad a la parte delantera sitio. También permite a los usuarios alternar a diferentes modos de contraste y diferentes tamaños de texto. También puede agregar CSS personalizado.  

Video parcialmente accesible- Bankinter y CNSE

Las personas discapacitadas luchamos para  ser uno más de la sociedad y videos así no ayudan, nos señalas.vale que hay subtitulos y lenguaje de sordos y subtitulado pero nos diferencian de las personas"normales", hay gente que no necesita estas ayudas.

miércoles, 19 de abril de 2017

Iberdrola,la inaccesibilidad web en su formulario de acceso

Al leer las alertas de Google me a llamado la atención la noticia fechada el 18/04/2017 ILUNION certifica la accesibilidad de la web de Iberdrola, reconozco que me he sorprendido y he accedido a ver la web.
""
Portada de Iberdrola
Aparte de no entender cómo en unas imágenes tienen dos atributos alt o que uno de los videos hablen en portugués y se subtitule en Español y que el otro carezca de subtitulos y transcripción o que existan enlaces con un color de texto poco accesible,me parece correcta o mejor de la existente.
Pero cómo  he leido que se certificaba la web he ido a lo más importante(en mi opinión) que es el acceso a ver tu contrato, gasto......
Pagina destinada al acceso a iberdrola on line

La paguina de acceso me a desilusionado y mucho, los errores que he visto:

  • No esta estructura por h1,h2,h3...............
  • El boton de volver a la página de inicio es el logo de Iberdrola pero no tiene un texto explicativo.
  • Si necesitas ayuda el cuadro destinado a enviar tu problema carece de la etiqueta <label> correspondiente.
Pero lo peor en mi opinión es el formulario de acceso.
Formulario de acceso sin sus correspondientes etiquetas <label>
He intentado entender porque no cumple con la ley 56/2007, la verdad me cuesta cómo una empresa con grandes beneficios se preocupa tanpoco en ser accesible,¿no seria la mejor publicidad en vez de videos y campañas?


martes, 18 de abril de 2017

Guía práctica de WAI ARIA- 1.1 a 18 de de abril de 2017

Guía práctica para los desarrolladores sobre cómo añadir información de accesibilidad a los elementos HTML utilizando el Accessible Rich Internet Applications especificación [ WAI-ARIA-1.1 ], que define una manera de hacer que el contenido web y las aplicaciones web sean más accesibles a las personas con discapacidad. Este documento muestra cómo utilizar WAI-ARIA en HTML5, que ayuda especialmente con contenido dinámico y controles de interfaz de usuario avanzadas desarrolladas con el Ajax, HTML, JavaScript y tecnologías relacionadas.
wai-aria es el complemento que hace que HTML5 sea más accesible

Cuando lo uses piensa que todo el mundo no tiene la ultima versión del navegador o del lector de pantalla.