viernes, 30 de marzo de 2018

Metro de Madrid y su inaccesibilidad al color


¿Alguna vez has creido que el mapa del metro de Madrid parece confuso? Pues imagine intentar usarlo, pero no podría distinguir fácilmente los colores de cada línea.

Al año vienen a Madrid cerca de 12 millones de visitantes más los pasajeros de la región hacen un buen numero de y usuarios del Metro de Madrid  pero alguno sufré discapacidad visual al color, exactamente 8% de los hombres y 0,5% de las mujeres según estudios , supongo que la estudiosa Cristina Cifuentes y su consejero de transportes lo tendrán presente, hoy no,mañana

Cauldron el framework accesible

De los Framework que he probado Cauldron me parece el más accesible en España y uno de los más usados en el mundo es Bootstrap, cada uno tiene sus preferencias pero la curva de aprendizaje es menor con Cauldron.
Icono de Cauldron

lunes, 26 de marzo de 2018

Vueling, vuelos baratos accesibilidad ¿que es eso?

Portada de la web de Vueling
Las personas discapacitadas temporales o permanentes también deseamos tener nuestros dias de descanso pero parecé que nuestro dinero no vale pues no lo ponén cada vez más y más dificil, todos los usuarios con discapacidad sabemos lo que es comprar un billete en la web de Renfe, alguno no a vuelto de esa odisea.
Ese es un casó pero lo mismo ocurre con otras compañías de transporté y no iba ha ser menos Vueling.
Analisis de contraste del buscador

La verdad es que tiene tantos errores que decir solo uno queda mal, la verdad lo más llamativo es su buscador estéticamente es bonito pero si entras un poco en sus entresijos te dás cuenta lo mal que esta.
Codigo fuente de la web de Vueling

Las casillas del formulario tienen su etiqueta <label> pero su <input> es otro cantar. Seguro que si alguien se lo dicé pondrán una de las escusas que siempre ponen, es muy cara la accesibilidad, hoy no,mañana.....
Bueno que mientras inventan escusas está la ley 56/2007 que tendrán que haber cumplido pero cómo ellos dirán hoy no, mañana.

domingo, 25 de marzo de 2018

Able Player es un reproductor HTML5 completamente accesible

Vista del reproductor Able Player

Caracteristicas

  • Admite audio y video.
  • Un conjunto completo de controles de reproducción accesibles por teclado, etiquetados correctamente para usuarios de lectores de pantalla y controlables por usuarios de reconocimiento de voz.
  • Atajos de teclado personalizables que permiten que el reproductor sea operado
  • Controles escalables de alto contraste que permanecen visibles en el modo de alto contraste de Windows, 
  • más un indicador de el foco.
  • Soporte para subtítulos (WebVTT), el formato estándar recomendado por la especificación HTML5.
  • Soporte para descripción de audio basada en texto, también usando WebVTT. Los usuarios pueden configurar opcionalmente su reproductor para pausar cuando se inicia la descripción de audio para evitar conflictos entre la descripción y el audio del programa.
  • Soporte para velocidad de reproducción ajustable. Los usuarios que necesitan reducir la velocidad del video para procesar y comprender mejor su contenido pueden hacerlo; 
  •  Los usuarios pueden hacer clic en cualquier parte de la transcripción para comenzar a reproducir el video (o audio) en ese punto. 
  • Los usuarios de teclado también pueden elegir activar la trascripción del teclado, de modo que puedan desplazarse por su contenido
  • Resaltado automático de texto dentro de la transcripción mientras se reproduce el video. Esta característica está habilitada de forma predeterminada, pero puede desactivarse si los usuarios lo encuentran molesto.
  • Soporte para reproducir videos de YouTube dentro del reproductor Able Chrome.
  • Visualización de subtítulos personalizables. Los usuarios pueden controlar el estilo de fuente, el tamaño y el color del texto de subtítulos; más color de fondo y transparencia; todo desde el cuadro de diálogo Preferencias.
  • Soporte integrado sin interrupciones para JW Player como reproductor de reserva para usuarios cuyos navegadores no son compatibles con los medios HTML5.
Amplia personalización. Muchas de las características descritas anteriormente están controladas por las preferencias del usuario. Esto se basa en la creencia de que cada usuario tiene diferentes necesidades y no hay soluciones para todos los gustos. Este es el corazón del diseño universal.


Compatibilidad

Able Player se ha probado con los siguientes navegadores y tecnologías de asistencia.

  • Firefox 3.xy superior
  • Internet Explorer 10 y superior sin respaldo
  • Internet Explorer 8 y 9, dependiendo de JW Player como alternativa.
  • Google Chrome 7.0 y superior
  • Opera 10.63 y superior
  • Safari 5.0 en Mac OS X
  • Safari en IOS 3.2.2 y superior (solo audio, reproducción de video en el reproductor IOS predeterminado)
  • Chrome en Android 4.2 y superior

Tenga en cuenta que los navegadores móviles tienen limitaciones (por ejemplo, el control de volumen y el inicio automático no son compatibles).

Descripción de audio

Se puede agregar una descripción suplementaria de contenido visual clave para usuarios ciegos usando uno de dos métodos.

El primer método es el mismo que el de los subtítulos, un <track>elemento con kind = "descriptions". Esto apunta a un archivo WebVTT, que es esencialmente lo mismo que un archivo de subtítulos, pero su contenido es texto descriptivo en lugar de subtítulos. Con este método, el texto de descripción se escribe en un contenedor que tiene el rol ARIA = "alerta". Los lectores de pantalla compatibles anuncian automáticamente el nuevo texto tan pronto como se escribe en la página.

El segundo método es producir un video separado con la descripción mezclada. Si ya se proporcionan varias fuentes de video (por ejemplo, un archivo MP4 y WebM), entonces la versión descrita debe estar disponible en ambos formatos. Para cada fuente de video que tenga una versión descrita disponible, agregue un atributo data-desc-src al <source>elemento para ese video. El valor de este atributo es una ruta que apunta a la versión descrita del video. Con este método, la versión descrita del video se puede reproducir en lugar de la versión no descrita, y las dos versiones se pueden intercambiar haciendo clic en el botón "D" en el controlador.

Más destalles de configuración en: https://ableplayer.github.io/ableplayer/

viernes, 23 de marzo de 2018

NaviLens: cómo se hizo

Cómo una tecnologia tan simple puede mejorar la vida de tantas personas


¿Por qué el texto ALT es importante?

""

Agregar texto alternativo a las imágenes es una parte importante de hacer que sus páginas web sean accesibles tanto para las personas con discapacidad visual como para quienes usan dispositivos de asistencia tales, como los lectores de pantalla, o navegadores web no gráficos. En ambos casos, el usuario obviamente no podrá ver la imagen. En cambio, su dispositivo de navegación web leerá o mostrará el texto alternativo que está asociado con la imagen. Esto es especialmente importante si la imagen transmite información que se requiere para que el usuario entienda completamente la información en la página web.En algunos casos, proporcionar texto alternativo mal desarrollado puede ser tan malo como no proporcionaló. El texto alternativo mal escrito, ambiguo o irrelevante en realidad puede empeorar la comprensión de una página y causar confusión.

El texto alternativo generalmente debe:


  • Preciso y equivalente referido a  la imagen tiene que expresar el contenido y función
  • Ser breve . Esto significa que el contenido y la función correctos de la imagen se deben presentar de la manera más breve posible.
  • No ser redundante ni proporcionar 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 
¿Cuándo no se necesita el texto alternativo?

No siempre es necesario o apropiado agregar texto alternativo a las imágenes, como en las siguientes situaciones:

  • Si una imagen es puramente decorativa y no proporciona información útil al usuario
  • Si la información proporcionada por la imagen se comunica efectivamente en otra parte del cuerpo del texto de la página. A menudo, las imágenes (o diagramas) se utilizan para reforzar la comprensión y no necesariamente proporcionan información adicional. Proporcionar texto alternativo en esta situación duplicaría el contenido de texto.

La accesibilidad en edificios,lo que tienes que saber

Portal de vivienda con una rampa junto a las escaleras


La accesibilidad en la comunidad de vecinos es obligatoria por ley  


Las personas con discapacidad y mayores de 70 años tienen derecho a un acceso básico de su vivienda tal y como lo dicta el Real Decreto Legislativo 1/2013, de 29 de noviembre y la Ley 8/2013 sobre rehabilitación regeneración y renovación urbana.
Por lo que, las comunidades de vecinos que no tengan un accesibilidad razonable para personas con discapacidad, deben de realizar obras en la comunidad para garantizar sus derechos.

No siempre se realizan obras de accesibilidad a pesar de la Ley 8/2013


Según dicta la Ley de la Propiedad Horizontal (LPH) si alguna persona con algún tipo de discapacidad o que sea mayor de 70 años solicita estas reformas, la comunidad de propietarios no tiene la obligación de realizarlas.

La ley asegura que las obras de accesibilidad deben de ser reformas sensatas y ajustes razonables, por los que las edificaciones ya construidas que no puedan modificar su espacio arquitectónico para garantizar la accesibilidad a todas las personas, no deben de realizar obras, aunque casi siempre hay alguna forma de solucionar cualquier problema. 

Obras más comunes para mejorar la accesibilidad


Las obras de accesibilidad más comunes son las rampas (no puede tener más del 12% de pendiente), la instalación de salvaescaleras y ascensores que garanticen una mejor movilidad por los espacios comunes de la edificación. 

Soluciones empleadas para la accesibilidad en edificios que no sean rampas


Bajar el ascensor al nivel cero del portal. Aumentar el recorrido del ascensor existente hacia el portal. Suele ser una obra costosa, pero garantiza un acceso fácil y rápido.
Eliminar barreras para colocar una plataforma elevadora. Si no se puede realizar una rampa útil, una buena opción es una plataforma elevadora, además su instalación es a medida y más económica que la primera solución.
Instalación de una plataforma oblicua. Es como el caso anterior, pero en esta circunstancia la plataforma es plegable y ocupa menos espacio en la zona común. No necesita de ninguna obra, pero la velocidad de este tipo de plataformas suele ser lenta.
Instalación de una silla salvaescalera. Es lo mismo que una plataforma, pero presentado en silla. Lo malo de este sistema es que las personas de silla de ruedas siempre van a necesitar ayuda si se instalan este tipo de plataforma.

Seguro de la comunidad


La comunidad de vecinos tiene el deber de velar por el buen mantenimiento de los sistemas instalados y obras realizadas para la accesibilidad de todas las personas. Al igual que ocurre con todos los demás inmuebles e instalaciones que hay en las zonas comunes del edificio.

Actualmente la Ley de Propiedad Horizontal no establece la obligatoriedad de disponer de un seguro para comunidades de vecinos, sin embargo es muy recomendable el tenerlo. En muchas comunidades autónomas es obligatorio contratar un seguro multiriesgo para al menos lcon las coberturas de incendios y  responsabilidad civil.

jueves, 22 de marzo de 2018

Cómo juegan los ciegos a los videojuegos deportivos

Siempre me he sentido intrigado el cómo los ciegos juegan a la consola el articulo How blind players succeed at sports video games they’ve never seen, me ha respondido, ellos no ven los graficos pero si escuchan, si estan en un juego de futbol se guian por las narraciones, el golpeó del balon, si están en un juego de coches por el sonido del motor o por el copiloto en un juego de rally. Esté mercado no podia perdersé y en EASPORT han creado un grupo de desarrollo esto acabó con la creación de un grupo solo destinado a la accesibilidad.
Uno de los comentarios.
 As a blind gamer myself, it's amazing that EA are assisting us like this. I have the latest Madden myself and noticed the rumble features for the kick meter but never equated it to accessibility. I assumed that it was an aid for the sighted person's attention. I can't wait to *see* what EA do next.


miércoles, 21 de marzo de 2018

Referencia de diseño web a11y

Se enseña que  a11y viene de accesibility

Los ciegos y las personas con discapacidad visual constituyen 285,000,000 de personas según la Organización Mundial de la Salud (junio de 2012), con 39,000,000 clasificados como ciegos y los 246,000,000 con discapacidad visual restantes. Las personas sordas y con problemas de audición componen 275,000,000 (2004) con discapacidad auditiva moderada o profunda.
Las discapacidades también pueden ser condicional. Un brazo roto, un restaurante ruidoso, un resplandor, sin hablar el idioma local, todos son ejemplos en los que alguien puede beneficiarse de las prácticas accesibles.

 A11Y significa "accesibilidad".

 Lista de recursos generales

Escusas para no hacer la web accesible


Recopilación de escusas para evitar la accesibilidad cómo diria Jose Mota la mejor es la de -hoy no,!mañana¡-
  • ¡Hemos tenido la intención de hacerlo¡
  • Nuestros usuarios no lo necesitan.
  • Nos encantaría pero no tenemos tiempo.
  • No hay presupuesto para esto.
  • Destruirá el diseño agradable de nuestra web 
  • Lo haremos con el próxima web 
  • Las personas con discapacidades no están en nuestro objetivo.
  • No hay nadie aquí que sepa
  • Lo tenemos cubierto. Nuestro sitio web tiene un botón que le permite cambiar el tamaño de la fuente
  • Estoy seguro de que nuestro desarrollador web se ocupa de eso.
  • Se ve lo suficientemente grande y bien en mi pantalla.
  • La gente no mira los sitios web en sus teléfonos.
  • ¡Próximo mes!

martes, 20 de marzo de 2018

Ministerio de indutria inaccesible según lo mires

Portada de la web del ministerio de industria

Destaco esté error pues personalmente no soy partidiarió del degradado eso hace muy atractiva la web pero en temás de accesibilidad no es nada aconsejable. La barra de navegación esta diseñada con un degradado azul.
barra del menu navegacion

Si tu esta barra la analizas con el azul de la parte superior del texto de los enlaces, te dá error de verificación.
azul superior de la barra de navegacion
Pero si la analizas con el azul inferior el resultado es diferente es  valido legalmente.
azul de la barra de navegación

Es mi opinión pero usar un degradado no es muy aconsejable, asumo que es más atractivo visualmente pero las personas con problemas de visión sufrirán.
Según la pagina referenté al tema de la accesibilidad la última revisión el 28/01/2016. Estamos en Marzo del 2018 y no se revisó, esperó que para la proxima vez se tenga presente que todas las discapacidades no son de personas con visión 100% nula.




lunes, 19 de marzo de 2018

Chromatic Vision Simulator app de problemas de color

Chromatic Vision Simulator . Estos son excelente app para que las personas experimenten lo que es tener déficit de color, lo que aumenta la conciencia y permite a los diseñadores comprobar que sus diseños estarán disponibles de forma inmediata.
Chromatic Vision Simulator pagina donde descargarla


LipSync dispositivo para tetraplejicos

El LipSync es un dispositivo electrónico que permite a los tetraplejicos la capacidad de usar dispositivos táctiles y ordenadores compatibles sin el uso de sus manos. El usuario puede manipular un cursor en la pantalla de su dispositivo usando una palanca de mando operada por la boca con controles integrados de sorbos y caladas para simular las acciones de "tocar" y presionar el botón Atrás, respectivamente. Con sorbos más largos y bocanadas más largas, se habilitan características secundarias adicionales que incluyen "tocar y arrastrar" y la posibilidad de funciones más especializadas según las necesidades del usuario.
desglose del dispositivo LipSync



El LipSync está diseñado específicamente para dispositivos portátiles, no requiere alimentación funcionará con cualquier dispositivo, incluidas ordenadores de escritorio y portátiles que admitan ratones a través de un bus serie universal (USB) o la conexión Bluetooth.


domingo, 18 de marzo de 2018

Los documentos PDF


Logo de descargar pdf

El formato de documento portátil, o PDF, fue presentado por Adobe Systems en 1993. Su propósito era facilitar el intercambio de documentos electrónicos, especialmente aquellos que contenían material visual o formato especial

Los documentos y formularios PDF son populares, pero desafortunadamente no son accesibles para personas con discapacidades, a menos que se hayan eliminado ciertas barreras. Es por eso que es esencial asegurarse de que la accesibilidad al PDF sea una prioridad cuando se crean o distribuyen estos documentos.

Mejorar la accesibilidad de PDF no mejora solo la experiencia de los clientes con discapacidades. En muchos sentidos, hace que tu contenido sea más útil para las personas que no tienen discapacidades. Por ejemplo, cualquier persona que intente mostrar su PDF en una pantalla pequeña, como la de un teléfono móvil, podrá verla correctamente si el documento se ha estructurado en el orden correcto.

Acrobat DC Pro, su software para manipular documentos PDF, tiene una opción "Hacer accesible", que le pedirá que tome medidas si encuentra ciertas barreras, como imágenes sin alt-text, o títulos faltantes. Sin embargo, tiene limitaciones. No se garantiza que encuentre todas las barreras, y no podrá solucionar automáticamente todos los problemas sin su opinión y criterio.

La función "Comprobador de accesibilidad" de Acrobat DC Pro escaneará su documento en busca de algunas características de accesibilidad específicas y emitirá un informe, pero puede producir falsos positivos, marcará áreas que no son problemáticas y no proporcionará una guía para los elementos que requieren comprobación manual.

La riqueza del atributo alt

Como regla general, todas las imágenes deben tener un atributo alt . Esto, sin embargo, no significa que deba proporcionarse texto alternativo real para cada imagen. Hay tres estados que podemos tener para el atributo alt :

Definido : donde se proporciona texto descriptivo real en el atributo, por ejemplo, alt="un perro" . En este caso, un lector de pantalla leerá el texto proporcionado cuando el usuario se encuentre con la imagen, y generalmente le dará el contexto de que se trata la imagen.

Nulo : donde el atributo está escrito pero se deja vacío, por ejemplo, alt="" . En este caso, un lector de pantalla omitirá la imagen por completo como si nunca hubiera existido.

Invalido ( mala práctica ): donde el atributo se omite por completo. En este caso, un lector de pantalla leerá el valor del atributo src lugar. Hacer que esto suceda nunca es útil para el usuario, por lo que se recomienda que no se use.

7 tipos de imágenes

Imágenes de texto
Como regla general, las imágenes de texto deben evitarse, con la única excepción de logos,En este caso, la mejor práctica es repetir el texto de la imagen en el atributo alt . Esto dará a los usuarios de lectores de pantalla esencialmente la misma experiencia que los usuarios visuales.

Imágenes informativas
Las imágenes informativas son imágenes que, brindan cierta información. Esta información puede ser cualquier cosa, desde una etiqueta, hasta una palabra. Para imágenes informativas, el texto alternativo debe transmitir la misma información que la imagen. Esto podría ser tan simple como una palabra que dice lo que es la imagen.
menu,localizacion de un restaurante
<section>
  <h2><img src="location.png" alt="Location"></h2>
  <p>26 Eletu Ogabi...</p>
</section>

<section>
  <h2><img src="cutlery.png" alt="Cuisine"></h2>
  <p>Continental</p>
</section>

<section>
  <h2><img src="clock.png" alt="Opening Hours"></h2>
  <p>Monday 12:00 - 22:00 ...</p>
</section>

Si la información que transmite la imagen es más una sensación, entonces una descripción física del contenido de la imagen puede no ser apropiada. En cambio, podemos proporcionar la sensación de que la imagen intenta transmitir en el texto alternativo.

chicos bailando de alegria
Añadir leyenda
<img src="example.png" alt="chicos bailando de alegria">

Imágenes funcionales

Las imágenes funcionales son aquellas que representan una acción a tomar. A diferencia de las imágenes informativas, que proporcionan información puramente para el usuario, las imágenes funcionales que se utilizan transmiten algo accionable.Estas imágenes también suelen estar vinculadas a elementos interactivos como enlaces o botones. El texto alternativo debe comunicar claramente la acción que se desea tomar.

Imágenes decorativas

Las imágenes decorativas son imágenes que no transmiten ninguna información real al espectador. Su propósito es puramente estilístico.

Imágenes complejas
Las imágenes complejas, son imagenes informativa, son aquellas que contienen una cantidad de información muy detallada y sustancial. Por ejemplo, gráficos de barras o gráficos. Para estas imágenes, se sugiere que proporcionemos descripciones cortas y largas.

La descripción corta se debe proporcionarse a través del atributo alt .
La descripción larga se puede definir en algún otro elemento, y simplemente se hace referencia a ella utilizando los longdesc / aria-labelledby , o mediante el uso de los elementos <figure> y <figcaption> .
grafico de poblacion

Grupos de imágenes

Hay casos en que se utiliza más de una imagen para transmitir una sola información. Por ejemplo, una calificación de 5 estrellas puede ser representada por un grupo de imágenes de estrellas individuales.

En estos casos, la información transmitida por el grupo de imágenes juntas debe agregarse al texto alt de solo una de las imágenes, y el resto debe dejarse como nulo.
imagenes de calificacion mediante estrellas

 <img src="star.png" alt="4 de 5 stars"> <img src="star.png" alt=""> <img src="star.png" alt=""> <img src="star.png" alt="">


Mapas de imágenes

Los mapas de imágenes son imágenes que están divididas en múltiples secciones, cada una con su propio área interactiva. Se crean al combinar los elementos <img> y <map> .

Para este tipo de imágenes, se recomienda que se proporcione un atributo alt definido para el elemento <img> , así como para cada <area> individual.
Mapa de españa



viernes, 16 de marzo de 2018

Direct Seguros si no es direct sigo sin entenderlo

Portada de Direct seguros

Como la mayoría de conductores nos toda renovar el seguro del coche y como la mayoría buscamos el seguro más barato y con mayores coberturas, en mi búsqueda he caído en la web de Direct seguros me sorprendió gratamente el video promocional donde los subtitulos coinciden con la voz en off.
video promocional en YouTube subtitulado
Por lógica una persona con discapacidad visual no va a conducir un coche o moto (a noser cómo el imprudente del ciego que conducía porque su mujer le guiaba), una cosa es no hacer una web pensando que los invidentes nunca la van a necesitar y otra cosa muy diferente es crear una web fuera de la ley, exactamente la 56/2007 sobre Medidas de Impulso de la Sociedad de la Información.
Al analizar el contraste de barra de herramientas, enlaces... con la herramienta Colour Contrast me he encontrado con resultados desoladores.
Análisis con colour contrast analyser

No se respeta en ningún momento lo que dictamina la UNE:139803:2012 se toma cómo referencia las pautas WCAG 2.0 que dicen Contraste (mínimo): La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1.

jueves, 15 de marzo de 2018

Diseño de botones pensando en la accesibilidad

Botones para indicar diferentes tamaños de texto

Los botones son un elemento básico de cualquier sistema de diseño. Los mejores son los simples, versátiles y de fácil asimilación. Pero esa simplicidad también tiene que ser accesible.

Diseño


 Un error común es elegir un estilo de botón que no esté lo suficientemente diferenciado de los campos de entrada, lo que puede hacer que las formas sean confusas de navegar.

Diseño de botones evitando confusión con otros elementos

Color


Es importante elegir colores con el contraste adecuado para la mayoría de los usuarios.

Tres botones con diferentes contrastes

:focus


El estado más importante a tener en cuenta es :focus. Sin él, la navegación a través de teclados u otros dispositivos de entrada de teclado es virtualmente imposible. La buena noticia es que los navegadores ya incluyen una solución por defecto, generalmente un contorno de puntos o brillo azul
propiedad :focus en botones
Estos contornos a veces pueden parecer inadecuados con los estilos de un proyecto, por lo que con frecuencia se desactivan ... dejando a muchos usuarios perdidos, la mejor opción es no poner en tu hoja de estilo la propiedad que los deshabilita.

Deshabilitado

Los botones desactivados deberían ser fáciles de identificar. A diferencia de esos estados, no debería sobresalir entre la multitud. El estado de discapacidad debe sentirse apagado, sin brillo.

Uno de los métodos más populares para diseñar botones desactivados es reducir su opacidad. Esto funciona bien para botones con el mismo estilo, pero menos cuando un botón deshabilitado tiene más colores saturados que su vecino. Una combinación de opacidad y desaturación puede ser la solución adecuada.

Deshabilitar botones

Botones en Android

Es importante que los controles de la interfaz tengan un tamaño adecuado para una interacción táctil, especialmente para las personas con problemas motores o de visión.

En Android se recomienda un tamaño mínimo de 48x48dp, el tamaño hace referencia no a la imagen en sí, sino al área en la que se puede clicar. Se puede usar un icono más pequeño pero con un padding que asegure un área clicable del tamaño adecuado.
Tamaño de los botones en dispositivos Android
Las WCAG 2.1 incluirán un nuevo criterio que obliga a que los elementos de interacción tengan un tamaño mínimo de 44x44px.( información sacada del blog de Olga Carreras)

miércoles, 14 de marzo de 2018

DIRECTIVA (UE) 2016/2102

En pocas palabras si trabajas en temas relacionados con la web o con aplicaciones del  sector público, la directiva establece que debe:


  • Tienes que asegúrarte de que su sitio web y las aplicaciones cumplan con los estándares de accesibilidad
  • Tienes que proporcionar un mecanismo de retroalimentación donde cualquier persona pueda notificarle sobre fallas en el cumplimiento de los estándares de accesibilidad.
  • Tienes que hacer regularmente una declaración de accesibilidad detallada sobre su cumplimiento, utilizando una plantilla de la Comisión de la UE.

Los plazos:

  • 23 de septiembre de 2018: fecha límite para que los países hayan establecido leyes y reglamentos para cumplir con la directiva.
  • 23 de septiembre de 2019: todos los sitios web nuevos (creados después del 23 de septiembre de 2018) deben ser accesibles
  • 23 de septiembre de 2020: todos los sitios web (no solo los nuevos) deben ser accesibles
  • 23 de junio de 2021: todas las aplicaciones móviles deben ser accesibles
La directiva tiene solo 15 páginas. Pero no incluye los requisitos reales para cumplirla.

Pero cómo se dice hecha la ley hecha  la trampa, tiene excepciones.
  • Locuciones (TV, radio, etc.)
  • Mapas en línea
  • Contenido de video o audio en vivo

(a)
office file formats published before 23 September 2018, unless such content is needed for active administrative processes relating to the tasks performed by the public sector body concerned;
(b)
pre-recorded time-based media published before 23 September 2020;
(c)
live time-based media;
(d)
online maps and mapping services, as long as essential information is provided in an accessible digital manner for maps intended for navigational use;
(e)
third-party content that is neither funded nor developed by, nor under the control of, the public sector body concerned;
(f)
reproductions of items in heritage collections that cannot be made fully accessible because of either:
(i)
the incompatibility of accessibility requirements with either the preservation of the item concerned or the authenticity of the reproduction (e.g. contrast); or
(ii)
the unavailability of automated and cost-efficient solutions that would easily extract the text of manuscripts or other items in heritage collections and transform it into content compatible with the accessibility requirements;
(g)
content of extranets and intranets, that is to say, websites that are only available for a closed group of people and not to the general public as such, published before 23 September 2019, until such websites undergo a substantial revision;
(h)
content of websites and mobile applications qualifying as archives, meaning that they only contain content that is neither needed for active administrative processes nor updated or edited after 23 September 2019.

Según mi visión del tema ocurrirá como otras leyes y decretos, llegará la fecha y no pasará nada. Hasta que no se pongan serios con el tema de la accesibilidad continuaremos siendo el hazmereir de europa y el mundo.Aquí no vale el decir que inventen otros.

martes, 13 de marzo de 2018

Veto del PP al Fondo Público para la Accesibilidad Universal. Teresa Aré...

Mercadona y su teoría de la accesibilidad web

Pagina principal de Mercadona

En la mañana del 13 de Marzo del 2018 al leer los periódicos digitales he leído Mercadona iniciará la venta en internet en Valencia en el segundo semestre una noticia llamativa y he pensado, ¿ tendrán en consideración la accesibilidad web?, según su pagina web si citó.En Mercadona estamos firmemente comprometidos en facilitar la accesibilidad a nuestros clientes, independientemente de la condición física, intelectual, de la edad o de la necesidad de uso de tecnologías adaptadas para acceder a nuestra página. Para ello hemos desarrollado el presente sitio web utilizando tecnologías estándar establecidas por el W3C (Consorcio de la World Wide Web), siguiendo las Directrices de Accesibilidad WAI2.0 en su nivel AA. !Hasta tienen un diploma¡.
Posiblemente yo no tenga ni idea de accesibilidad,ni de pautas WCAG 2.0 y no escriba correctamente posiblemente tenga 1000 errores, pero esque no se ven los enlaces a accesibilidad, política de privacidad, política de cookies, términos y condiciones, requisitos técnicos.
Enlaces a accesibilidad,política de privacidad,cookies
Sé que están allí, la barra de herramientas Web Developer me las señala y marca pero es que apenas se ven.
Análisis de contraste con colour contrast Analyser incumpliendo
Repito y reitero, yo de accesibilidad web soy un desconocido del tema, no se más si lo veo o no pero creía que en las pautas WCAG 2.0 existía una pauta referida al contraste, creó recordar la 1.4.3 que decía.Contraste (mínimo): La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos: (Nivel AA) creí recordar un parrafo de esa pauta que decía.Los textos o imágenes de texto que forman parte de un componente inactivo de la interfaz de usuario, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no tienen requisitos de contraste. En ese momento pensé , ¿alomejor esos textos no tienen importancia?,  puede ser que la política de privacidad no será importante.
Con esto he querido denunciar solo la portada no he entrado en el proceso de compra pero me demuestra que aún se deben poner las pilas en Mercadona. Estoy cansado de leer que en paginas oficiales, institucionales..Se tiene presente la accesibilidad web, estoy harto de leyes, reales decretos que cuando llega su fecha de cumplimiento no pasa nada, yo por lo menos solo quiero una que diga, lo tienes mal te doy 3 meses para arreglarlo y sino multa diaria hasta que lo tengas bien y no cabe recurso, así es la única manera de que te tengan presente y no con avisos, recursos y olvidado. Las empresas cómo Mercadona están  perdiendo dinero por no implantar la accesibilidad web, la accesibilidad web no solo es que los invidentes puedan realizar su compra, también existimos otras personas

lunes, 12 de marzo de 2018

Iberia express,la accesibilidad se quedó en tierra

Pagina principal de Iberia Express

Los que deseamos viajar aún módico precio miramos todas las opciones, compañias...En esa búsqueda he caído en la web de Iberia Express  es una aerolínea española propiedad de Iberia. Se trata de una aerolínea de bajo coste que tiene como objetivo la operación de vuelos de corto y medio radio, es de tan bajo coste que han dicho la accesibilidad, la suprimimos, total somos de bajo coste.Yo padezco una discapacidad visual a los colores y hay secciones de la web que no me ayudan para nada.
Contraste insuficiente en los enlaces del menú principal
Han tenido el detalle de crear una pagina solo para pasajeros con necesidades especiales.

Pero se han olvido de crear una web para usuarios con necesidades especiales.
.
Pagina con pasajeros con necesidades especiales

La idea de ellos ha sido crear un menú principal en el que si tienes una dificultad al color no sabes si son enlaces o texto, para diferenciarlos se añade con CSS que esos enlaces contengan abajo de el un subrayado. Esto también ocurre en las denominadas "migas de pan" donde se señala la ruta para llegar a la pagina pasajeros con necesidades especiales. Es curioso que en  esa parte de la pagina no se tenga  presente pero si al señalar los hipervínculos a menores acompañados...
Como he reiterado en algún momento mi intención es levantar la voz todo lo que se pueda para que se tenga presenté la  accesibilidad web.

domingo, 11 de marzo de 2018

Air Europa, si eres discapacitado no entres en nuestra web

Cómo parte de los ciudadanos de este país usará los días de Semana Santa para desconectar un poco, para eso he entrado en la web de Air Europa y me he quedado perplejo.
Portada de Air Europa
Por mi suerte o desgracia ciertos colores me afectan a la visión y crear un botón de buscar con fondo gris y texto en blanco no me ayuda.

Buscador de vuelos con un botón de buscar sin contraste
Y eso solo en el buscador no habló de descripción de su sedé social o de sus redes sociales. Pero no me he quedado allí he activado el lector de pantalla y ¿Donde esta el idioma principal del documento?.

Código fuente donde no se describe el idioma principal del documento

Seamos sinceros han creado un CMS con una portada muy atractiva pero ¿y la accesibilidad?, supongo que han dicho ¿para que? que ¿la ley me 56/2007 me obliga? me la saltó, que va ha ser esto ¿mis aviones con discapacitados? pierdo status..Es lamentable que nos discriminen tanto somos personas no un objeto que se abandona porque es sordo, ciego o va en silla de ruedas.

viernes, 9 de marzo de 2018

Apple y el autismo



Apple ha lanzado un par de videos durante el fin de semana protagonizado por Dillan Barmache, un niño de 16 años que es autista y no verbal. Estas dos películas son potentes y también constituyen un punto fuerte a favor de las características de accesibilidad, aplicaciones especializadas para personas con autismo y más.

El autismo afecta los comportamientos sociales y de comunicación. Las personas autistas tienen dificultades para comunicarse con el mundo. Pero eso no significa que no tengan cosas que decir.

Es fácil olvidarse de sí mismo cuando tiene este trastorno porque le resulta difícil hablar con las personas que lo rodean, no entienden lo que están diciendo o, lo que es peor, otras personas están hablando por sí mismas y tergiversando su identidad. .

La vida de Dillan ha cambiado bastante gracias a la tecnología, y en este caso a un iPad emparejado con tres aplicaciones: Proloquo4Text , Assistive Express y Keeble . Ahora puede escribir en su iPad y hablar con las personas que lo rodean. Dice mucho sobre la interfaz básica de usuario del iPad y cómo es mucho más fácil de usar que una computadora portátil.

La tecnología es increíblemente poderosa y puede alterar profundamente la forma en que nos comunicamos

Motivos para subtitular

imagen con subtitulos

Las transcripciones y los subtítulos hacen que los videos y podcasts (estos consisten en la distribución de archivos multimedia (normalmente audio o vídeo que suelen ser de larga duración, que pueden incluir texto como subtítulos y notas) mediante un sistema de redifusión (RSS) que permite opcionalmente suscribirse)sean fáciles de encontrar y buscar.
Los verdaderos motivos son.

  • Mejores clasificaciones en los motores de búsqueda. Los motores de búsqueda no pueden "escuchar" el audio; no pueden "ver" video. Dado que Google y YouTube son los dos principales motores de búsqueda, debes asegurarte de que tu contenido se encuentre fácilmente y se clasifique correctamente, muchas personas piensan que los subtítulos automáticos proporcionados por YouTube están indexados. No lo son, debido a la gran cantidad de errores. Los subtítulos automáticos son un gran lugar para comenzar como un primer borrador.
  • El texto puede ser traducido. Su audiencia incluye personas que hablan otro idioma.
  • Mejora de accesibilidad. Su audiencia también incluye a las personas con problemas de audición o sordas,también  a las personas en un ambiente de trabajo con ruido de fondo, así como a las personas que usan tecnología de asistencia.
  • Los subtítulos aumentan el tiempo de visualización del video. Según los estudios de video en línea realizados por PLYmedia , los subtítulos pueden aumentar el tiempo que un usuario ve un video en un 40 por ciento .


jueves, 8 de marzo de 2018

El Corte Ingles y sus compras inaccesibles

En la tienda on-line del corte ingles cómo tengas un problema de colores no puedes comprar

Seguro de una de las preocupaciones de El Corte Inglés es saber porque no venden tanto como otras tiendas on-line y no solo es por los precios también porque se están cerrando al 20% de mercado de la discapacidad, como he mostrado en la imagen principal cómo tengas un problema de color te quedas sin comprar no es posible identificar si la prenda es azul, verde o amarilla. Supongo que en el desarrollo han dicho ¿para que?, pensado así ellos solos se estan discriminando, es cierto que las mujeres tienen un indice inferior a los problemas relacionados con el color pero un poco de aquí otro de allí son muchos puñados.
Es frustrante y cabrea que participen cómo sponsors o cómo expertos en soluciones en materia de accesibilidad y descuidar  el diseño de su tienda on-line es su peor marca. Supongo cómo la mayoría de estas empresas tendrán una tienda on-line adaptada a la legislación de ese pais y si esta es más sancionadora y estricta se preocuparán más. Es una pena es un gasto de recursos y medios incomprensible.

Canute.El eReader que costará casi lo mismo que un iPhone

La empresa británica Bristol Braille Technology ha desarrollado Canute, un lector de líneas múltiples de Braille que se espera que se venda por el precio de un nuevo iPhone. En marzo de 2018 comenzará su prueba piloto de pre-producción final, antes de comenzar las ventas más adelante en el año.

miércoles, 7 de marzo de 2018

Seguros Ocaso,el Ocaso de la accesibilidad

Anuncio de la web Ocaso
He querido mirar cuanto me saldriá el seguro en mi hogar y una de mis primeras opciones era mirar Seguros Ocaso por eso del seguro de la tranquilidad. Pero luego me he quedado estupefacto he de decir que visualmente es atractiva pero la accesibilidad ¿donde esta?, en pocas palabras ni esta ni se la espera.No entiendó que una aseguradora que por ley tiene que ser accesible no ponga su web sin encabezamiento ni idioma principal y menos ingoración en que lenguaje esé desarrollado.
Código fuente de la web de Ocaso

He mirado en Google el motivo de porque sale en las primeras opciones y lo he entedido rapidamente es un anuncio, supongo que por eso han descuidado la accesibilidad.
Luego después de hacer un poco de sroll en Google he dado con su web institucional.
Portada de la web institucional de Ocaso

No hablaré del carrusel de inicio, me basaré en su pagina referenté a la accesibilidad.
Pagina referente a la accesibilidad en la web de Ocaso

Que yo sepa la pauta 2.4.6 se refiere a encabezados y etiquetas dejando claro que los encabezados y etiquetas describen el tema o propósito. (Nivel AA). y yo me pregunto ¿porque esta web no los tiene si pone que es AA?.
Error que indica la falta de encabezados en la web de Ocaso
Con eso entendí porque tienen que contratar publicidad, no piensan en el SEO.

martes, 6 de marzo de 2018

Fenosa se ríe de la accesibilidad web


He visto webs poco accesibles pero de las más recientes es la de Fenosa muchas de ellas son de organismos oficiales y ya se sabe las cosas de palacio van despacio pero de empresas privadas esta es de las peores. No concibo que una pagina tan pequeña se cometa tantos errores, uno de ellos no se señala el idioma principal en su código fuente.
<!DOCTYPE html>
<html>
<head> 
Pero el error más ilógico es que usan las etiquetas <title> abriendolas y cerrandolas pero dejandolas sin contenido.
etiquetas title vacías y sin idioma principal


Entiendo que para conectar a la base de datos usen un script pero que menos que proporcionar una descripción. Lo que de verdad me destrozo es que han usado en la paguina referente a la accesibilidad las mismas palabras que su socia Gas Natural.
pagina referente a la accesibilidad en la web de Endesa

Yo opino si nos unimos y usamos la misma web se tiene que tener los mismos errores pero no, Gas Natural en su web tiene idioma principal su codigo fuente.
<!DOCTYPE html><html class="no-js" lang="es"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="robots" content="NOODP"/><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Hogar - Gas Natural Fenosa</title>.


Yo no voy a destapar todos los errores de su web para eso están los consultores y diseñadores pero tienen que tener en cuenta que deben cumplir con la ley 56/2007, ellos te exigen el pago de la factura,también ellos tienen obligación de cumplir con sus clientes.