Buscador

viernes, 29 de diciembre de 2017

Ejemplos de problemas para los usuarios con ceguera al color (daltonismo)

Muy interesante la página Colorblind Accessibility on the Web – Fail and Success Cases que presenta varios ejemplos de problemas de accesibilidad por un uso incorrecto de los colores.

El siguiente ejemplo de un partido de fútbol es muy ilustrativo:


martes, 26 de diciembre de 2017

Resultados de la séptima encuesta del WebAIM sobre el uso de lectores de pantalla

Ya se han publicado los resultados de la séptima encuesta del WebAIM sobre el uso de lectores de pantalla que se abrió en octubre de 2017: Screen Reader User Survey #7 Results.

La encuesta recibió 1792 respuestas, un número muy alto de respuestas, pero menor que las 2515 respuestas que se recibieron en la sexta encuesta.

En cuanto a porcentaje de preferencia de los usuarios, el lector de pantalla principal sigue siendo JAWS con un 46,6% de las respuestas, seguido por NVDA con 31,9% y VoiceOver con 11,7%.

La evolución de la preferencia de los navegadores muestra un comportamiento extraño respecto a los resultados de la encuesta previa:


Es muy interesante la tabla con las combinaciones lector de pantalla y navegador:


Las combinaciones más populares son JAWS con Internet Explorer un 24,7% y NVDA con Firefox un 23,6%.

Respecto las preguntas relacionadas con el desarrollo de páginas web accesibles, los resultados no son muy significativos. Por ejemplo, ante la pregunta de con qué frecuencia se usan los landmarks (regiones) para navegar en una página web, no existe un valor determinante, ya que el 18,0% respondió siempre que estuviesen presentes, pero el 19,4% contestó que nunca. Estos resultados son similares a los obtenidos en la encuesta previa.

Lo mismo ocurrió con la pregunta respecto el uso de los enlaces "saltar a": un 15,8% respondió que los usa siempre que estén disponibles, mientras que un 18,4% contestó que nunca.

Antes la pregunta "Cuál de las siguientes estructuras de encabezado de página es más fácil para ti", el 60% afirmó que prefería un único encabezado de primer nivel h1 que contenga el título del documento. Solo un 6,6% prefirió un encabezado de primer nivel con el nombre del sitio web.

Por último, en esta encuesta se volvió a preguntar por los elementos más problemáticos que se encuentran en una página web. En orden decreciente, el resultado fue:

  1. CAPTCHA - images presenting text used to verify that you are a human user
  2. Screens or parts of screens that change unexpectedly
  3. Links or buttons that do not make sense
  4. The presence of inaccessible Flash content
  5. Lack of keyboard accessibility
  6. Complex or difficult forms
  7. Images with missing or improper descriptions (alt text)
  8. Missing or improper headings
  9. Too many links or navigation items
  10. Complex data tables
  11. Inaccessible or missing search functionality
  12. Lack of "skip to main content" or "skip navigation" links

Por último, los resultados de las encuestas anteriores:

viernes, 22 de diciembre de 2017

Sobre la sordoceguera

Hace un mes se publicó el artículo Dame tu mano y hablaré contigo en el periódico El País. Muy interesante todo lo que se cuenta:

Para los alrededor de 6.000 sordociegos de España todas estas actividades ordinarias suponen un reto casi inalcanzable.

Aún hoy, no existe un censo oficial de las personas sordociegas de España. Sin embargo, Requena detalla que más de 2.200 de ellas están afiliadas a la fundación.

Javier Gutierrez, de 44 años, lleva más de 20 años trabajando como mediador para la organización, y explica que el mundo de los sordociegos está fragmentado en miles de condiciones distintas. Están las personas que tienen los síndromes de Usher o Wolfram (enfermedades hereditarias que hacen que la sordoceguera aparezca con el paso de los años), los sordociegos congénitos a raíz de un conjunto de anomalías (conocido como Charge) y los ancianos ciegos o sordos, para los cuales el paso del tiempo supone un empeoramiento de las capacidades perceptivas.

LOS DATOS
2.200 sordociegos afiliados a FOAPS

422 sordociegos atendidos

100 mediadores

13 médicos especialistas

2 millones de euros de inversión anual

La ONCE generó 9.557 puestos de trabajo para personas con discapacidad en 2016

68.467 trabajadores forman la plantilla de la organización, de los cuales un 56% son personas con discapacidad

1.918 millones de euros recabados del juego responsable

35% de los ingresos invertido en acción social

72.256 personas ciegas atendidas

3.500 afiliados nuevos

miércoles, 20 de diciembre de 2017

Guía para cumplir WCAG 2.0

How to Meet WCAG 2.0 es un recurso desarrollado por el W3C. Este recurso es muy útil porque enlaza con varios documentos sobre accesibilidad web.


lunes, 18 de diciembre de 2017

No todos los usuarios de lectores de pantalla son ciegos

Nos lo cuentan en Not All Screen Reader Users Are Blind, pero esto ya se sabía desde hacía tiempo y quedó demostrado claramente con los resultados de la pregunta Which of the following disabilities do you have? de la WebAIM Screen Reader User Survey #6:


Which of the following disabilities do you have?
Response# of Respondents% of Respondents
Blindness161064%
Low Vision/Visually-Impaired97338.7%
Cognitive441.7%
Deafness/Hard-of-Hearing1576.2%
Motor602.4%
Other652.6%

viernes, 15 de diciembre de 2017

Los navegadores que soportan un mayor nivel de accesibilidad

Parece difícil de creer, por la mala fama que han tenido siempre los navegadores de Microsoft, pero según el sitio web HTML5 Accessibility, Microsoft Edge es, a día de hoy, el navegador web que soporta un mayor número de características de accesibilidad:



miércoles, 13 de diciembre de 2017

IBM AbilityLab Mobile Accessibility Checker

IBM AbilityLab Mobile Accessibility Checker es una herramienta que permite automatizar la evaluación de la accesibilidad de aplicaciones móviles para iOS y Android.

lunes, 11 de diciembre de 2017

La banca online de ING no es accesible y debería serlo

Hace unos meses se publicó el artículo ING incumple la ley: niega a las personas ciegas el acceso a su web (27/09/2017) en el que contesté algunas preguntas que me hicieron sobre la accesibilidad de la banca online de ING. Para contestar las preguntas que me hicieron revisé la accesibilidad del sitio web y mi conclusión fue que era una vergüenza. Tres meses después, sigue siendo una vergüenza. Y supongo que dentro de un año, seguirá siendo una vergüenza.


En el artículo se dice:
Vayamos por parte. ¿Qué sucede en la web de ING para que una persona invidente no pueda utilizarla? Merca2 ha contactado con Segio Luján, profesor titular de la Universidad de Alicante del Departamento de Lenguajes y Sistemas Informáticos, y su análisis deja en evidencia a la entidad naranja.

Luján explica que “no es manejable mediante el teclado, si pulsas la tecla Tabulador no se puede acceder a todos los elementos de la página. Además, no se señala el foco, es decir, no se distingue claramente en qué parte de la página está situado el cursor para escribir o para activar un enlace”.

Por lo tanto, el primer problema ya deja fuera de control a las personas ciegas, pero no ha hecho nada más que empezar. “En la página de acceso, donde se introduce el DNI y la fecha de nacimiento, hay una trampa de teclado, algo que no veía desde hacía mucho tiempo. Si introduces una fecha errónea, por ejemplo te equivocas con el día, y luego quieres volver atrás para corregirlo, no se puede, te lo impide el código de la página”.

Por si fuera poco, la inaccesibilidad de ING no solo se hace evidente para las personas ciegas. Según relata el profesor de Universidad, “todo lo anterior afecta a las personas que no utilizan un ratón para controlar el ordenador, como por ejemplo, las personas ciegas y las personas con discapacidad motora”.

Y esto no es todo. El reguero de problemas de acceso a la web de ING para los ciegos es inmenso. Según cuenta Luján, “si se intenta introducir la fecha de nacimiento, el lector de pantalla (el software que emplea una persona ciega para controlar el ordenador) le lee “milímetros” en vez de “MM”, porque lo toma como si fuera la unidad de medida. Eso confunde al usuario y lo puede interpretar de forma incorrecta”.

¿Pero todo esto no lo ha probado ING? “La página no ha sido probada para ver si es accesible para las personas ciegas. Y si la han probado, han pasado totalmente de los resultados que han obtenido”.

El profesor Luján advierte un par de cosas sobre la situación. “En primer lugar, en España el sitio web de un banco debe ser accesible por ley”. Por otra parte cita un ejemplo reciente sobre un caso similar. Iberia fue sancionada hace unos años dado que su web no era accesible. Y eso podría pasar con ING.

viernes, 8 de diciembre de 2017

Cómo hacer más accesible un sitio web a las personas que usan un magnificador de pantalla

En How to Make Your Website Accessible to People Who Use a Screen Magnifier se dan algunos consejos para que un sitio web sea más accesible para las personas que usan un magnificador de pantalla:

  1. Leave tooltips and other mouse-triggered pop-ups visible while the mouse is on the displayed content.
  2. Don't obscure content when the mouse is hovering over it.
  3. Put the result of an action close to the place where the action was triggered.

miércoles, 6 de diciembre de 2017

Accesibilidad web (conferencia completa)

domingo, 3 de diciembre de 2017

Día Internacional de las Personas con Discapacidad

El Día Internacional de las Personas con Discapacidad se observa en todo el mundo cada 3 de diciembre de acuerdo a la resolución 47/3 de la Asamblea General adoptada el 14 de octubre de 1992, con el objetivo de llamar la atención y movilizar apoyos para aspectos clave relativos a la inclusión de personas con discapacidad en la sociedad y en el desarrollo.

Más información en International Day of Persons with Disabilities 3 December.


viernes, 1 de diciembre de 2017

La guía definitiva de los textos alternativos

El artículo Alt-texts: The Ultimate Guide posee numerosos ejemplos que ayudan a entender el correcto uso del texto alternativo.

También proporciona algunos consejos para crear el texto alternativo perfecto:

  • Describe the image.
  • El texto alternativo depende del contexto.
  • Mantenlo conciso.
  • No digas que es una imagen.
  • Finaliza con un punto.
  • No uses el atributo title.

miércoles, 29 de noviembre de 2017

Ejemplos de problemas de accesibilidad

lunes, 27 de noviembre de 2017

SortSite - Accessibility Checker and Validator

SortSite es una herramienta automática de evaluación de la accesibilidad web. Es una herramienta de pago que permite un uso gratuito limitado.

La forma de presentar los resultados del análisis es muy interesante:



viernes, 24 de noviembre de 2017

Diseño universal, diseño inclusivo, diseño accesible, diseño para todos

Interesante el artículo Universal design, inclusive design, accessible design, design for all: different concepts—one goal? On the concept of accessibility—historical, methodological and philosophical aspects:
Accessibility and equal opportunities for all in the digital age have become increasingly important over the last decade. In one form or another, the concept of accessibility is being considered to a greater or smaller extent in most projects that develop interactive systems. However, the concept varies among different professions, cultures and interest groups. Design for all, universal access and inclusive design are all different names of approaches that largely focus on increasing the accessibility of the interactive system for the widest possible range of use. But, in what way do all these concepts differ and what is the underlying philosophy in all of these concepts? This paper aims at investigating the various concepts used for accessibility, its methodological and historical development and some philosophical aspects of the concept. It can be concluded that there is little or no consensus regarding the definition and use of the concept, and consequently, there is a risk of bringing less accessibility to the target audience. Particularly in international standardization the lack of consensus is striking. Based on this discussion, the authors argue for a much more thorough definition of the concept and discuss what effects it may have on measurability, conformance with standards and the overall usability for the widest possible range of target users.

miércoles, 22 de noviembre de 2017

lunes, 20 de noviembre de 2017

Koa11y, herramienta para evaluar la accesibilidad web

Koa11y es una herramienta automática de revisión de la accesibilidad web. Está disponible para Windows, Linux y MacOS X.

Un vídeo sobre su uso:

viernes, 17 de noviembre de 2017

Curso en línea gratuito "Diseño Accesible, Diseño para Todas las Personas"

La Universidad de Jaén ofrece el curso en línea gratuito Diseño Accesible, Diseño para Todas las Personas.

El curso comienza el 20 de noviembre de 2017, finaliza el 22 de diciembre de 2017 y tiene una duración de 25 horas.

jueves, 16 de noviembre de 2017

Entrevista a un antiguo estudiante con discapacidad

En el artículo La accesibilidad web para los alumnos con discapacidad de la UA es una realidad, José María Fernández explica qué es la accesibilidad web y comenta algunas cosas sobre su trabajo en el Centro de Apoyo al Estudiante de la Universidad de Alicante.

José María fue estudiante mío en la carrera de ingeniería técnica en informática de sistemas.

Además, José María es desarrollador de la aplicación Ability Connect, una aplicación gratuita de comunicación alternativa para dispositivos móviles que "permite la comunicación en tiempo real de varios dispositivos a través de Bluetooth sin necesidad de una conexión a internet -aunque también se puede utilizar mediante Wi-Fi o Datos móviles- y que cuenta con características avanzadas de visualización de contenido para adaptarse a las necesidades de varios colectivos de personas con discapacidad; como personas con déficit auditivo, baja visión o dislexia".

miércoles, 15 de noviembre de 2017

Accesibilidad de los temas de WordPress

Muy interesante el artículo Tricky issues: Accessible WordPress Themes en el que se explica el proceso para auditar la accesibilidad de los temas de WordPress.

viernes, 10 de noviembre de 2017

Primer Espacio Integrado Inteligente de Europa en Alcalá de Henares

En CENTAC pone en marcha el primer Espacio Integrado Inteligente de Europa podemos leer que el Centro Nacional de Tecnologías de la Accesibilidad (CENTAC) ha inaugurado "el primer Espacio Integrado Inteligente de Europa en Alcalá de Henares con el objetivo de impulsar la accesibilidad universal de la localidad a través de la implantación de diferentes soluciones tecnológicas como el guiado en exteriores, el guiado en interiores, el párking inteligente, el menú accesible, el medicamento accesible o la búsqueda de taxis adaptados".

Este espacio incluye diferentes soluciones tecnológicas para hacer la ciudad más accesible:
  • Sistema de guiado en exteriores: se trata de un sistema para personas con discapacidad visual que genera un campo de visión artificial mediante información sonora para que el usuario sepa cuál es su posición con respecto a cualquier punto detectado.
  • Servicio de localización de taxis adaptados: es una solución que no solo sirve para localización de taxis adaptados, sino para todo tipo de puntos de interés libres de barreras dirigido a personas con movilidad reducida.
  • Sistema de guiado de interiores: es una aplicación que sirve para el guiado en interiores y espacios reducidos para personas con discapacidad visual. Permite orientarse en distancias muy cortas y acceder a información relevante de cada punto de orientación.
  • Sistema de medicamento accesible: con este servicio, las personas con discapacidad visual o con problemas de motricidad fina pueden consultar el prospecto de los medicamentos mediante el escaneo del código de barras o de su código nacional. De esta forma, el Smartphone lee al usuario el contenido del prospecto.
  • Sistema de aparcamiento inteligente: con esta aplicación las personas con movilidad reducida pueden no solo conocer la ubicación de las plazas de aparcamiento reservadas para ellas, sino también saber si están libres u ocupadas en todo momento, facilitando sus desplazamientos.
  • Aplicación de lectura de menús accesibles: una aplicación tecnológica que lee la carta de los restaurantes, destinada no solo a personas invidentes sino a cualquier turista que no entienda el idioma.

miércoles, 8 de noviembre de 2017

Inclusive markup

Muy interesante el vídeo Inclusive Markup:
Accessibility is the law and a good idea. Let's make the Web accessible and fast for everyone. We'll skip "why" and focus on "how." Accessibility can be as simple as using the right semantic elements in your HTML. Semantic HTML can prevent bugs, improve performance, reduce code bloat, and make your site accessible to screen readers and keyboard users. We'll explores accessibility features native to semantic elements, adding a sprinkling of ARIA roles and attributes. Form controls, input masking, styleable selects, and carousels with a few lines of CSS, fewer lines of JS and no frameworks. 

lunes, 6 de noviembre de 2017

Guía APA el uso de lenguaje no discriminatorio e inclusivo

Guidelines for Nonhandicapping Language in APA Journals es una guía para el uso correcto del lenguaje cuando se escribe sobre las personas con discapacidad.

Algunos ejemplos:

Put people first, not their disability.

Comment: Preferred expressions avoid the implication that the person as a whole is disabled or defective.
ProblematicPreferred
disabled personperson with (who has) a disability
defective childchild with a congenital disability; child with a birth impairment
mentally ill personperson with mental illness or psychiatric disability

Do not label people by their disability.

Comment: Because the person is not the disability, the two concepts should be separate.
ProblematicPreferred
schizophrenicspeople who have schizophrenia
epilepticsindividuals with epilepsy
amputeeperson with an amputation
paraplegicsindividuals with paraplegia
the disabledpeople with disabilities
the retardedchildren with mental retardation
the mentally illpeople with a mental illness or psychiatric disability
the CMI or SPMIpeople with long-term or serious and persistent mental illness or psychiatric disabilities

viernes, 3 de noviembre de 2017

Inclusive Components

El sitio web Inclusive Components  es un proyecto que intenta crear una biblioteca de patrones de diseño de componentes accesibles para páginas web.

En el momento de escribir esta entrada en la biblioteca se encuentran:

  • Collapsible Sections
  • Tabbed Interfaces
  • A Theme Switcher
  • Tooltips & Toggletips
  • Menus & Menu Buttons
  • A Todo List
  • Toggle Buttons

lunes, 30 de octubre de 2017

Un paciente sordo espera casi siete horas en Urgencias

En agosto se publicó la noticia Un paciente sordo espera casi siete horas en Urgencias porque le llamaron por megafonía (3/8/2017):
Un paciente sordo de Almería ha denunciado, mediante un vídeo que ha distribuido a través de las redes sociales, que el pasado sábado tuvo que marcharse a su casa tras más de seis horas y media de espera en el servicio de Urgencias del Hospital Torrecárdenas de la capital porque le habrían avisado para ser atendido por megafonía, a pesar de que el advirtió de su situación antes de pasar a la sala de espera. 
El vídeo de Juan, como se llama este paciente, ha sido difundido por la organización Marea Blanca Almería, quien ha advertido de que los hospitales públicos andaluces tienen que estar adaptados a todas las personas con "diversidad funcional o sensorial", por lo que reclama a los responsables del complejo almeriense que pongan todos los medios necesarios para evitar situaciones como esta y cumplir con la legalidad.
Al día siguiente se publicó la noticia Salud pide disculpas al paciente sordo que no fue atendido y alega que fue "una incidencia puntual" (4/8/2017):
La Consejería de Salud ha pedido disculpas a Juan José A.G., el paciente sordo que la semana pasada esperó durante casi siete horas en el servicio de urgencias del Hospital Torrecárdenas de Almería sin ser atendido porque le llamaron por megafonía, a pesar de que él advirtió en la ventanilla de información de que padecía sordera. 
Fuentes de la Consejería se han justificado en el hecho de que se trata de un "incidente puntual", por lo que han trasladado sus disculpas al afectado a través del gerente del hospital, al tiempo que han lamentado las molestias sufridas.
Según la noticia Un hospital implanta un sistema para sordos después de que un paciente esperara siete horas en urgencias porque no oía la megafonía (27/10/2017)), casi 3 meses después parece que el problema se ha resuelto totalmente:
La repercusión social y mediática de la denuncia de Juan José Aguilera, un paciente sordo que el pasado julio esperó casi siete horas en el área de urgencias del Hospital Torrecárdenas de Almería porque le llamaban por megafonía y no se enteraba, ha logrado que el centro haya implantado esta misma semana un nuevo sistema de avisos para personas con déficits visuales y auditivos, que no existía hasta ahora. 
Según ha informado el hospital, el nuevo sistema, que está ya disponible para todas las personas que lo soliciten, garantiza una correcta atención y evita la pérdida de turnos o el retraso en la asistencia por parte del personal sanitario. Para su puesta en marcha, se ha diseñado un protocolo de actuación, inexistente hasta ahora, que se inicia cuando el paciente llega al área de urgencias y comunica en admisión la existencia de algún problema que le impida escuchar las llamadas que se realizan por los altavoces o acceder a las comunicaciones de las pantallas de información. 
Al paciente que lo solicite se le entregará un dispositivo electrónico, dotado de vibración. Al mismo tiempo, se registrará su situación en su historia clínica, para que el facultativo o la enfermera que deban atenderle cuenten con información sobre su situación.

viernes, 27 de octubre de 2017

Siete soluciones para crear SVG más accesibles

En 7 solutions for creating more accessible SVGs se explican siete formas para hacer las imágenes SVG más accesibles. En realidad, más que soluciones generales son soluciones particulares a algunos problemas que presentan las imágenes SVG:

  1. <img> tags and SVGs
  2. <title> tags and SVGs
  3. IE focus bug with focusable elements
  4. Safari 10 focus bug with <use>
  5. Aria-label inconsistency
  6. IE8 and below render <desc>
  7. Colour contrast

miércoles, 25 de octubre de 2017

Ejemplo de vídeos con audiodescripción

Estas noticias son del año pasado, pero me he enterado ahora:
No voy a poner ningún ejemplo de este tipo de vídeo con audiodescripción, pero el que lo quiera comprobar lo puede encontrar fácilmente... Yo lo he comprobado y es verdad, pero no sé si "funcionan", a mí me hacen gracia porque las descripción son muy detalladas.

lunes, 23 de octubre de 2017

Guía de Lenguaje Positivo y Comunicación Incluyente

La Guía de Lenguaje Positivo y Comunicación Incluyente, editada por el Consejo Nacional de Igualdad de Discapacidades del Ecuador junto con varias federaciones de discapacidades, está "dirigida especialmente a comunicadores sociales, tiene como finalidad trabajar de forma correcta y con calidad respecto al lenguaje de uso cotidiano y a la terminología recurrente en el campo de la discapacidad".

En este documento se incluye un glosario de conceptos clave con la forma incorrecta (SE DICE) y la forma correcta (SE DEBE DECIR). Por ejemplo:

Se dice: DISCAPACITADOS, PERSONAS ESPECIALES, CAPACIDADES DIFERENTES O ESPECIALES, INVÁLIDOS, MINUSVALIDOS, TULLIDOS, RENGOS, SORDOMUDOS, PARALÍTICOS, LISIADOS, PATOJOS, ENFERMITOS, POBRECITOS, PCD.
Se debe decir: PERSONAS CON DISCAPACIDAD.

Se dice: PERSONAS NORMALES Y PERSONAS ANORMALES
Se debe decir: PERSONAS CON DISCAPACIDAD Y PERSONAS SIN DISCAPACIDAD

Se dice: PERSONAS NORMALES Y PERSONAS ANORMALES
Se debe decir: PERSONAS CON DISCAPACIDAD AUDITIVA O PERSONA SORDA

viernes, 20 de octubre de 2017

Compatibilidad de lectores de pantalla y HTML5

El sitio web Assistive technology compatibility tests explica cómo los elementos y atributos de HTML5 y ARIA se comportan con diferentes lectores de pantalla y navegadores.

Así, por ejemplo, podemos descubrir que el elemento abbr funciona correctamente en los navegadores NVDA y JAWS, pero no en VoiceOver, mientras que el elemento acronym, que está desaconsejado, no funciona en ninguna combinación de lector de pantallas y navegador:


Y en la lista de atributos podemos ver el comportamiento del atributo title en diferentes situaciones:

miércoles, 18 de octubre de 2017

Productos de HIMS

HIMS es una empresa norteamericana especializada en productos de apoyo.

En su catálogo podemos encontrar Smart Beetle, una línea y teclado braille de 14 celdas por $1.345:


BrailleSense Polaris, una línea y teclado braille, que también es anotador, por $5.295:


Y Braille Sense U2 QWERTY, una línea braille con teclado estándar por $5.595:




lunes, 16 de octubre de 2017

Uso de los elementos fieldset y legend

Los formularios suelen plantear muchos problemas de accesibilidad web. Por ello es muy importante conocer todos los elementos de HTML que se pueden emplear en los formularios para mejorar su accesibilidad.

El artículo Using the fieldset and legend elements explica el uso correcto. La explicación se resumen en estos consejos:

When to use a fieldset and legend
You should use the <fieldset> and <legend> elements when:
  • You have a single multiple choice question (using radio buttons or checkboxes).
  • You have several questions relating to the same topic (like text boxes, or any other type of field).
When not to use a fieldset and legend
You should not use the <fieldset> and <legend> when:
  • You have a single form field that asks for a single piece of information.


viernes, 13 de octubre de 2017

Cuatro razones por las que un sitio web accesible es una estrategia win-win

En 4 reasons why an accessible website is a win-win:
  1. Improved search engine optimization (SEO)
  2. Better user experience for all visitors and all devices
  3. Avoiding costly and embarrassing lawsuits
  4. Increasing the audience for your website by making it more inclusive

miércoles, 11 de octubre de 2017

Estrategias para adoptar la accesibilidad web

En WebAIM’s Hierarchy for Motivating Accessibility Change se presenta el siguiente grafico para motivar a la gente a adoptar la accesibilidad web. Los niveles, de menor a mayor importancia y efectividad son:

  • Guilt
  • Punish
  • Require
  • Reward
  • Enlighten
  • Inspire

lunes, 9 de octubre de 2017

Cuando los enlaces parece botones (y al revés)

Usar un botón como si fuera un enlace, o un enlace como si fuera un botón, es algo muy común, y es un completo error.

Cuando un lector de pantalla lee una página web, anuncia al usuario los elementos que encuentra en la página. Le puede decir cosas como "lista", "imagen", "botón" y "enlace".

Cuando un usuario oye "botón", no espera que cuando lo use se navegue a otra página web, a no ser que sea el botón de envío de un formulario.

Cuando un usuario oye "enlace", espera que cuando lo use se navegue a otra página web, no espera que no ocurra nada y no cambie la página web en la que se encuentre.

En el pasado ya he escrito algunas entradas sobre este tema:


Ahora he encontrado But sometimes links look like buttons (and buttons look like links), una lectura muy interesante para complementar las anteriores.

viernes, 6 de octubre de 2017

Controlar el ordenador con la mente

El artículo Fusionar mente y máquina: ¿de verdad estamos cerca? es un excelente resumen de la tecnología actual que permite controlar un ordenador con la mente.

En este artículo se intentan contestar estas dos preguntas:

¿Hasta qué punto estamos cerca de lograr conectar nuestro cerebro con nuestras tecnologías?

¿Y cuáles serían las consecuencias una vez que nuestras mentes estuviesen conectadas?

miércoles, 4 de octubre de 2017

Curso Aprende accesibilidad web paso a paso

lunes, 2 de octubre de 2017

Séptima encuesta del WebAIM sobre el uso de lectores de pantalla

Durante los últimos años, el WebAIM ha realizado varias encuestas online destinadas a analizar los hábitos de uso de los lectores de pantalla:
Ahora ya está abierta la séptima edición: Screen Reader User Survey #7.

La encuesta estará disponible hasta el 1 de noviembre de 2017 y la pueden contestar todos los usuarios de lectores de pantalla, incluso los que los usan únicamente para evaluación y pruebas.

viernes, 29 de septiembre de 2017

Focus ring

Have you ever noticed the little blue or dashed ring that appears around elements when you activate them with your keyboard or mouse? This is known as a focus indicator, and it's extremely important for users who rely primarily on their keyboard to navigate the screen. For a keyboard user, the focus indicator (or ""focus ring"") is kind of like their mouse pointer. It shows them which element is currently active and receiving keyboard events. Because the focus ring can show up on custom controls or whenever we add styles to native elements like the button tag, it's a common anti-pattern to remove the focus indicator using the CSS outline: none style. But doing this degrades the user experience for our keyboard users as they are no longer able to tell which elements are currently focused.

Enter :focus-ring! The :focus-ring pseudo class is a new CSS selector designed to help differentiate between mouse and keyboard focus. Today on a11ycasts we'll look at how :focus-ring works, and show off a few :focus-ring polyfills that you can start using today to improve the accessible styles on your site!


viernes, 15 de septiembre de 2017

Accesibildad de gráficos complejos

En Charts & Accessibility  se ofrecen algunos consejos, con ejemplos, para crear gráficos accesibles:

  1. If the data in a chart, graph or map is crucial to the content of a Web page, then you must provide a text description of the image. In some cases, a numeric table replicating the chart data could provide additional accessibility. WCAG 2.0 Guideline 1.1.1—"All non-text content that is presented to the user has a text alternative that serves the equivalent purpose…"
  2. Supplement color-coding of charts with texture, differences in line style, text in graphs or different shades of color to improve accessibility for colorblind users. Charts should be readable in black and white. NOTE: The default settings of the Chart Wizard in Excel are not color accessible. Use the formatting tools to change line styles and colors. WCAG 2.0 Guideline 1.4.1—"Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element."