Todo tipo de información sobre accesibilidad en la Web: errores de accesibilidad, ejemplos de páginas inaccesibles, noticias, software, hardware, productos de apoyo, consejos, pautas y guías de accesibilidad, WAI, WCAG, Norma EN 301 549, legislación, etc.
75% of respondents report multiple types of visual impairment. 61.3% have light or glare sensitivity and 46.8% have contrast sensitivity.
51.4% of respondents report using some type of high contrast mode. 71.2% of users that adjust page contrast prefer light text on a dark background.
45.2% of respondents use a screen reader, 48.4% screen magnification software, and 44% browser zoom controls. Other types of settings and AT are commonly used.
JAWS is the most common screen reader, followed by NVDA and VoiceOver. Narrator is rarely used (.8%).
Only 8% were detected as having increased the default text size. Very few respondents adjust paragraph, line, word, or letter spacing.
60.4% always or often use a keyboard for web page navigation. This is a very high number of users that rely on keyboard accessibility.
22% of respondents don’t enlarge web content, while 18% of respondents enlarge to over 400%.
Dedicated screen magnification software is not highly common. Most users rely on OS settings for magnification.
64.3% use iOS devices. Only 7.8% don’t use a mobile device at all.
El WebAIM ha lanzado la encuesta Survey of Users with Low Vision #2. Esta encuesta está destinada a los usuarios con baja visión y estará abierta hasta el 30 de septiembre de 2018.
I can tell the difference between green and red most of the time depending on what light I’m under, but I’m pretty sure it’s not the same green and red other people see. The color blindness is typically inherited. After I was diagnosed, my grandpa and uncle from my mom’s side were also diagnosed color blindness (they always were but they didn’t notice). Also, there is no cure for color blindness. This means that I will have to adapt.
In fact, 8% of all men and 0.5% of all women suffer from color blindness. Although 99% of color blind people suffer from red-green color blindness, they don’t agree on the same colors. For example, I suffer from Deuteranomaly, and it is hard for me to tell violet from blue or yellow from light green; others who suffer from Protanomaly may see red, orange, yellow appear greener.
Hola, bienvenido al vídeo “HTML y CSS – Accesibilidad para personas con baja visión” del curso introducción al desarrollo web. Mi nombre es Cristina Ponce García y soy estudiante de Ingeniería Multimedia en la Universidad de Alicante.
En este vídeo te voy a dar algunos consejos para que tus páginas web sean accesibles a personas con baja visión.
Pero antes de empezar quiero explicarte los diferentes casos que vamos a considerar. Cuando hablamos de baja visión, normalmente pensamos en tres casos:
Miopía: personas con dificultad para ver de lejos.
Hipermetropía: personas con dificultad para ver de cerca.
Astigmatismo: personas con dificultad para enfocar.
Pero, existen otros muchos problemas de visión que son menos conocidos ya que no son tan comunes.
De todos los problemas existentes, en este vídeo nos centraremos en los casos de:
Visión periférica: como su nombre indica, son personas que solo ven por la periferia del campo visual.
Visión con reducción del campo visual: al contrario que la visión periférica, son personas que tienen su campo visual reducido por lo que no ven por la periferia.
Ahora que ya sabemos en qué consisten estos problemas, comenzaremos con los consejos.
Empezaremos por la visión general de una página e iremos poco a poco centrándonos en las cosas más específicas.
Empecemos con el caso del campo visual reducido.
Haremos una simulación de cómo vería una persona con este problema este ejemplo de página web.
Como se puede apreciar, una persona con este tipo de problema se perderá fácilmente a la hora de navegar por la página si no hay nada que le indique en ningún momento dónde se encuentra.
Añadir líneas entre las distintas partes de la página como la sección para registrarse o introducir cada imagen o noticia dentro de un recuadro puede ser una solución, pero la persona podrá seguir perdida si las secciones son muy amplias.
Si, además de las líneas, añadimos colores distintivos entre las diferentes secciones como pueden ser la cabecera, el pie de página o una sección de noticias la persona sabrá en todo momento en qué parte de la página se encuentra.
En el caso de una persona con visión periférica, el anterior ejemplo de página web se vería de la siguiente forma.
Como se puede apreciar, estas personas no tienen problema a la hora de situarse y navegar por la página web por lo que no será necesario realizar ningún tipo de cambio con respecto a la visualización general de la página.
Continuaremos hablando sobre qué tipo de fuentes y colores son mejores para estas personas.
Si buscamos en internet los tipos de letra más utilizados a la hora de desarrollar una página web obtendremos el siguiente listado.
Escogeremos las tres primeras opciones y las analizaremos.
Primero aclaremos la diferencia entre las fuentes serif y sans-serif. Como se puede apreciar, las fuentes serif son aquellas en las que sus letras tienen remates, al contrario que las sans-serif. En una página impresa la resolución de impresión es muy alta por lo que esos remates en los pies de las letras quedan muy bien definidos, pero en una pantalla de ordenador la tipografía con "serif" produce efectos en las letras que hacen dificultosa su lectura. Por ello se debe evitar su uso en los estilos de la página web que no sean para impresión.
Veamos entre las dos tipografías que quedan cuál es más apropiada.
Centrándonos en las personas con visión periférica, ya que las personas con campo visual reducido no tendrían problemas a la hora de leer una línea, como podemos observar, en los dos ejemplos la persona tiene centrada la vista en la palabra “de”, se puede apreciar que en el segundo caso, al ser las letras más gruesas y, por lo tanto, estar más separadas unas de otras, la pérdida de la percepción de letras es menor, por lo que podemos determinar que es más accesible.
En el caso de textos largos, el segundo ejemplo puede resultar pesado cuando se lleva mucho tiempo leyendo, por lo que utilizaremos el primer tipo de letra para párrafos y el segundo para títulos.
Para ayudar a las personas con baja visión a la correcta lectura de estos párrafos debemos tener en cuenta que, como hemos visto anteriormente, la percepción de las letras es difícil si estas se encuentran muy juntas, por lo que es recomendable añadir un pequeño espacio entre ellas con la propiedad para textos de letter-spacing de CSS.
Además, las personas con visión periférica, tienen problemas a la hora de cambiar de línea ya que, como no ven por el centro, es común que se salten líneas si estas están muy juntas. Por ello, es recomendable utilizar line-height en CSS para añadir un interlineado mayor a los párrafos.
En cuanto a los colores de texto y fondo, es importante que exista un alto contraste entre ambos para que el texto sea legible. También es importante tener en cuenta que hay personas sensibles a la luz, por lo que es recomendable no abusar de los fondos claros en partes de la web donde haya mucho texto, en vez de estos, se puede aplicar un fondo gris clarito que no dificulte la lectura del texto, pero que no canse la vista de estas personas.
Terminaremos hablando de los formularios.
Ya que los campos de los formularios pueden causar algunas dificultades a la hora de clicar sobre ellos, no debemos olvidar utilizar la etiqueta de HTML label para hacer más sencilla la accesibilidad a la hora de rellenar los campos. Además, es aconsejable que los botones que creemos, no sean demasiado pequeños para que las personas con dificultades puedan acceder a ellos de forma fácil.
Estos son los consejos que recomiendo que apliques en tus páginas web, no olvides nunca tener en cuenta a personas con discapacidad a la hora de crearlas.
Espero que te haya sido de ayuda este vídeo.
El valor de la relación de contraste es 2.71:1, muy alejado del 4.5:1 necesario para cumplir con el nivel AA para el texto normal. Y para nivel AAA sería 7:1, es decir, mucho más alejado.
YouDescribe y Amara son dos herramientas muy útiles para lograr que los vídeos sean accesibles.
YouDescribe permite añadir una audiodescripción a cualquier vídeo publicado en YouTube. Por ejemplo (si no funciona el contenido embebido, navega a The Quiet Man - Kiss Scene):
Que se corresponde al vídeo:
Amara permite añadir subtítulos a cualquier vídeo publicado en YouTube. Por ejemplo, el siguiente vídeo tiene subítulos en 10 idiomas (si no funciona el contenido embebido, navega a Honest Trailers - El Hombre de Acero):
But recently, there's been a trend in website design towards lower-contrast websites. That means a smaller difference between light and dark, which can make text more difficult to read. In recent years, a number of designers, technologists, and web accessibility experts have highlighted this issue. But it's getting renewed attention because of an essay by well-known developer and technology writer Kevin Marks, called "How the Web Became Unreadable." In it, he argues readability comes down to the choices web designers make — and the trend is toward designers making text greyer and skinnier. That's an issue for many people, he writes, including "the elderly, the visually impaired or those retrieving websites through low-quality screens."
¿Por qué ocurre?
In a word: aesthetics. "A lot of this is about fashion in design," he told CBC Radio. "There's a particular look that is popular at the moment, that is this very light sans-serif-type look. It's a minimalist style. Obviously there are times when you want a very minimal design. But when you're trying to design something that is very information dense, it doesn't really work." He said this greyer, skinnier typeface look is also driven by the availability of super-high-resolution screens on smartphones, tablets and laptops — which allow designers to use fonts that were impractical a few years ago.
En el artículo Ensure High Contrast for Text Over Images se explica que hay que asegurar que el texto que se muestre sobre las imágenes presente el suficiente contraste. Esto es complicado, ya que una imagen no suele tener un color uniforme, así que lo mejor es evitarlo.
Hace unos días recibí un correo electrónico con la siguiente consulta:
Buenos días: Necesito un programa para aumentar la letra del ordenador. Me gustaría resolver algunas dudas que tengo, y no sé como puedo contactar contigo vía teléfono.
Y mi respuesta:
Para aumentar el tamaño del texto en el ordenador lo mejor es utilizar las opciones que incluye el propio sistema operativo. Si trabajas con Microsoft Windows depende de la versión que utilices, pero suele estar en Personalizar pantalla o Resolución de pantalla.
También puedes utilizar un programa llamado "magnificador de pantalla" que aumenta todo lo que aparece en la pantalla del ordenador. Otra vez, Microsoft Windows incluye uno básico, llamado la Lupa. Si necesitas uno mejor te recomiendo ZoomText, pero es de pago.
En Visual design and colour accessibility se explican los problemas de accesibilidad que puede ocasionar un mal uso del color en el diseño de un página web.
Muy interesantes los problemas que pueden experimentar las personas con ceguera al color (daltonismo):
Hace unos días publiqué la primera parte de esta entrevista. En esa parte, Sonnia Margarita Villacrés, vicepresidenta de The World Federation of the Deafblind (Federación Mundial de Sordociegos), nos contaba lo importante que es la Web para ella. La Web le permite sentirse "nivelada", sentirse al mismo nivel que el resto de personas.
Ahora publico la segunda parte, en la que Sonnia Margarita nos muestra sus "maquinitas", los productos de apoyo que le ayudan a utilizar el ordenador o el teléfono móvil.
Y la transcripción del audio:
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante. En este vídeo vamos a ver la segunda parte de la entrevista que le realicé a Sonnia Margarita Villacrés, una persona sordociega que es usuaria habitual del ordenador y de la Web.
Margarita nos va a hablar del Focus 40, el producto de apoyo que emplea para poder utilizar un ordenador.
El Focus 40 es un producto de la compañía Freedom Scientific.
El Focus 40 es una línea y teclado braille que permite que las personas ciegas o sordociegas puedan utilizar un ordenador. Este producto es portátil y está diseñado para ser usado con un ordenador portátil, aunque también se puede utilizar con un ordenador de escritorio.
La línea y teclado braille que nos va a enseñar Margarita es un modelo antiguo que ya no se vende. Este modelo ha sido sustituido por el Focus 40 Blue. Además, Margarita también nos va a enseñar el Focus 14 Blue, el hermano pequeño del Focus 40.
Antes de pasar a la entrevista me gustaría hacer una pequeña aclaración sobre el braille, el sistema de lectura y escritura que emplean las personas ciegas. En la actualidad existen dos tipos de braille.
Por un lado el braille integral o literario, que se compone de 6 puntos, lo que permite 64 combinaciones. No obstante, con el empleo de prefijos se pueden representar más caracteres, como por ejemplo las mayúsculas o los números.
Por otro lado, con la introducción de la informática, el braille se amplió a un código de ocho puntos, el braille computerizado, que permite 256 combinaciones.
Las celdas del Focus 40 y del Focus 14 están compuestas por ocho puntos.
Aquí en mis manos tengo el dispositivo que Margarita emplea para utilizar un ordenador. Es una línea braille. Margarita, ¿nos podrías mostrar, explicar un poco los botones que posee la línea, para qué se emplea cada uno?
Estos son los sensores, tiene, doble, doble columna de sensores, cada sensor tiene un específico fin.
Estos de aquí abajo son para traer al cursor.
Por aquí salen los caracteres braille y si por ejemplo yo estoy escribiendo y me he equivocado, traigo el cursor hasta, hacia el carácter equivocado. Doy un click, se ubica el cursor y con este lo borro y vuelvo a escribir.
Esta otra línea de cursores de aquí arriba es para hacer diferentes opciones en general, como por ejemplo, dejar de escribir y solamente percibir la lectura o viceversa. Escribe, lee o no poder escribir.
También funciona como opciones del ratón.
Además, aquí este es el teclado braille. Pero el teclado braille son seis.
Y este es el botón Enter y este es para borrar.
Y este es para mayúsculas, para esta mano y mayúsculas para la mano.
Este es el espaciador.
Estos son los direccionales para bajar.
Y este no sé, no sé la opción, para qué será. Pero, sí, es para cambiar de campo. Este, este botón no sé para qué será. Lo mismo este botón, no sé pero.
Este es seleccionar para arriba y para abajo.
Ejemplo, si yo estoy en el correo electrónico, quiero ver todos los asuntos, los títulos de quién me ha mandado o el remitente, bajo, bajo, bajo, o subo, subo, subo.
Y este es el direccional, también para subir. Este es para bajar y este es para subir.
Estos son los botones para navegar más rápido. En una página web yo hago así para bajar más rápido y este es para subir.
Es una máquina muy completa. No sé todas las funciones porque recién me pasaron el manual al Word para poderlo leer. Pero esta es una máquina bastante complicada de usar. Pienso que es para una persona ciega o sordociega con mucha función intelectual.
No como para una persona que tiene discapacidad intelectual.
Es muy complicado el uso. Pero hay líneas braille mucho más sencillas. Lo que pasa es que yo quería algo completo porque quería hacer mi vida un poco más rápida de lo que tengo, tengo demasiado trabajo. Y necesitaba tener más comunicación con mi mundo.
Cuando yo quiero escribir en braille con texto y si no utilizo el teclado del computador. Por aquí se conecta el cable al computador. No tiene vida propia si no tiene computador, pero me entero que también funciona con bluetooth, pero no lo sabía, recién me acaban de informar. No he hecho la prueba, mi máquina, la computadora no tiene bluetooth, entonces.
Muy bien, muchas gracias por la explicación.
Les voy a enseñar otro aparato.
A ver, vamos a ver el otro aparato.
Ahhh, es una línea braille portátil.
Este es el Focus 14, es el hermano más moderno del Focus 40 que tengo.
Como ven este es un aparato medio parecido, pero tiene menos sensores. Así es que.
Estos sensores es asímismo para ubicar el cursor. También sirven para dar click. También sirve para borrar en caso de que uno se equivoca.
Y este es el ratón para navegar, ambos ratones direccionales.
Y este es para acceder de línea en línea. Y en cambio estos párrafo a párrafo.
Y estos son los shift. Estos es para tomar fotos. Y esto es para atrás, o sea, para salir Escape.
Aquí se prende y salen los caracteres en braille y con el aparato me comunico primero. Lo desbloqueo. ¿Y entonces cómo funciona con bluetooth? Yo voy a leer, un ratito dice: Jueves 28 de mayo, mensajes. Karla Carrera me ha mandado un mensaje. No lo he leído.
El año pasado tuve el placer de conocer a Sonnia Margarita Villacrés, vicepresidenta de The World Federation of Deafblind, la Federación Mundial de Personas Sordociegas.
Margarita es sordociega debido a un golpe que recibió y a la ototoxicidad de unas medicinas que tomó para tratar las complicaciones del golpe.
Hace tiempo publiqué la entrevista que realicé a otra persona sordociega. En aquella ocasión se debía al síndrome de Usher:
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante. En este vídeo vamos a ver una entrevista que le realicé a Sonnia Margarita Villacrés, una persona sordociega que es usuaria habitual del ordenador y de la Web.
Esta entrevista se realizó el 8 de mayo de 2014 en la Universidad Politécnica Salesiana en su sede de Guayaquil.
Margarita tuvo una caída y sufrió un fuerte golpe en la cabeza cuando tenía 12 años.
A los pocos meses comenzó a tener problemas de visión, manchas rojas y negras que aparecían y desaparecían: le diagnosticaron un desprendimiento de retina y una hemorragia retiniana en ambos ojos.
A Margarita le recetaron varios medicamentos para detener la hemorragia.
Desgraciadamente, los medicamentos que tomó tuvieron secuelas: al poco tiempo de comenzar a tomarlos empezó a sentir un zumbido en el oído derecho y luego como una cascada de agua, a veces como un trote de caballos a la distancia. Finalmente se produjo la sordera originada por la ototoxicidad de los medicamentos.
El efecto fue irreversible, y antes de cumplir los 15 años, Margarita se quedó sordociega.
Hola me encuentro en la universidad Politécnica Salesiana en su centro en Guayaquil asistiendo a un simposio sobre tecnologías inclusivas y discapacidad.
Y tengo el placer de tener a mi lado a Margarita y Karla.
Margarita es vicepresidenta de la Federación Internacional de Sordogiegos. Margarita, ¿tú utilizas el ordenador?
Realmente, yo utilizo todo lo que se refiere a la tecnología de computación, porque necesito hacerlo para incluirme en mi trabajo y en todas las labores a nivel mundial.
En concreto, ¿nos podrías contar para qué utilizas el ordenador? ¿Qué herramientas, qué programas, por ejemplo, envías correos electrónicos, navegas por Internet, visitas páginas web?
Miren, como soy una persona sordociega total necesito la computadora con el programa JAWS. Utilizo en este momento el JAWS 13, pero en otras computadora que tengo el JAWS 14 y como no escucho la voz sintética del JAWS requiero una línea braille. Esta línea braille está conectada al computador mediante un cable, entonces pasa la información a mi línea braille y puedo hacerlo, con ella puedo utilizar todo lo relacionado a texto. Y cuando por ejemplo me sale una figura, me dice un grabado o figura, eso hace el programa JAWS, lo que me va avisando.
Utilizo el programa Outlook Express para los correos electrónicos tanto para recibir como para enviar.
Además de eso también el Office 10 o 2010. Ahora hay 2013. También lo utilizo para mis informes de trabajo y todo relacionado a escritos, con eso yo puedo ver. También suelo ver los cuadros de Excel, pero no con mucha claridad. A veces tonteo un poco pero sí logro leer con paciencia.
También puedo ir a las páginas web. Cuando requiero alguna cosa de importancia o cuando necesito navegar en los almacenes y darme cuenta de lo que hay para tener idea de cómo es. Algunos puedo, otros no. Y cuando necesito las noticas voy a MSN Latinoamérica y ahí doy click en noticias. Busco en qué país quiero la noticia y me meto para leer. Y si quiero internacional me sale de todos los países del mundo.
Y en Ecuador yo voy a El Universo a ver pero no puedo, de verdad, como me dice Sergio, está la página inaccesible para mí. Bueno, por eso será, pero intento, no me doy por vencida, y lo intento, intento y consigo pero no es una cosa completamente segura, a veces consigo, a veces no.
¿Tu vida ha cambiado gracias a la Web? ¿Ahora puedes hacer cosas a través de la Web que antes no podías?
Cuando descubrí que podía ir a MSN Latinoamérica me sentí tan feliz, porque todas las noticias que yo quería saber podría encontrar allí, conversaba al día siguiente con mi ayudante o a cualquiera compañera de trabajo y me sentía como nivelada. En realidad es un gran nivelador social y cultural. Además de eso leo muchísimos libros, pero estos libros los adquiero gracias a un apoyo, a Tiflolibros de Argentina. Es una organización para ciegos que tienen libros en bibliotecas muy grandes. Entonces con esos libros puedo leer, tengo más de 10.000 libros electrónicos y paso leyendo en los momentos en que puedo hacerlo.
Translateka.com es un conjunto de veinte diccionarios bilingües accesibles en la red que incluyen cinco idiomas: español, inglés, alemán, francés y polaco, lo que ofrece numerosas combinaciones lingüísticas.
El servicio está dedicado a las personas invidentes o de visión reducida que quieran desarrollar sus conocimientos y habilidades lingüísticas.
La página web se ha diseñado de acuerdo con las normas de accesibilidad y es compatible con los lectores de pantallas. Como alternativa al sintetizador de voz, se ha incluido una versión de voz personalizada.
Una de las aplicaciones más interesantes es el sistema de retención del vocabulario. Gracias a un método especial de repeticiones, accesible en el apartado “Aprendizaje”, no solo se pueden traducir las palabras, sino también estudiar.
Translateka.com ayuda a encontrar una palabra de manera rápida y eficaz; y además posibilita escucharla. Se puede navegar por la página utilizando la tecla TAB, pero para hacer la navegación aún más fácil y rápida algunas funciones –escuchar grabaciones, añadir palabras a listas, intercambiar los idiomas o borrar el texto– también cuentan con accesos directos de teclado. De igual manera se utiliza la aplicación para aprendizaje de vocabulario.
Todas las grabaciones han sido preparadas por profesionales nativos y la página se encuentra disponible en cinco lenguas.
Contraste alto (o Alto contraste) es una extensión oficial para Google Chrome que permite modificar el contraste de una página web. Desarrollada por Google Accessibility, permite aplicar diferentes combinaciones de contraste a un sitio web; esta extensión almacena la selección para cada sitio web, de forma que no se tiene que elegir cada vez que se visite un sitio web.
Este complemento se puede activar y desactivar fácilmente pulsando Mays+F11.
En la versión actual ofrece las siguientes combinaciones:
OrCam es un producto de apoyo destinado a las personas con baja visión. El sistema se basa en el empleo de una pequeña cámara acoplada a unas gafas y un sistema de reconocimiento de caracteres OCR que es capaz de "leer en voz alta" lo que el usuario señala con el dedo. De esta forma, una persona con baja visión es capaz de leer textos que de otra forma no podría leer.
Yo he tenido la oportunidad de conocer a dos personas sordociegas, las dos también mujeres, como en la película. A las dos las he entrevistado, la entrevista de la primera la publiqué hace tiempo, la segunda entrevista la publicaré en breve.
Francisco Feria (sordociego desde los 10 años) vive solo, tiene dos hijos y hace una vida completamente independiente. Su historia, lejos de ser dramática, es un ejemplo de integración y lucha diaria.
