lunes, 25 de diciembre de 2017

Lucha entre Jaws y NVDA

Se han publicado los resultados de la 7 encuesta sobre usuarios de lectores de pantalla, existe una lucha muy intebsa entre los lectores de pantall JAWS y NVDA, recordemos que NCDA  es  de codigo abierto y para JAWS hay que tener una licencia la cual facilita en España la ONCE, son muchos detalles que los diferencian pero sigó pensando que NVDA es la mejor solución.
resultados de la 7 encuesta sobre lectores de pantalla donde JAWS y NVDA sobresalen

jueves, 21 de diciembre de 2017

Introducción a la accesibilidad web

Hacer tus documento de Google accesibles

iconos de google doc


Incluir texto alternativo

Incluye texto alternativo para imágenes, dibujos y otros gráficos. De lo contrario, los usuarios de lectores de pantalla solo escuchan "imagen".
  • Agregar texto alternativo
  • Seleccione la imagen.
  • Ve a Formato , luego a  texto Alt .
  • Ingrese texto alternativo en el campo de descripción.

Tablas para datos

Use tablas para presentar datos, no para cambiar el diseño visual de la página.
En la tabla, incluya una fila de encabezado (en lugar de comenzar con los datos en la primera fila) porque los lectores de pantalla leen automáticamente la primera fila como una fila de encabezado. 


Compruebe si hay un alto contraste de color

El alto contraste de color hace que el texto y las imágenes sean más fáciles de leer y comprender. Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 recomiendan una proporción mínima de 4.5: 1 para texto grande y 7: 1 para otro texto e imágenes. Por ejemplo, evite el texto gris claro sobre un fondo blanco.
Para verificar el contraste, puedes usar el comprobador de contraste WebAIM .


Use un texto descriptivo en lo enlaces

Los lectores de pantalla pueden buscar enlaces, por lo que el texto informativo del enlace es útil. 


Tamaño y la alineación del texto

Para facilitar la lectura de su documento o presentación, utilice texto grande alineado a la izquierda cuando sea posible. El texto justificado es más difícil de leer debido al espacio adicional entre las palabras.


Use texto para apoyar el formato

Lo mejor es no confiar solo en el formato visual para comunicar el significado. Los lectores de pantalla pueden no anunciar cambios de formato, como negrita o resaltado.


Use encabezados para organizar su documento

Incluye puntos de referencia de navegación en tu documento

Los puntos de referencia como  encabezados, pies de página, números de páginas y recuentos de páginas  ayudan a los lectores a encontrar dónde se encuentran en su documento.

lunes, 18 de diciembre de 2017

Móviles accesibles: Cómo se manejan las personas con baja visión (LS)


Este video pertenece a UNED Cursos MOOC/COMA la verdad me parece muy interesante te ayuda a diseñar pensando en que no todas las personas tenemos una visión perfecta y además te muestra lo que realiza las personas con discapacidad visual para moverse entre los diferentes iconos o cómo tienen que variar los ajustes para tener una mejor visión o lo que tienen que hacer para variar el tipo de fuente. Es un video muy completo(hasta esta subtitulado en YouTube), es una lastima que en Canal UNED de la UNED, no tengas esa disponibilidad.
video en canal uned de moviles accesibles: baja vision

También es una lastima que se discrimine a cierto colectivo que también sufren una discapacidad, las personas con discapacidad cognitiva que precisan de una transcripción para ir asimilando  el video a un ritmo diferente.



viernes, 15 de diciembre de 2017

Recomendaciones de HTML5.2 y WAI-ARIA 1.1

Recomendación de html 5.2

El 14 de Diciembre del 2017 se publicaron las recomendaciones de HTML 5.2 y WAI-ARIA 1.1 Según se dice en el documento de  wai-aria 1.1 La accesibilidad del contenido web requiere información semántica sobre widgets, estructuras y comportamientos, para permitir que las tecnologías de asistencia transmitan la información adecuada a las personas con discapacidades. Esta especificación proporciona una ontología de roles, estados y propiedades que definen los elementos accesibles de la interfaz de usuario y puede utilizarse para mejorar la accesibilidad e interoperabilidad del contenido y las aplicaciones web.

jueves, 14 de diciembre de 2017

Diseñar el subrayado perfecto

Antes de profundizar en los detalles de cómo diseñar el subrayado perfecto, vale la pena definir nuestro objetivo. Queremos crear un subrayado visible pero discreto. Los usuarios deberían poder entender que el elemento es interactivo: cuando lo ven, deben saber inmediatamente que se trata de un enlace, pero no deben llamar demasiado la atención.
u subrrayada


No subraye el texto que no esa un enlace.

No subraye ningún texto que no sea un enlace. Los subrayados proporcionan la posibilidad de dar fuerza, y los usuarios se sentirán confundidos y frustrados si el texto subrayado no coincide con sus expectativas. Si necesita enfatizar ciertas palabras u oraciones, usar cursiva o negrita es mucho más seguro.

Que sea breve.

Trate de mantener cortas las frases enlazadas, de tres a cinco palabras. Algo más desordenará el texto.

Haga que el texto sea significativo.

El texto de anclaje es el texto que se puede hacer clic en un enlace. Debería ser descriptivo: los usuarios deberían poder predecir qué obtendrán cuando hagan clic en un enlace. Por esta razón, evite el texto de anclaje como "haga clic aquí" porque eso no dice casi nada sobre el contenido detrás del enlace y obliga a los usuarios a buscar más información sobre exactamente en qué harán clic. Los enlaces "Haga clic aquí" también hacen que un sitio web sea menos accesible para las personas que usan lectores de pantalla . La mayoría de los lectores de pantalla dicen "enlace" antes de cada enlace. Por ejemplo, JAWS leería un enlace de "automóviles" como "vales de enlace" . Por lo tanto, puede esperar que JAWS lea un enlace "haga clic aquí" como "enlace, haga clic aquí", que es totalmente nada informativo.

La consistencia es la clave para enseñarles a los usuarios cómo se ven los enlaces en su sitio web. No debería haber una situación en la que algunos de los enlaces en su sitio web estén subrayados y otros no. Diferentes significados visuales que se utilizan en diferentes páginas pueden confundir fácilmente a los visitantes. Elige un diseño de enlace y mantente firme a él.


Descender estrepitosamente es quizás el segundo problema más importante causado por los subrayados (después del desorden). Esto sucede cuando los caracteres que contienen los descensores (como minúsculas p, g, j, y, yq) no se tienen en cuenta y el subrayado toca las formas de las letras. Esto puede causar una apariencia desordenada y fea y hacer que el texto sea menos legible.


Los descendientes y, g yp chocan con un subrayado, reduciendo la legibilidad.

Un buen subrayado se coloca debajo de la línea de base y omite los descensores. Ocultar el subrayado debajo de ciertos caracteres no solo mejorará la legibilidad sino que también se verá más refinado.


¿Cómo se evitar el problema de caída del descensor? Los enlaces en la web se diseñan con la decoración de texto: subrayan la propiedad CSS de forma predeterminada. Lamentablemente, esta propiedad no tiene en cuenta a los descensores.

Entre las soluciones que abordan este problema, la más simple es la propiedad CSS text-decoration-skip . Especifica qué partes del contenido de un elemento deben omitirse mediante la decoración del texto. Controla todas las líneas de decoración de texto dibujadas por un elemento y también cualquier línea de decoración de texto dibujada por sus antepasados.
La propiedad text-decoration-skip no es compatible en todos los navegadores, sin embargo. Alternativas ( como box-shadow ) valdría la pena explorar si su texto es difícil de leer sin él.

Si su navegador es compatible con la propiedad de omisión de decoración de texto, notará que los descendientes aquí (como y y p) tienen un pequeño espacio en blanco a su alrededor.

miércoles, 13 de diciembre de 2017

Endesa tarifa tempo happy si no eres discapacitado

video de la tarifa happy en la web de Endesa
Muchos discapacitados pasamos muchas horas en casa y otros necesitan los suministros como el eléctrico para sobrevivir pero a la hora de la verdad les dá igual a las grandes compañías como Endesa, que hay legislación en materia de accesibilidad,¡dá igual!, que tenemos obligación ¡dá igual!, total solo es el 20% de la población española sin contar con gente mayor. Es adecuado el nombre de la campaña, tarifa Tempo Happy es un tiempo que si eres sordo,!NO CUENTAS¡,pues cómo el video no es accesible no existes,me imagino la situación,-hola soy discapacitado auditivo quiero acogerme a la tarifa tempo happy por cierto me encanto el anuncio una pena que sea sordo y no pueda escucharlo-,-¡a¡ que usted es sordo disculpe pero no existe, ya si eso usted pague que nosotros nos reiremos de sus derechos-.
Hasta cuando estas empresas nos empezarán a considerar,seguro que el gobierno de turno sacara una ley para garantizar los derechos de los discapacitados yo ya empiezo a estar harto de leyes que cuando llega la fecha de cumplimento no pasa nada, yo ya creó que se rien de nosotros y que solo cada 4 años valemos.
Seguro que los diseñadores de turno y programadores web se preguntarán el porque no esta mejor posicionado en Google o YouTube,la respuesta es simple estos ciegos y solo buscarán archivos accesibles y vuestros videos no lo son.
video tarifa happy en YouTube

martes, 12 de diciembre de 2017

Smart Living Suite 3.0 una interfaz para Windows

Smart Living Desktop es una aplicación diseñada para proporcionar un entorno informático simplificado para quienes deseen disfrutar y tener las opciones disponibles de la amplia gama de recursos educativos, recreativos y de comunicación disponibles en una computadora con Windows, pero sin la complejidad del funcionamiento estándar del sistema. Smart Living Desktop proporciona un único método para acceder a cualquier tipo de contenido de la computadora o de internet; los usuarios simplemente hacen clic en el botón de imagen deseado en su pantalla, y Smart Living Desktop hace el resto.
interfaz simplificada de smart living suite 3.0
Smart Living Desktop cubre la complejidad del escritorio tradicional de la computadora con una pantalla simplificada y ordenada que se puede personalizar para satisfacer las necesidades de una o más personas que pueden compartir una sola computadora.

Más información:https://www.ablelinktech.com/

El futuro de la accesibilidad web,las WCAG 2.1

viernes, 8 de diciembre de 2017

Samsung y su app SeeColors

Samsung ofrece para sus televisores QLED TV la app SeeColors, que diagnostica diferentes tipos y grados de deficiencias en la percepción del color y que, según al resultado de la prueba, ajusta la configuración del color de la pantalla para que “los espectadores con daltonismo disfruten la experiencia de visualizar los colores con total precisión

Ultimo borrador de las pautas WCAG 2.1


web content accessibility guidelines WCAG 2.1

El 7 de Diciembre del 2017 se publico el ultimo borrador de las WCAG 2.1, se espera para finales de Enero del 2018 el borrador definitivo.Según se puede leer en el documento Estas pautas abordan la accesibilidad del contenido web en computadoras de escritorio, computadoras portátiles, tabletas y dispositivos móviles.
Algo a tener muy en consideración es que se pretende que los sitios que se ajusten a WCAG 2.1 también se ajusten a WCAG 2.0, lo que significa que cumplen los requisitos de cualquier política que haga referencia a WCAG 2.0, a la vez que satisfacen mejor las necesidades de los usuarios en la Web actual.
En una anterior entrada  en este blog llamada WCAG 2.1 lo que se espera, explico las mejoras que encontraremos en estas pautas pero hay que tener en consideración que son un paso previo a las 3.0.

jueves, 7 de diciembre de 2017

Herramientas de Evaluación de Accesibilidad Web

accessible e-mail validador de la accesibilidad en e-mail

En la pagina https://www.w3.org/WAI/ER/tools/ podras encontrar 96 herramientas  para una evaluación  automática.Las herramientas de evaluación automática de la accesibilidad web son programas de software o servicios en línea que lo ayudan a determinar si el contenido web cumple con las pautas de accesibilidad..

miércoles, 6 de diciembre de 2017

Microsoft Visio ayuda a simplificar y comunicar información compleja usando diagramas

logotipo de Microsoft Visio


Microsoft Visio ahora ofrece la capacidad de crear y construir diagramas accesibles, lo que debería facilitar a las personas con destreza limitada, baja visión u otras discapacidades trabajar con archivos y crear contenido visual claros y convincentes.Visio y Visio Online, ya incluyen características de accesibilidad clave como Alto contraste, soporte de lector de pantalla, comprobador de accesibilidad, Alt-text (alternativa textual) y Atajos de teclado.
Nuevas características de accesibilidad en Visio incluyen:

  • Creación más fácil de contenido accesible. Ahora puede usar un lector de pantalla para crear un diagrama accesible. Con su teclado y un lector de pantalla como JAWS o Narrador, el lector de pantalla incorporado de Windows, puede crear un diagrama detallado.
  • Navegación más fácil. opción de personalizar el orden de navegación.
  • Un intercambio más fácil . Además, los usuarios pueden ejecutar la herramienta Comprobador de accesibilidad en diagramas para garantizar el acceso completo. Este diagrama accesible también se puede guardar como un archivo PDF accesible para que se pueda compartir ampliamente, usando Alt-Text y orden de navegación definido. Los diagramas de Visio se pueden leer con un lector de pantalla, que lee los detalles de formato específicos como el tamaño, la posición y los detalles de color para las formas.

domingo, 3 de diciembre de 2017

Dia internacional de las personas con discapacidad

logotipos de diversas discapacidades

Es lamentable que en esta sociedad aún se tenga que celebran un dia para concienciar a la sociedad que existimos. Yo Voy hablar de la sociedad donde resido España. En España tenemos legislación para dar y tomar pero que se aplique es otro cantar, todavía tengo en la retina la imagen de la ministra que no veía un Jaguar en su garaje, anunciando la creación del real decreto 1/2013, eso si rodeada de los órganos representantes de las personas con discapacidad,si,hablamos de esos órganos que tienen a sus empleados discapacitados trabajando para ellos con condiciones pésimas.
La verdad yo estoy cansado de tanta legislación,me gustaria una y que se aplicara, es cómo la ley de accesibilidad en sitios web,no la cumples multa no cabe recurso y antes de 6 meses lo debes tener arreglado sino multa diaria, asi se dejaria de tonterias. Pero esto con todo accesibilidad en sitios publicos la LISMI...En eso se tendria que haber centrado los organos representantes de las personas con discapacidad y no solo en hacerse la  foto, aunque seamos serios eso es una escusa para entrar en el negocio de la sanidad, ya sea de servicios de limpieza,jardinería, kiosco...Cada persona tiene derecho a ganarse el pan pero usar a los discapacitados es deleznable, cómo el  duque empalmado que creo una sociedad del deporte para las personas discapacitadas y encima de no tener a ningún empleado con discapacidad se llevaba el dinero de todos los españoles.
Acabó con mi reflexión en un día así nos tendríamos que plantar y pensar que va mal y a donde vamos y lo más importante porque hemos dejado a los de siempre llevar la batuta de nuestro destino ademas sabiendo que ese destino nos lleva al desfiladero.

lunes, 27 de noviembre de 2017

WCAG 2.1 lo que se espera

Lo primero que se debe saber es que la WCAG 2.1 es un esfuerzo para llenar vacíos conocidos dentro de WCAG 2.0 y que WCAG 2.0 todavía están en vigor los principales puntos que tratan las WCAG 2.1 son la baja visión, móvil y la discapacidad cognitiva, Debido a que WCAG 2.0 se publicarón en el 2008.( Si  puedes recordar cómo eran los dispositivos móvil en ese momento), recordará que muchas cosas han cambiado en los dispositivos móviles, por lo que tiene sentido que WCAG no lo haya cubierto. Una cosa tiene que quedar clara.No hay conflicto entre las dos. Ese fue uno de los requisitos que WCAG lo aclaro bien desde el comienzo. Realmente son complementarias, por lo que puede seguir adelante y aplicar WCAG 2.0, luego añadir las 2.1, lo destacado es que algunos de los mejores cerebros del mundo están involucrados en esto.
logotipo de w3c con los principales navegadores

Lo que es súper alucinante es que el W3C es una organización completamente abierta y transparente. Desde el primer momento, WCAG 2.1 se ha escrito de forma que usted pueda verlo públicamente. Todos los minutos de todas las reuniones son públicos. Cada borrador es público. Todos los comentarios y preguntas para cada miembro son públicos, hasta el punto de que WCAG 2.1 se está creando en GitHub.

Informacion sacada del articulo de Glenda Sims:Understanding WCAG 2.1: What to Expect

viernes, 24 de noviembre de 2017

Microsoft Word creando documentos accesibles

logo de MS Word

Es bueno repasar la creación de documentos WORD accesibles partimos de la premisa que Microsoft Word es actualmente el procesador de textos más utilizado en el mercado, MS Word se usa a menudo para crear archivos PDF y HTML para sitios web. A pesar de algunos avances en los últimos años, la creación de contenido web accesible con Word no es un proceso sencillo.

Encabezados

Una estructura de encabezado uniforme suele ser la consideración de accesibilidad más importante en los documentos de Word. Cuando se encuentra con un documento de Word extenso, los usuarios de lectores de pantalla a menudo se desplazan rápidamente por la página y buscan texto en negrita los encabezados para tener una idea de su estructura y del contenido.

  • Título 1 suele ser un título de página o un encabezado de contenido principal. Es el encabezado más importante, y generalmente hay solo uno.
  • Título 2 es generalmente un encabezado de sección principal.
  • Título 3 es generalmente una subsección del título 2.
  • Título 4 suele ser una subsección del Título 3, y así sucesivamente, terminando con el Título 6 .
Desafortunadamente, es una práctica común crear un "encabezado" al cambiando el texto directamente en un documento de Word.resaltando el texto y aplicando un tipo de letra diferente. Si bien estos cambios realizados con estilo de fuente proporcionarán una estructura visual para algunos de sus usuarios, la estructura del documento necesaria para la navegación por usuarios de tecnología de asistencia Está perdida. Por esta razón, usa la herramienta de encabezado provista por Word.

Texto alternativo

Hay varias formas de proporcionar texto alternativo en documentos de Word:
Usando el campo Descripción en el campo Alt Text , O Proporcionando información sobre el contenido o la función de la imagen.
Cuando el texto equivalente no se puede proporcionar de manera unida en el texto cerca de la imagen, puede vincularlo a otra sección del documento (por ejemplo, un apéndice) o a una página web accesible.

Consejos para texto alternativo

Exacto y equivalente: 
No son necesarias más que unas pocas palabras; raramente una oración corta o dos pueden ser apropiadas.
NO será redundante: no brinde información que esté en el texto circundante.
NO use frases descriptivas: el software de lectura de pantalla identifica las imágenes, por lo tanto, no use frases como "imagen de ..." o "gráfico de ...".


Tablas de datos

El objetivo de las tablas de datos es presentar información 

Propiedades de tabla

Puede agregar propiedades a una tabla en un documento de Word. La primera fila en una tabla se puede identificar como una fila de encabezado. Esto proporcionará al usuario del lector de pantalla información adicional cuando el documento se exporte a PDF.


Los hipervínculos

En documentos de Word los hipervinculos les permiten a los usuarios visitar páginas web, navegar a encabezados y marcadores de Word y abrir enlaces de correo electrónico.Debido a que el texto de la URL puede no tener sentido para un usuario, es aconsejable editar el texto de enlace predeterminado de Word.

Principios para crear enlaces accesibles:

  • Use un texto de enlace descriptivo que no dependa del contexto
  • Mantenga la cantidad de texto en el enlace al mínimo.
  • Utilice texto subrayado con un color que se destaque
Evite el texto de enlace ambiguo que es difícil de entender fuera de contexto (por ejemplo, "haga clic aquí").

Listas y columnas

Las listas y columnas agregan una estructura jerárquica importante a un documento.
Tipos de lista
Hay dos tipos de listas utilizadas en Word: ordenadas y desordenadas.

Las listas ordenadas (numeradas) se utilizan para presentar un grupo de elementos (palabras, frases, oraciones) que siguen una secuencia:
Las listas desordenadas (viñetas) se usan para un grupo de elementos.


Comprobador de accesibilidad

Word para Windows proporciona un Comprobador de accesibilidad para identificar y reparar problemas de accesibilidad. Los resultados de la inspección del inspector clasifican los problemas de accesibilidad en tres categorías:
Errores: contenido que hace que un documento sea muy difícil o imposible de acceder para las personas con discapacidad.
Ejemplo: una imagen sin texto alternativo.

Advertencias: contenido que en la mayoría de los casos, pero no en todos, dificulta el acceso de las personas con discapacidad al documento.
Ejemplo: un enlace con texto que no es descriptivo de su función.

Sugerencias: contenido al que las personas con discapacidad pueden acceder, pero que podría estar mejor organizado o presentado.
Ejemplo: saltar de un encabezado de primer nivel a un encabezado de tercer nivel.

Otros principios

  • Use un lenguaje simple.
  • Asegúrese de que el tamaño de letra sea lo suficientemente grande, generalmente un mínimo de 11 puntos.
  • Proporcione suficiente contraste entre los colores del texto y los colores de fondo.
  • No use el color como la ÚNICA manera de transmitir contenido.
  • Tenga cuidado con el uso de filigranas(lenguajes técnicos). Pueden afectar la legibilidad y crear bajo contraste.
  • Proporcione una tabla de contenido para documentos largos.

jueves, 23 de noviembre de 2017

Borrador de HTML 5.3

LOGO DE LA W3C

Borrado de HTML 5.3 a 21 de Noviembre de 2017
HTML es el lenguaje de marcado principal de la World Wide Web. Originalmente, HTML fue diseñado principalmente como un lenguaje para describir semánticamente documentos científicos. Su diseño general, sin embargo, ha permitido que se adapte, en los años posteriores, para describir varios otros tipos de documentos e incluso aplicaciones.

Modo de subtitular los videos en Facebook

logotipo de Facebook


Para añadir subtítulos a un vídeo
Utilizando el formato de archivo SubRip (.srt). Puedes usar la herramienta Aegisub

  • Haz clic en Foto/vídeo en la parte superior de la sección de noticias o la biografía.
  • Haz clic en Subir fotos/vídeo.
  • Elige un vídeo del ordenador y haz clic en Publicar.
  • Recibirás una notificación cuando el vídeo esté listo para reproducirse. Haz clic en la notificación o en la fecha y la hora de color gris en la parte superior de la publicación en la sección de noticias o la biografía.
  • Coloca el cursor sobre el vídeo, haz clic en Opciones en la parte inferior y selecciona Editar este vídeo.
  • Haz clic en Elegir vídeo debajo de Subir archivos SRT y selecciona un archivo .srt de tu ordenador.
  • Haz clic en Guardar.


Para quitar los subtítulos de un vídeo que hayas subido:


  • Haz clic en el vídeo para ampliarlo.
  • Haz clic en Opciones en la parte inferior y selecciona Editar este vídeo en el menú.
  • Haz clic en la x que aparece junto al archivo que quieres eliminar.
  • Haz clic en Guardar.

martes, 21 de noviembre de 2017

La hipocresía del grupo parlamentario Ciudadanos

Lo que peor llevo en esta vida es la hipocresía hacia los que somos discapacitados, hace unos días ley la noticia La concejal en el Ayuntamiento de Madrid por Ciudadanos @sofia_miranda_ visita las instalaciones del @cesyaes en donde conoce nuestras herramientas para mejorar la #accesibilidad
twitt de sofia miranda visitando el CESya

Recordemos que el CESyA se denomina cómo: Centro Español del Subtitulado y la Audiodescripción, antes de nada decir que yo valoro mucho su trabajo en favor de las personas con diversidad funcional. Lo que me duele y mucho es que se nos use cómo tontos, en el video  MANIFESTACIÓN HISTÓRICA EN BARCELONA aparece Rivera besando a una discapacitada y la voz de Inés Arrimadas hablando de dignos en el futbol¡¡¡¡¡¡¡¡¡¡¡¡ alguien me puede decir que tiene que ver el fútbol con futuro.
subtitulado de la web de ciudadanos mezclando futbol con futuro

A buen entendedor pocas palabras bastan, fué hacerse la foto a un organo que se preocupa del subtitulado y los videos de la web de Ciudadanos no se molestan en berificar los subtitulos, es muy sencillo poner subtitulado automático y olvidarse, me parece deleznable.

Web del congreso anticuada no, lo siguiente

Cada vez que veo la web de el congreso no puedo más que reirmé por no llorar, ¿es que no dá verguenza?, si hay dinero para tonterias y no hay dinero para mejorar la primera impresión que recibe el usuario extranjero de nuestro gobierno.
web del congreso de los diputados escorandose por su diseño a la derecha
Si os fijais han dejado todo el lado derecho en blanco han usado para su diseño medidas absolutas no es de mucho entender lo que ocurrió, allá por 1999 (aproximadamente), en el diseño de la web la veían en un monitor antiguo una web que ocupaba toda la pantalla, que resolvía todas las necesidades pero llego la revolución, la gente ya no tenia esos monitores gordos, largos, se empezaba a usar otras medidas de pantalla de sistemas operativos otras resoluciones y lo que antes se veía en toda la pantalla pasó a escorarse a la derecha y en vez de adaptarse a lo que requería la sociedad, prefirieron seguir empeñandose en tener el mismo diseño de 1999.Ya hablé en esté mismo blog de la web del congreso con la entrada Web del congreso de los diputados, la vergüenza de Europa, la verdad sirvió de poco o nada espero que con esta reacionen,porque es de ley.

lunes, 20 de noviembre de 2017

WeCo biblioteca de accesibilidad

WeCO es una biblioteca donde podras encontrar documentos y entradas a blogs que tratan de los temas de accesibilidad web.
WeCO se define: WeCo is a company built by and for professionals living with disabilities.  That’s because we believe that people living with disabilities become experts at access simply by navigating their day-to-day lives.  WeCo’s Accessibility Specialist, Test Consultant and Staff Team careers translates into an exciting opportunity for people who may have been overlooked by traditional work environments. We consider this talented group of people our best-kept trade secret.

Los evaluadores que realmente viven con discapacidades le dan resultados claros y orientación. Es por eso que WeCo es la única compañía que actualmente capacita a los examinadores en todas las clasificaciones de discapacidad:

Smartvision2 dispositivo movil para personas mayores y discapacitados visuales

Actualmente es el único que ofrece un interfaz triple: pantalla táctil, teclado físico y sistema de reconocimiento de voz.En España se puede adquirir en  la tienda on-line tenyus software
Imagen de smartvision2 encendido
El precio de la gama básica es de 603,79 €, según el fabricante las principales caracteristicas de accesibilidad son:


  • Síntesis de voz clara y potente
  • Exploración táctil: vocalización de elementos afectados
  • Atajos de teclado (30+): marcación rápida, estado del teléfono, etc.
  • Elección del tamaño de fuente
  • Función de ampliación de texto personalizable con opciones de tamaño, contraste y velocidad de desplazamiento
  • Gestos de ampliación para ampliar la pantalla
  • Compatible con la gama de teclados Braille a través de Bluetooth
  • En este terminal, las tres funciones (OCR, GPS KAPTEN y LECTOR DE LIBROS) están en versión gratuita de demostración durante 15 días
  • Mas de 30 idiomas incluidos el Español
  • Vocalización de pantallas
  • Teclado fisico
  • Teclas arqueadas, para mejor detección
  • Teclado de navegación multidireccional, en la tecla central está el OK
  • Teclado numérico en 4 líneas
  • Pantalla Táctil de 4 pulgadas
En mi opinión aún preocupándose de la accesibilidad de los usuarios es un precio elevado para un terminal.




Todo lo que necesitas saber de una descripción en audio

Ejemplo de cómo es una descripción auditiva

viernes, 17 de noviembre de 2017

Rampa automática para discapacitados

El periódico ABC y su idea de UX

Leyendo por internet articulos sobre accesibilidad y usabilidad web me encontre con el articulo Entrevista con la responsable de UX Pilar López Pascual de la web abc.es ¿Qué es el UX?, en el  explica la importancia del diseño ux, las herramientas,la importancia del móvil en UX...La verdad un articulo interesante, aprobado en teoria pero pasemos a la realidad, según dicén en el articulo, el diseño UX son las siglas de User Experience, un concepto que engloba todos los aspectos relacionados con la experiencia de usuario,pero ¿de todos los usuarios o de unos pocos?, porque los usuarios con problemas de audición,¿ somos usuarios o no?.
No he tenido que ir muy lejos para entender que los usuarios discapacitados no les importamos nada o casi nada(casi nada si estas pagando la cuota), yo no entro en su linea editorial solo lo que un usuario discapacitado padece
Los videos de ABC.es carecen de un boton donde puedas leer el subtitulado

En el video que usan  para recriminar a Pablo Iglesias llamado: El recado de la Unión del Pueblo Leonés a Iglesias: «Que haga un curso de Historia»,¿donde esta el boton para el subtitulado?. otro aspecto que me a llamado la atención es que comienza automaticamente el anuncio de Frenadol, una pequeña recomendación, leanse las pautas WCAG 2.0 sobretodo el punto 2.2.2 que dice:  Poner en pausa, detener, ocultar: Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes: (Nivel A)
Movimiento, parpadeo, desplazamiento: Para toda información que se mueve, parpadea o se desplaza, que (1) comienza automáticamente, (2) dura más de cinco segundos y (3) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, a menos que el movimiento, parpadeo o desplazamiento sea parte esencial de una actividad; y
Actualización automática: Para toda información que se actualiza automáticamente, que (1) se inicia automáticamente y (2) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, o controlar la frecuencia de actualización a menos que la actualización automática sea parte esencial de una actividad.
Se pueden"agarrar" en la excepción 3, que dice. Para el contenido que es actualizado periódicamente por medio de un software, o que se sirve a la aplicación de usuario por medio de streaming, no hay obligación de preservar o presentar la información que ha sido generada o recibida entre el inicio de la pausa y el reinicio de la presentación; no sólo podría no ser técnicamente posible, sino que además en muchas ocasiones podría ser erróneo o engañoso hacerlo.
Yo no me agarraria muy fuerte. Es cierto que no tienen que estar con la ley pero si deben cumplir con todos o la mayoría de usuarios. Para acabar no es conveniente usar el alt o texto alternativo para repetir el encabezado de la noticia.
texto alternativo del periodico ABC igual que el titular

jueves, 16 de noviembre de 2017

Buffer y el texto alternativo

El dia 15 de Noviembre de 2017 la ingeniería de Buffer Emily Plummer público en un twitter la noticia la extensión de búffer ahora admite texto alternativo para imágenes.
Buffer es la forma más simple y sencilla de programar publicaciones, realizar un seguimiento del rendimiento de su contenido y administrar todas sus cuentas en un solo lugar.Es fácil agregar texto alternativo a las imágenes usando la extensión de búffer.
Logotipo de Buffer



  • Subir una imagen o elegir entre las imágenes sugeridas

  • Seleccione la imagen

  • Agregue el texto alternativo (limitado a 420 caracteres).

  • Selecciona guardar para compartir tu publicación





miércoles, 15 de noviembre de 2017

Tamaño del texto en WCAG 2.1

Mirando el los blog de  la gente que precisa de la accesibilidad web y esta trabajando para que llegue a  la gente, me he  encontrado con la entrada de blog de Low Vision Task Force (LVTF) en el hablan de las nuevas pautas WCAG 2.1 referido a la fuente.
diferentes fuentes de texto

Antes de analizar las WCAG 2.1 y la fuente tratan de explicar un antiguo mito diciendo. Fue cierto en la era IE5-6, donde el tamaño del texto era el método principal para hacer que el contenido fuera más grande. Técnicamente todavía evita el tamaño del texto en algunos navegadores (por ejemplo, Internet Explorer)
Es sabido que ahora explorer pasó a Edge.
Pero yendo al asunto de las fuentes y las pautas WCAG 2.1 se dice:
1.4.4 Cambiar el tamaño del texto : a excepción de los leyendas y las imágenes de texto, el texto se puede redimensionar sin tecnología de asistencia hasta en un 200 por ciento sin pérdida de contenido o funcionalidad.(pauta igual en WCAG 2.0  y en 2.1.
- WCAG 2.0
Esto significa que debe poder cambiar el tamaño del contenido (no excluye el zoom) para que el texto sea un 200% más grande. No tiene ningún requisito sobre el desplazamiento horizontal, lo que lo hace bastante inútil en estos días, ya que cada sitio puede ampliarse (el zoom no era común cuando se escribió WCAG 2.0).

Reflujo: el contenido puede presentarse con un ancho equivalente a 320 píxeles CSS sin pérdida de información o funcionalidad, y sin necesidad de desplazarse en dos dimensiones, excepto en las partes del contenido que requieren un diseño bidimensional para su uso o significado.

Con este requisito, las personas deberían poder leer cosas en tamaños más grandes sin tener que desplazarse hacia atrás y hacia adelante, y evitar las cosas que faltan fuera de la pantalla.

Otro nuevo requisito del (borrador) de WCAG 2.1:

Si las tecnologías que se utilizan permiten que el agente de usuario adapte las propiedades de estilo del texto, no se produce ninguna pérdida de contenido o funcionalidad esencial al adaptar todo lo siguiente:
Altura de línea (espaciado de línea) a al menos 1,5 veces el tamaño de fuente;
Espaciar debajo de los párrafos al menos 2 veces el tamaño de la fuente;
Espaciado de letras (seguimiento) a por lo menos 0,12 veces el tamaño de fuente;

Espaciado de palabras a por lo menos 0,16 veces el tamaño de la fuente.

Este requisito permite a las personas anular los estilos con su propia familia de fuentes, altura de línea y espaciado entre letras
Estos tres requisitos juntos significan que las personas deberían poder cambiar el tamaño del contenido de manera más significativa que ahora y anular ciertos aspectos.

Accesibilidad Informativa

lunes, 13 de noviembre de 2017

El mejor captchas, no tener que usarló

Los captchas se inventaron para proteger los sitios web del spam. Pero en el momento actual no hay uno accesible completamente así que la mejor decisión es no usarlos.
Imaginese que ha pasado una eternidad rellenando un formulario. Finalmente llegas al final y encuentras esta pregunta.
Demuestra que no eres un robot. Haz clic en los animales de la imagen.

Tu no puedes ver ninguno pero te dán una alternativa.
Demuestra que no eres un robot. soluciona el axioma de Craws dejando dos variables x.

Son ejemplos ridículos de lo que se encuentra la gente con discapacidad,  ya sea visual, auditiva o psiquica.

DE IMAGENES

Unos ejemplos el captchas de Facebook.
captha de Facebook
Ideal para la gente deficiente visual que no ve las imágenes.

PROBLEMA MATEMÁTICO

Captcha de resolucion de un problema matematico
Es un problema para las personas con problemas de atención, es cómo si les pusieras una raiz cuadrada.


DE DOS PALABRAS

Captcha de dos palabras

El problema es para los dislexicos


DE AUDIO


Muchos captchas ofrecen una alternativa de audio. Intenta escuchar el próximo que encuentres y entenderás por qué no es lo suficientemente accesible. Puede ser realmente difícil escuchar el mensaje, ya que tiene que estar lo suficientemente distorsionado como para que las computadoras no puedan resolverlo.Otro problema con el captcha de audio es que el icono suele ser muy pequeño y difícil de encontrar. Los usuarios de lectores de pantalla también tienden a tener problemas ya que el audio comienza a reproducirse antes de encontrar el campo para ingresar el texto. 


La soluciónes: Según veo yo es mezclar dos opciones, la opción  que activas tu en la web  y la opción que te dá el servidor, ejemplo.  yo relleno un formulario me pide mi numero de movil, a el le llega un codigo que sino le inserto no activa el formulario.
otra opción es la Seguridad biométrica Su dispositivo probablemente tenga una cámara o una pantalla inteligente / panel táctil,  los desarrolladores desean aprovechar ese hecho para mayor seguridad. ¿Qué es más fiable que sus ojos, cara o huella dactilar, verdad? Aprovechar los datos de su cuerpo hará mucho para limitar la capacidad de los spammers para crear cuentas de correo electrónico.



domingo, 12 de noviembre de 2017

Homenaje a Chiquito

Somos muchos los que hemos crecido con las frases de ese- fistro duadenal- y los que hemos reido o imitado sus andares para hacer una gracia. Los que desarrollamos web también deseamos rendir un pequeño homenaje. La mayoría de los diseñadores y desarrolladores web hemos usado alguna vez la web lorem ipsum, esa web que nos sirve para añadir texto esperando el texto definitivo del cliente, cómo homenaje se a creado chiquito ipsum, solo se puede crear tres párrafos cómo máximo.

imagen  con frases tipicas de chiquito la calzada

Lorem fistrum de la pradera tiene musho peligro te va a hasé pupitaa. Ahorarr papaar papaar de la pradera a wan pecador te voy a borrar el cerito a peich papaar papaar ese pedazo de

viernes, 10 de noviembre de 2017

Microsoft Eye Control demo - compatible with Tobii Dynavox eye trackers

Una decisión en una fracción de segundo que camb...

Desgraciadamente casos cómo el siguiente ocurren  mucho,  una noche de borrachera, demostrar tu valentia tirandote a un lugar sin fondo....Hay demasiados pero la vida continua tienes que reacerte y seguir viviendo por suerte la tecnología a evolucionado mucho y donde antes habia un discapacitado al que tenian que esconder de la sociedad, ahora hay una persona que con sus limitaciones puede tener una vida practicamente plena.
Para los usuarios que no pueden usar un mouse o teclado para controlar su computadora, Eye Control presenta un punto de entrada de seguimiento ocular. Tener acceso a tu computadora a través de Eye Control les brinda a los individuos una forma de comunicarse, la posibilidad de permanecer en la fuerza laboral y ¡mucho más!

Para empezar, todo lo que necesita son tres cosas:



Los Eye Trackers de Tobii Dynavox, junto con la funcionalidad de zoom de Windows Control, le permiten alcanzar incluso los objetivos más pequeños de la pantalla, casi con precisión de píxeles, una y otra vez.

jueves, 9 de noviembre de 2017

Creación de tablas accesibles

El propósito de las tablas de datos es presentar información tabular y tener columnas o filas que muestran el significado de la información. Los usuarios videntes pueden escanear visualmente una tabla y pueden crear rápidamente asociaciones visuales entre los datos de la tabla y sus encabezados de fila y / o columna apropiados. Los usuarios que no puede ver la tabla no puede hacer estas asociaciones visuales, por lo que el marcado adecuado se debe usar para hacer una asociación programática entre los elementos dentro de la tabla. Cuando el marcado HTML es correcto y está en su lugar, los usuarios de lectores de pantalla pueden navegar a través de las tablas de datos de una en una, y oirán los encabezados de columna y fila.
TABLA DE DATOS ACCESIBLE

Conocer el contenido de la tabla

Las tablas de datos muy a menudo tienen un breve texto descriptivo antes o después, que indica el contenido de esa tabla. Este texto debe estar asociado a su tabla respectiva usando el <caption>. El <caption>elemento debe ser lo primero después de la <table>etiqueta de apertura .
<table>
<caption>Tazas de cafe</caption>

Encabezados de fila y columna

Un paso crítico hacia la creación de una tabla de datos accesible es designar encabezados de fila y / o columna. En el marcado, el <td> se utiliza para celdas de datos y el <th>se usa para celdas de encabezado.

Asociar las celdas de datos con los encabezados

El atributo scope es el encargado:identifica si un encabezado de tabla es un encabezado de columna o un encabezado de fila.

<table>
  <tr>
    <th></th>
    <th scope="col">Month</th>
    <th scope="col">Savings</th>
  </tr>
  <tr>
    <td scope="row">1</td>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td scope="row">2</td>
    <td>February</td>
    <td>$80</td>
  </tr>

</table>

SINTASIS

<td scope="col|row|colgroup|rowgroup">


USAR TAMAÑOS RELATIVOS A ABSOLUTOS


Si es necesario definir el ancho de las celdas, use valores relativos, como porcentajes, en lugar de valores de píxel. En general, se deben evitar las alturas definidas de las celdas para que la celda pueda expandirse hacia abajo para acomodar su contenido, algo especialmente útil para usuarios con baja visión que pueden ampliar el contenido del texto.

El atributo summary de la <table> se puede usar para proporcionar un resumen de una estructura de tabla de datos, el soporte para el resumen varía, pero, en general, es específico del lector de pantalla (no es accesible para nadie más).

Los elementos theady tfoot definen las filas de encabezado y pie de página para las tablas. No proporcionan ninguna funcionalidad de accesibilidad y generalmente solo se usan cuando se imprime una tabla larga

miércoles, 8 de noviembre de 2017

Accesibilidad Digital – Actividad Ponerse en el lugar del otro

Mercavalencia ¿una web accesible sin encabezado?

noticia sobre la web de mercavalencia
Tengo en mi correo de Gmail una alerta sobre noticias referidas a  la accesibilidad web y me he encontrado con la noticia-La nueva web de Mercavalència: información útil, al día y universalmente accesible-
Me he dicho una buena noticia para los discapacitados valencianos pero pronto he visto que mi gozo en un pozo.
pagina principal de mercavalencia

Al entrar en los encabezados me he encontrado con <h1> vacios.
falta de encabezados H1

Según mi opinión no entiendo cómo puedo comenzar una web dejando los h1 vacios, en la web de WebAIM se mencionan 10 simples consejos para mejorar la accesibilidad en la web, en el punto 5 se dice: El título de la página (que no debe confundirse con el <title>elemento, aunque debe ser breve y descriptivo del contenido de la página) es generalmente el texto grande y en negrita al principio del contenido principal que describe el contenido o la funcionalidad de esa página. Si bien una buena estructura de encabezado para todo su documento es excelente para la accesibilidad, simplemente haciendo que el título de su página principal sea un <h1>facilitará la navegación y la comprensión de la página.
En la web cómo ya he mencionado antes no hay ninguna referencia a los <h1>, el principio numero 4 de la WCAG 2.0 Robusto - El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las ayudas técnicas.
Desconozco cómo es una web accesible ty dentro de la ley si esta fuera de ella
Supongo que la presentación erá para presentar mejoras en la web de mercavalencia.

martes, 7 de noviembre de 2017

CIS, el gráfico de la situación politica no importa


grafica de la situación politica con acromatosia
grafico de la situacion politica con vision normal

Ya sé que es mucho trabajo y es difícil cobrar un sueldo por hacer graficas de excel pero si estás allí ¿que importa hacer tu trabajo bien?, ¿es mucho pedir?.
Una persona sin problemas de  visión podrá entender el gráfico, cada linea marca un sentido pero cómo sufras acromatopsia te quedas sin entender el gráfico (gráfico primero o gráfico en blanco y negro), supongo que las cabezas pensantes del CIS dirán-bua¡, son 3 gatos-, si pero esos tres gatos están pagando tu sueldo, tu hipoteca y porque no, el colegio privado de tus hijos. La verdad no me  extraña esta falta de consideración hacia las personas con diversidad funcional, ya que la web usa el nivel A de las WCAG 1.0¡ anda que no esta desfasada desde 1999 no han tenido tiempo de pensar en cómo hacer que los gráficos lo puedan entender los discapacitados visuales.
Personalmente una institución del gobierno, que esta fuera de la ley en lo que se refiere a accesibilidad web poco me puede dar de seguridad referido a sus datos, lo principal son sus clientes, en este caso la población y no les tiene ningún  respeto, solo el dia de cobro.


domingo, 5 de noviembre de 2017

Mapfre,por si no queda claro te lo repito

Deseaba conocer las opciones que me da Mapfre para contratar un seguro pero no me gusta que me repitan lo que pueden hacer por mi, con que me lo digan una vez basta pero Mapfre en su carrusel me informa no una sino dos veces de lo mismo.
Ya sé que hacen planes de pensiones no me lo tienen que repetir.
 Cómo soy muy cotilla he querido saber el porque de estos dos alt, he entrado en su código fuente y he encontrado una explicación, tienen dos imágenes parecidas una se visualiza si la pantalla es 320*250 (medida de móviles, tablet....) y otra si el dispositivo de salida es una pantalla de ordenador.
Personalmente soy de las personas que creen en la universalidad de la web y que se tiene que ver igual en cualquier dispositivo, la gente me dice que son errores minimos y sin importancia,bueno serán mínimos y sin importancia pero si esta sociedad no se exige al final seremos eso el pais sin importancia.
El profesor Sergio Lujan Mora en su web y blog explica perfectamente como usar Alt y lo que debe comunicar, el dice:Este atributo especifica texto alternativo para agentes de usuario que no puedan mostrar imágenes, formularios o aplicaciones
 Es un atributo opcional que se puede emplear en algunas etiquetas HTML para ofrecer información adicional o alternativa sobre un elemento. Su utilidad depende plenamente del programa que se emplee para visitar (ver u oir) las páginas web, ya que si no lo tiene en cuenta el programa, de nada sirve este atributo.
Ya que es opcional y en esta ocasión se usa, supongo que tendrá algún objetivo poner alt="defaultalt" en la imagen de seguros de decesos.

Es una web referida a la accesibilidad pero lo que no me gusta es que tu la veas diferente segun el dispositivo que uses.

jueves, 2 de noviembre de 2017

Persona ciega muestra como usa JAWS

Cuando he visto esté video me he acodado del subtitulado y que la ONCE a cada afiliado facilita una serie de licencias para usar JAWS, también me he acordado de que la UNED, publica sus videos sin ser accesibles y no es por falta de recursos pero es que son funcionarios,¿que puedes pedir?




Tutorial de accesibilidad,los formularios ese mundo perdido

Para muchos ese mundo perdido, los formularios se usan comúnmente para proporcionar interacción del usuario en sitios web y en aplicaciones web. Por ejemplo, iniciar sesión, registrar, comentar y comprar.
Un consejo muy fácil de recordar: No hagas un formulario con muchos campos, al haber muchos los usuarios se aburren y lo dejan, mejor sé conciso.
Los formularios no deben estar sujetos a un límite de tiempo para permitirles a los usuarios completar el formulario a su ritmo. Si se debe establecer un límite de tiempo, por ejemplo, por razones de seguridad, el usuario debe tener la opción de apagarlo o ampliarlo. Esta norma no se aplica si el límite de tiempo se debe a un evento en vivo, como una subasta o un juego, o si el tiempo para completar el formulario es esencial para una presentación válida.
vista de un formulario simple


Los formularios accesibles son más fáciles de usar para todos, incluidas las personas con discapacidades.

Las personas con discapacidades cognitivas pueden comprender mejor el formulario y cómo completarla, ya que al hacer que los formularios sean accesibles mejora la estructura del diseño, sobretodo las instrucciones.

Las personas que usan la entrada de voz pueden usar las etiquetas a través de comandos de voz para activar controles y mover el foco a los campos que tienen que completar.

Las personas con destreza limitada se benefician de las grandes áreas que incluyen las etiquetas, especialmente para controles más pequeños, como botones de opción y casillas de verificación.

Las personas que usan lectores de pantalla pueden identificar y comprender los controles de forma más fácilmente porque están asociados con etiquetas, conjuntos de campos y otros elementos estructurales.

Criterios que afecta en WCAG 2.0:

1.3.1 Información y relaciones: (Nivel A)

2.4.6 Encabezados y etiquetas: (Nivel AA)

3.3.2 Etiquetas o instrucciones: (Nivel A)

4.1.2 Nombre, función, valor:(Nivel A)

Muy importante: Controles de etiquetado

Proporcione etiquetas para identificar todos los controles de formulario, incluidos campos de texto, casillas de verificación, botones de opción y menús desplegables. En la mayoría de los casos, esto se hace mediante el uso del <label>.
Esconder el texto de la etiqueta

Etiqueta oculta:

Una etiqueta para un control de formulario ayuda a todos a comprender mejor su propósito. En algunos casos, el propósito puede ser lo suficientemente claro desde el contexto cuando el contenido se representa visualmente. La etiqueta se puede ocultar visualmente, aunque todavía debe proporcionarse dentro del código para admitir otras formas de presentación e interacción, como para el lector de pantalla y los usuarios de entrada de voz.
En este enfoque, el <label>elemento se proporciona para identificar un control de formulario dentro del código, pero se oculta visualmente para evitar la redundancia para los usuarios que pueden derivar el propósito de las indicaciones visuales.

FRAGMENTO DE CÓDIGO:
<label for="search" class="visuallyhidden">Search: </label>
<input type="text" name="search" id="search">
<button type="submit">Search</button>


Información sacada de: Forms Concepts tutoriales de la W3C
EJEMPLO:

 
FRAGMENTO DE CÓDIGO: HTML
<label for="firstname">First name:</label>
<input type="text" name="firstname" id="firstname"><br>

<input type="checkbox" name="subscribe" id="subscribe">
<label for="subscribe">Subscribe to newsletter</label>