martes, 31 de mayo de 2016

La importancia de una revión manual de la accesibilidad


Resultado de analisis con TAW

En Internet existen multitud de herramientas que revisan la accesibilidad de un  sitio o página web pero esta demostrado que aparte de ese análisis se necesita uno manual, a los evaluadores automáticos  se le puede engañar.

Automated tools are useful to determine accessibility problems in a digital platform and are great for providing developers, designers and content authors with an insight on issues to fix. Without expert knowledge of accessibility and W3C guideline compliance, it can be difficult to know where to start.

Lo ideal que antes de publicar una pagina aparte de manejarla desde el teclado,mirar si existen videos con subtitulos....Es que varios usuarios la usen.

Lista de validadores automáticos de accesibilidad


lunes, 30 de mayo de 2016

accesibilidad en videos



¿Quien precisa de esta característica?

Las personas sordas y no pueden escuchar el audio.

Las personas con problemas de audición y no pueden escuchar algunos de los contenidos.

Las personas con discapacidades cognitivas y de aprendizaje que necesitan para ver y escuchar el contenido para entenderlo mejor.



¿Cuáles son los beneficios adicionales?

El contenido puede ser utilizado en ambientes ruidosos donde no se puede escuchar el audio.

El contenido puede ser utilizado en ambientes silenciosos donde no se puede usar el audio.

El contenido puede ser mejor entendido por la gente oyendo y viendo la información, por ejemplo, personas que son menos fluidez en el lenguaje hablado.

El contenido puede ser transcrito más fácilmente utilizando los subtítulos, que también mejora la indexación por los motores de búsqueda.



¿Qué tiene que pasar para que esto funcione?

Los títulos deben ser puestos a disposición con contenido de vídeo pregrabado y en directo. software de reconocimiento de voz puede ayudar a crear subtítulos para vídeos simples. A veces el software de reconocimiento de voz está integrado en el ordenador o las redes sociales plataforma, aunque a menudo los subtítulos generados automáticamente necesitan edición. Para muchos idiomas existen servicios de subtítulos que sean asequibles.

El mejor navegador para usuarios de lectores de pantalla

navegadores principales

La última encuesta WebAIM publica estos resultados.

  • Internet Explorer 10 (34,9%)
  • Firefox (30,1%)
  • Internet Explorer 6, 7 o 8 (12,8%)
  • Safari (7.9%)
  • Cromo (6,3%)
  • Internet Explorer 9 (5.8%)
teniendo en consideración que algunos navegadores no salieron antes del 2008 es desalentador aún no se a actualizado los datos pues aún no se recoge Edge

viernes, 27 de mayo de 2016

Pautas de accesibilidad al contenido en la Web según Wikipedia

icono de wikipedia

Wikipedia la biblioteca de Internet tiene una entrada a la accesibilidad web, en ella se recogen las prioridades WCAG 1.0 o las pautas WCAG 2.0, habla de legislación pero no es la española sino inglesa.

miércoles, 25 de mayo de 2016

Video de porque estructurar bien tu web





¿Porque estructurar bien?



Las diferentes partes de una página web deben ser fáciles de localizar e identificar. A veces no es fácil de identificar cosas como menús de navegación, enlaces y contenido. Las etiquetas pueden ser difíciles de identificar y asociarse con sus correspondientes campos de formulario y los controles.



¿Quien se beneficia de esta característica?



Las personas con baja visión que están utilizando ampliación de la pantalla y sólo ven una parte de la pantalla a la vez.

Las personas con discapacidades cognitivas y de aprendizaje que necesitan claridad y coherencia para orientarse en un sitio web.



¿Cuáles son los beneficios adicionales?



El contenido es más útil para las personas que son nuevos en el sitio web o aplicación en particular.

El contenido es más útil para las personas que no tienen confianza en el uso de las computadoras y la web.

El contenido es más fácil de usar para los usuarios de dispositivos móviles que están viendo en las pantallas más pequeñas, sobre todo si se encuentran en un apuro o distraído.

El contenido y la funcionalidad es más fácil de localizar e identificar por la mayoría de los usuarios.



¿Qué tiene que pasar para que esto funcione?



Diseñar una estructura clara, tanto visualmente como a través del margen de beneficio. Por ejemplo, el grupo de entrada y los controles relacionados en un formulario, y proporcionar cabeceras para identificar los grupos. Proporcionar presentación y comportamiento de los componentes de la página web consistente.

martes, 24 de mayo de 2016

¿Cómo explicar qué es la discapacidad a los niños?

¿Cómo explicar qué es la discapacidad a los niños?

Muchos padres no saben explicar bien a sus hijos el tema de la discapacidad, en mi caso personan cuando voy por la calle y un niño te mirá porque nunca a visto una persona en silla de ruedas no me ofendo asumo que es un niño y le estoy rompiendo los esquemas pero luego esta la función de los padres que tienen que explicarles el porque y que somos personas. En el articulo ¿Cómo explicar qué es la discapacidad a los niños?, te vienen una serie de puntos a seguir para explicar bien este tema.

1.- Busca el momento idóneo
Tal vez puede ser cuando tu hijo pregunte sobre alguien, ya sea en la calle ó el ingreso de un compañero en su clase; aprovecha ese momento para hablar del tema, recuerda dar respuestas concretas y lo más sencillas que se pueda.
2.- Respuestas claras y concretas
Pregunta sus dudas y responde de manera sencilla, sin rodeos y como son las cosas, evita expresiones despectivas como “el niño down” ó “la niña autista”, explica y utiliza los nombres destacando antes que nada que son niños “Diego es un niño con autismo” y evita hacer comparativos utilizando términos como “normal” pues automáticamente ellos catalogan que los otros son “anormales” y ya estas señalando una diferencia.
3.- Resalta el respeto
Explícale que el trato a una persona con discapacidad es igual al de cualquier persona, no debe haber diferencias. A nosotros los adultos, no nos enseñaron que no hay que temer a la discapacidad y muchas veces nuestras reacciones son  de lastima, evitando miradas y evitando hablarles, enseña a tu hijo a diríjanse a la persona o niño con discapacidad como cualquier otro.
4.- Encuentra otras maneras de reafirmar lo aprendido
Si aún tienes dudas de darle información incorrecta a tu hijo, puedes acércate a la mamá o al familiar del niño para que te ayude a conocer más del tema y como puedes ayudar.
Promueve e incluyan en su vida el trato de personas con discapacidad, puedes invitar a la fiesta de cumpleaños al vecino ó al niño de la clase que tiene alguna discapacidad, seguramente harás muy felices a esa familia al niño(a) y trátenlo como alguien más, no hagas diferencias.
Si salen de paseo y encuentran un niño con discapacidad, no hagan diferencias, enséñale que el trato debe ser igual que al de otros niños.

El regalo


Y finalmente tú como padre ó madre de familia, apertúrate a encontrar las fortalezas de las personas con discapacidad, en tú trabajo , en la calle, voltea bríndales una sonrisa y no tengas miedo, el trato es igual al de cualquier persona, las personas con discapacidad tienen inteligencias sorprendentes y pueden brindarte grandes experiencias y ejemplos de vida para ti y tu familia.

jueves, 19 de mayo de 2016

La importancia de poder mamejar un web desde el teclado



¿Porque es importante la compatibilidad del teclado?

Toda la funcionalidad necesita ser operativa desde el teclado. Es decir, los usuarios pueden acceder y moverse entre enlaces, botones, formularios y otros controles utilizando la tecla Tab y otros accesos directos. Los sitios web no deben requerir un ratón; por ejemplo, calendarios pop-up también deben permitir que los usuarios escriben en una fecha.



¿Quien depende de esta característica?

Las personas con discapacidad física que no pueden usar el ratón.

Las personas que son ciegas, y no puede ver el puntero del ratón en la pantalla.

Las personas con enfermedades crónicas, tales como lesiones por estrés repetitivo (RSI), que no deben usar un ratón mucho.



¿Cuáles son sus beneficios adicionales?

Contenido funciona para las personas con limitaciones temporales, como un brazo roto o un ratón roto.

obras de contenido en más situaciones, como por ejemplo con los teclados en pantalla y terminales de uso público sin un ratón.



¿Qué tiene que pasar para que esto funcione?Que los controles nativos HTML, como enlaces, botones y elementos de formulario, trabajan con el teclado por defecto. Controles hechos a la medida, CSS estilos y scripts que controlan la interacción pueden necesitar codificación adicional para la compatibilidad de teclado. Markup el orden de tabulación para que la navegación por el contenido y los controles seán lógico. Proporcionar una forma para que los usuarios puedan saltar entre grupos de controles. Problemas de teclado se producen sobre todo en las formas, los menús y las aplicaciones con muchos controles.

miércoles, 18 de mayo de 2016

Porque un texto tiene que ser comprensible

Lo que es el contenido
El contenido tiene que ser fácil de seguir y entender. Para la mayoría de contenido, esto significa simplemente evitar frases excesivamente complejas y jerga, y la disponibilidad para el diseño y el diseño claro. Para algunos contenidos complejos, tales como información médica, información por separado, fácil de leer puede ser necesario.

¿Quien depende de esta característica?
Las personas con discapacidades de aprendizaje que no pueden comprender estructuras de oraciones complejas y vocabulario.
Las personas con discapacidades cognitivas que tienen dificultad para concentrarse en largos pasajes de texto denso.

¿Cuáles son los beneficios adicionales?
El contenido es más útil para las personas con habilidades lingüísticas inferiores, como los hablantes no nativos y personas con bajo nivel de alfabetización.
El contenido es más fácil de entender para los usuarios que no están familiarizados con el tema.
El contenido es más fácil a la vista general  y  se obtiene una visión general de la información.

¿Qué tiene que pasar para que esto funcione?
Evitar las palabras excesivamente complejas, jerga, los acrónimos, o proporcionar explicaciones cuando tienen que ser utilizados. Proporcionar la estructura mediante encabezados, listas, y el espaciamiento. Ilustra con imágenes que aclaren el contenido y a menudo son útiles. Proporciona un diseño claro
dibujo de entender un texto

lunes, 16 de mayo de 2016

Diseño para Daltonicos

Imagenes para personas daltonicas

No percatamos que 1 de cada 10 visitantes sufre un problema de visión, nos percatamos porque no nos afecta directamente pero son personas y tienen los mismos derechos que tu. Recomiendo leer el articulo “Designing For (and With) Color Blindness” (Diseñar para los daltónicos, siendo daltónico). El autor de esté articulo Aaron Tenbuuren resulta que es daltónico y curiosamente diseñador.

viernes, 13 de mayo de 2016

Nuevas propiedades de Narrador de Windows 10


Icono de Windows 10

Kelly Ford es el gerente senior de programas del equipo de accesibilidad de Windows. publico en el blog de Microsoft una serie de rutas que mejoran el uso del lector de pantalla de Windows 10 llamado Narrador.

  • Modo de escaneo
Cuando este modo está activado, puede utilizar las teclas de flecha arriba y abajo para desplazarse por las aplicaciones y contenido web,se puede presionar la barra espaciadora para activar un elemento de interés.El modo de escaneado tiene varias teclas de acceso rápido adicionales, como se ve en la tabla de abajo.
LlaveDescripción
CAPS LOCK + ESPACIOScan Mode Toggle
ESPACIOActivar el artículo con enfoque en el modo de escaneo
ENTRARHacer una acción secundaria sobre el tema, con especial atención cuando se soportan
MARIDOPasar a la siguiente partida
SHIFT + HMover a la anterior encabezado
ALT + FLECHA ABAJOMover a la anterior encabezado
ALT + FLECHA ARRIBAMover a la anterior encabezado
PPasar al siguiente párrafo
SHIFT + PMueva con el párrafo anterior
FLECHA ABAJO CTRL +Pasar al siguiente párrafo
CTRL + FLECHA ARRIBAMueva con el párrafo anterior
KPasar al siguiente enlace
SHIFT + KMover a la anterior enlace
reSiguiente punto de interés
SHIFT + Danterior hito
TMover a la siguiente tabla
SHIFT + TMover a la tabla anterior
CTRL + ALT + FLECHA IZQUIERDAMover a la izquierda en una celda de una tabla
CTRL + ALT + flecha derechaMover a la derecha en una celda de una tabla
CTRL + ALT + FLECHA ABAJOBajar una celda de una tabla
CTRL + ALT + FLECHA ARRIBAPasar a una celda de una tabla

  • Modo detallados
Da más exactitud de como lee el documento
NivelResumenAlgunos ejemplos
CeroSolo textoEscuchar el texto y eso es todo.
UnoEncabezado y erroresAyuda con algunos conceptos básicos en la web y de escritura diaria errores en mensajes de correo electrónico. Contiene información tal como: niveles de título, y los errores en documentos tales como ortografía, la gramática, y otros.
DosFormato básicoDiseñado sobre la base de la información se encuentra comúnmente en los correos electrónicos y páginas web. Contiene estilos viñetas y el tipo de peso (en negrita), subrayado, cursiva, subíndice, superíndice, y color.
Tresotros AnotacionesPie de página, encabezado, y desconocido.
Las cuatroEl formato extendidoNombre de la Fuente, Tamaño de fuente, otros estilos de lista.
CincoDiseño y animación de informaciónEl párrafo comienza con un guión, el tipo de animación, y otros datos.

  • Modo de puntuación
Te dá más control sobre la cantidad de puntuación que se oye con la lectura del texto
  • Más rápido de texto a habla Voces
Han añadido tres nuevas voces a Narrador que ofrecen una velocidad de dicción mucho más rápida. Nuestra voz corriente tiene un promedio máximo de alrededor de 400 palabras por minuto. Las tres nuevas voces tienen un promedio de casi el doble aproximadamente a 800 palabras por minuto
  • Anuncios AutoSuggest( o Cortana por voz)
Con Narrador ahora obtendrás una ayuda verbal con una indicación de audio cuando estas sugerencias están disponibles

jueves, 12 de mayo de 2016

Diferencias entre Usabilidad y Experiencia de Usuario

usabilidad web en la práctica

El objetivo de la usabilidad, en el contexto de una web, es conseguir que esta sea fácil de utilizar.

La experiencia de usuario hace referencia a la satisfacción conseguida en el usuario durante su interacción con el sitio

¿Puede haber usabilidad sin una buena experiencia de usuario? Sí.
 Por ejemplo, imagina que un usuario visita tu web y cumple fácilmente el objetivo que tenía en mente: buscar, encontrar y comprar un producto.Sin embargo, el producto resulta no estar en stock, a pesar de haberse cargado el importe a su tarjeta, y el usuario debe ponerse en contacto contigo para solucionarlo todo.
Otro ejemplo, si en la web de un restaurante es imposible encontrar la carta porque está oculta en un PDF olvidado, lo más probable es que el usuario se frustre, abandone y busque otro lugar donde sí sepa lo que hay para comer y a qué precio.

El término “accesibilidad”, suele confundirse con la usabilidad.es accesible cuando cualquier persona, incluidas aquellas con alguna discapacidad, puede navegar por ella sin problemas.
Ejemplo, los que no ven demasiado bien agradecerán que exista un contraste correcto entre los colores utilizados, que la fuente escogida tenga un buen tamaño y que sea fácilmente legible. Un invidente necesitará que su lector de pantalla pueda interpretar toda la información (incluyendo las imágenes y los enlaces) y que hayas incluido audiodescripción en los vídeos de tu web.

Windows 10 de Microsoft seguirá siendo gratis para las personas con discapacidad

persona con disfuncion fisica

Aun no se sabe como Microsoft diferenciara a los discapacitados de los que no pero si eres usuario de este sistema operativo estas de suerte, en breve en blog de Microsoft publicaran los requisitos

miércoles, 11 de mayo de 2016

Introducción a Tap to Translate

 Tap to Translate funciona en los 103 idiomas de Google Translate en cualquier teléfono Android con Jellybean (4.2) hasta los más recientes.



Tratado TTIP y la accesibilidad web

tratado TTIP entre Europa y Estados Unidos

Yo personalmente no estoy deacuerdo con esté tratado no tenemos que perder nuestros derechos como consumidores a costa de que empresarios ganen más dinero. Pero esté blog habla sobre la accesibilidad y yo digo que si vamos a equipara nuestra legislación a la americana, bienvenido te menciono que en Estados Unidos se toman muy en serio el tema de la  accesibilidad, ellos tienen la sectión 508 recordemos unos de los puntos importantes.

"La Sección 508 exige que cuando las agencias Federales desarrollen, adquieran, mantengan, o usen tecnología electrónica y para la información; deben asegurarse de que las tecnologías electrónicas y para la información permiten a los empleados federales con discapacidad tener acceso a y usar la información y datos de manera similar al acceso y uso a la información y datos que tienen los empleados federales que no son personas con discapacidad, a menos que constituya una carga excesiva impuesta a la agencia. La Sección 508 también exige que los individuos con discapacidad, que forman parte del público que busca información o servicios por parte de una agencia Federal, tengan acceso a y el uso de la información y datos de manera comparable a la que se proporciona al público que no son personas con discapacidad, a menos que ello signifique una carga excesiva impuesta a la agencia."

Si se busca un poco existen multitud de denuncias a estamentos publicos y empresas privadas por falta de accesibilidad en sus sitios web, ojala en España se tubiera más presente. Pero a pesar de las "presuntas" mejoras que traeria esté tratado sigo pensando lo mismo, no quiero perder mis derechos como consumidor.

stop TTIP


lunes, 9 de mayo de 2016

Logotipo de conformidad WAI, en europa

WAI AA WCAG2.0




La accesibilidad web en Europa se hace desear, en la web de la comisión europea se indica el código fuente que tienes que añadir para insertar un logo que acredite que tu pagina, no sitio, cumple con las pautas AA, yo lo que no entiendo que solicite que las web cumplan el nivel AA y la web de la comisión  europea no lo es, se escusa en que puede haber partes que si y otras que no, yo no soy discapacitado un dia si y otro no.

WAI A WCAG 1.0

viernes, 6 de mayo de 2016

Crear PDF accesibles con Snapverter

Snapverter


Esta aplicación de Chrome se integra con Google Drive, creando un conjunto especial de carpetas Snapverter en su cuenta de Drive,Simplemente es arrastrar y soltar un PDF inaccesibles o la imagen en la carpeta "Drop aquí", y después de unos minutos una versión accesible de que PDF aparecerá en la carpeta de "Terminado"
Carpeta creada en Drive
Carpeta creada en Drive

https://chrome.google.com/webstore/detail/snapverter/plebojnaihkfjkkpgaemcjpnkmcpleih

 Archivo añadido a la carpeta Snapvert


Archivo añadido a la carpeta Snapvert

Archivo añadido a la carpeta Dropt here, cuando se añade la carpeta in progress se poné en azul y pasados unos minutos en la carpeta Finished aparece el resultado.


jueves, 5 de mayo de 2016

Directiva europea 221/16

El 3 de Mayo el año 2016 se acordado la creación  de la directiva 221/16 La directiva cubrirá los sitios web públicos órganos del sector y de las aplicaciones móviles, de las administraciones, los tribunales y los departamentos de policía a los hospitales públicos, universidades y bibliotecas. Esto hará que sean accesibles para todos los ciudadanos - en especial de los invidentes, personas con problemas de audición, los sordos y las personas con baja visión y con discapacidades funcionales.

miércoles, 4 de mayo de 2016

Raton de ordenador Glassouse

Glassouse

Actualmente se fabrican ordenadores, teléfonos, tablet , y en la fabricación en serie no nos percatamos que esisten personas que por diferentes razones carecén de mienbros, un ingeniero turco al ver que un amigo suyo sufrio un accidente y perdio los brazos diseño y creó las Glassouse, en el articulo Head-tracking mouse designed for people with disabilities puedes leer más sobre esté avance, aun no se comercializa y se espera para Junio.

martes, 3 de mayo de 2016

Son los Pop-ups accesibles

ejemplo de pop-ups

Siempre surge esa pregunta,  en mi opinión son accesibles si al usuario de lector de pantalla no le hace pulsar un boton para acceder al contenido de la web y salen automáticamente, es cierto que las pautas WCAG dicén que las ventanas se deben abrir a petición del usuario pero las Pop-ups no abren una nueva ventana el problema es que se abren automáticamente.