miércoles, 24 de agosto de 2016

Las 10 de reglas de oro para el diseño web accesible (según la Comisión Europea)

En 10 golden rules in accessible Web design encontramos:


  1. Provide text alternatives
    1. Non-text content (images, audio and video…)
    2. Equivalent purpose
    3. Multiple ways of providing alternatives
    4. CAPTCHA needs accessible alternatives
    5. Decorative content
    6. Images of text
  2. Structure contents
    1. Headings
    2. Lists
    3. Data tables
    4. Markup vs. style sheets
    5. Resize text
    6. Bypass blocks
  3. Avoid dependence on a single sense
    1. Captions and audio descriptions
    2. Use of colour
    3. Sensory characteristics
    4. Contrast
    5. Background audio
  4. Make all functionalities keyboard accessible
    1. Keyboard access
    2. No keyboard trap
    3. Focus order and visibility
    4. Unexpected behaviour
    5. Drop down menus, accordions, carousels…
  5. Give users enough time
    1. Timing adjustable
    2. Automatic redirections
    3. Long processes
    4. Banners
  6. Avoid interferences
    1. Seizures and flashes
    2. Audio control
    3. Blinking, moving, auto-updating
    4. Opening new windows
    5. Unexpected behaviour
  7. Identify hyperlinks and contents
    1. Link purpose
    2. Page titles
    3. Language of page and parts
    4. Form labels
    5. Section headings
    6. Opening new windows
  8. Make navigation interfaces consistent
    1. Consistent navigation
    2. Consistent identification
    3. Multiple ways
    4. Information architecture
  9. Help users avoid mistakes
    1. Labels and instructions
    2. Error identification
    3. Error suggestion
    4. Error prevention
    5. Good information architecture
  10. Ensure compatibility
    1. Web standards and code validation
    2. Accessible use of technologies
    3. User tests
    4. JavaScript, PDF and Flash
    5. WAI-ARIA: Accessible Rich Internet Applications

martes, 23 de agosto de 2016

Sitio web con vídeos con lengua de signos (o de señas)

Curioso el sitio web los Testigos de Jehová. Dispone de 835 idiomas:


Entre los idiomas se pueden elegir aquellos que se basen en la utilización de la lengua de signos:


Y también dispone de un modo accesibilidad que parece que activa o desactiva el subrayado de los enlaces:








lunes, 22 de agosto de 2016

Mejoras en Narrator

Narrator es el lector de pantallas de Microsoft que está disponible por defecto en su sistema operativo Windows.

Nunca ha sido un serio competidor frente a otros lectores de pantalla como JAWS, Window-Eyes, VoiceOver o NVDA, pero esto parece que está cambiando.

En Improvements to Narrator in Windows 10 explican que están mejorando sus características y su funcionamiento con Microsoft Edge en Windows 10.

jueves, 18 de agosto de 2016

Herramienta para automatizar análisis de accesibilidad

TheA11yMachine es una herramienta automática de evaluación de la accesibilidad web que rastrea y evalúa las páginas de un sitio web para generar un informe detallado.

miércoles, 17 de agosto de 2016

Enlaces accesibles sin el subrayado

Quitarle el subrayado a los enlaces no es una buena práctica, ni desde el punto de vista de la usabilidad ni desde el punto de vista de la accesibilidad. Sin embargo, es algo que todos hemos hecho, hacemos y seguiremos haciendo.

En Accessible links without underlines se explica lo que se debe tener en cuenta para garantizar que los enlaces seguirán siendo accesibles aunque se elimine el subrayado.

lunes, 15 de agosto de 2016

Perfil para personas con discapacidad

Global Public Inclusive Infrastructure (GPII) es una propuesta de desarrollo de un perfil de usuario para la Web y para cualquier tipo de dispositivo que incorpore el perfil de discapacidad del usuario. De este modo, cuando un usuario acceda a un dispositivo que no sea el suyo, al identificarse con su perfil el dispositivo se adaptará a sus necesidades.

Una gran solución a un problema actual. Esperemos que sea adoptado, aunque lo veo difícil por las inercias que suele tener la industria a este tipo de propuestas.

viernes, 12 de agosto de 2016

Controla el ordenador con la mente

En TED he encontrado el vídeo A headset that reads your brainwaves:

Tan Le's astonishing new computer interface reads its user's brainwaves, making it possible to control virtual objects, and even physical electronics, with mere thoughts (and a little concentration). She demos the headset, and talks about its far-reaching applications.



Más vídeos en TED sobre discapacidad: Designing for disability

miércoles, 10 de agosto de 2016

El uso del atributo title

El atributo title, ese atributo que se puede utilizar para añadir información a cualquier cosa de una página web suele causar bastante confusión.

Ya he escrito sobre su uso anteriormente:


El atributo title realiza unas funciones especiales en los elementos abbr, dfn, input, link y style. En el resto de elementos su función es proporcionar advisory information (3.2.5.2 The title attribute), que se traduce por "información de asesoramiento", lo cual no se entiende muy bien. Quizás sea mejor decir "información adicional o complementaria".

"Información adicional o complementaria" deja bien claro que debe ser usado para añadir información a alguna información que ya se ha proporcionado previamente. Si no se ha hecho, como por ejemplo cuando se usa el atributo title en vez del atributo alt, se está haciendo muy mal.

El W3C ya avisa de ello con una advertencia:

Relying on the title attribute is currently discouraged as many user agents do not expose the attribute in an accessible manner as required by this specification (e.g. requiring a pointing device such as a mouse to cause a tooltip to appear, which excludes keyboard-only users and touch-only users, such as anyone with a modern phone or tablet).


Como me siguen preguntando por su uso, ahí van algunos consejos:

  • No se debe emplear para proporcionar información vital o necesaria para la accesibilidad. Por tanto, no se debe emplear como sustituto del texto alternativo (alt), de las etiquetas de los controles de formulario (label), de los encabezados de tabla (th), etc.
  • No se debe emplear para proporcionar la misma información que esté disponible como texto o texto alternativo.
  • No se debe emplear para presentar información obvia.
  • Se debe usar con cuidado en los enlaces y botones pequeños, porque al mostrarse el tooltip puede cubrir el elemento asociado.
  • Siempre se debe emplear en la etiqueta frame para definir el propósito de un marco en una página web (aunque el uso de los marcos está desaconsejado desde hace tiempo).
  • La regla básica para su uso es sencilla: la página web se debe emplear sin ningún problema si el atributo se elimina.

martes, 9 de agosto de 2016

Podcasts sobre accesibilidad web (2)

El segundo podcast de Rob Dodson publicado hasta ahora:

lunes, 8 de agosto de 2016

Podcasts sobre accesibilidad web (1)

Rob Dodson, desarrollador de Google, ha iniciado una serie de podcasts sobre accesibilidad web: