Menú

não acredite em ferramentas milagrosas: No creas en herramientas milagrosas

Selecciona tu idioma

Selecciona tu idioma

Hay dos formas de abordar la accesibilidad digital. ¿Cuál es la tuya?

La accesibilidad siempre se ha "dejado para después", porque nunca se ha visto como una mejora de la calidad de los productos, sino como "algo que las empresas están obligadas a incluir".

El uso de herramientas para cubrir carencias genera una falsa sensación de cumplimiento, pero la experiencia real sigue siendo deficiente.

Desplázate por la página y comprende las diferencias entre los caminos elegidos...

¡El camino que eliges influye directamente en la calidad de tu producto!

Sigue los recorridos y reflexiona...

Dos manos en blanco y negro ofrecen una píldora roja y una azul, en referencia a la película Matrix. En la versión animada, las manos giran y las píldoras caen al desplazarse por la página.

Dos elecciones. Diferentes consecuencias.

¿Qué ocurre después de elegir?

Sigue cinco etapas de un producto digital. Por un lado, la accesibilidad como parte del trabajo. Por otro, la expectativa de resolverlo todo con un overlay.

  1. La decisión inicial

    La promesa del atajo

    «Solo hay que instalarlo».

    El equipo instala una herramienta y considera resuelta la accesibilidad, sin investigar las barreras del producto.

    La accesibilidad en la práctica

    Comienza por comprender.

    El equipo identifica barreras, define prioridades y asume responsabilidades para abordarlas.

  2. La preparación de los equipos

    La promesa del atajo

    «La herramienta se encarga de eso».

    Diseño, contenido y desarrollo siguen trabajando sin formación. Las decisiones que crean barreras siguen repitiéndose.

    La accesibilidad en la práctica

    El conocimiento forma parte de la solución.

    Los equipos reciben formación para reconocer barreras e incorporar la accesibilidad a las decisiones cotidianas.

  3. La construcción del producto

    La promesa del atajo

    «Después lo adaptamos».

    El producto llega a la implementación sin requisitos de accesibilidad. Se espera que una capa añadida al sitio compense lo que se dejó fuera.

    La accesibilidad en la práctica

    Accesibilidad desde el origen.

    Los requisitos, comportamientos y criterios de aceptación se documentan desde el diseño y orientan el desarrollo.

  4. La verificación de la experiencia

    La promesa del atajo

    «Ya aparece el botón. Está listo».

    La presencia de la función se trata como prueba de accesibilidad, sin verificar si las personas pueden completar las tareas.

    La accesibilidad en la práctica

    La experiencia debe verificarse.

    QA participa desde el inicio. Las pruebas automatizadas y manuales, las tecnologías de apoyo y la participación de personas con discapacidad ayudan a identificar barreras.

  5. La continuidad

    La promesa del atajo

    «Eso ya lo resolvimos».

    Se publican nuevas páginas y funciones sin revisión de accesibilidad. La confianza en la herramienta sustituye al seguimiento del producto.

    La accesibilidad en la práctica

    Cada cambio también cuenta.

    El equipo hace seguimiento de los reportes, comprueba regresiones y actualiza componentes y documentación para mantener las mejoras.

Un largo camino...

La accesibilidad está lejos (muy lejos) de consistir en instalar una herramienta.

Es importante comprender que desarrollar con mayor calidad no implica fórmulas prefabricadas,
sino contextos de uso...

Comprende la herramienta

Es una herramienta de AJUSTES, no una solución de accesibilidad.

Algunas herramientas de accesibilidad añaden un panel de ajustes a la página. Se conocen como overlays: una capa de funciones sobre el sitio que estás utilizando.

  1. El sitio sigue siendo la base. El contenido, la estructura y los comportamientos deben ser accesibles.
  2. La herramienta añade ajustes. El panel puede reunir opciones como tamaño del texto y colores. Las funciones varían entre productos.
  3. Un botón abre el panel. Así suelen aparecer estas herramientas: un icono en uno de los laterales de la página.

La mayoría de las funciones añadidas ya existen en los sistemas operativos y navegadores.

Representación simplificada de dos capas: el sitio y el botón de la herramienta sobre la página. El icono de esta ilustración no es un botón funcional.

Funciones, alternativas y límites

¿Qué aportan realmente
estas herramientas?

Compara las funciones ofrecidas, los recursos que ya existen en los dispositivos y las barreras que siguen exigiendo trabajo en el propio sitio.

Compara función por función

Inventario de funciones

Muchas herramientas destacan que tienen un centenar de funciones, pero ¿cuántas influyen realmente en la experiencia de las personas o necesitan estar ahí?

La siguiente tabla muestra algunas funciones ofrecidas por herramientas de tipo overlay y las compara con funciones existentes en sistemas operativos o navegadores. Ten en cuenta que una redundancia, por sí sola, no siempre implica una mejora o un empeoramiento de la experiencia; esta es solo una tabla comparativa.

Funciones, alternativas y límites
Función ofrecida Alternativa o responsabilidad Límite de la comparación
Aumentar y reducir el texto Redundancia elevada Zoom de los navegadores; tamaño del texto en Windows, macOS, iOS y Android El zoom de página y el tamaño del texto tienen efectos diferentes. La compatibilidad con los ajustes varía entre sitios y aplicaciones.
Ampliador de pantalla o lupa Redundancia elevada Lupa de Windows, Zoom de macOS e iOS y ampliación de Android La ampliación del sistema puede abarcar toda la pantalla; una lupa dentro de un sitio tiene un alcance limitado.
Cursor más grande Redundancia elevada Configuración del puntero en Windows y macOS El ajuste del sistema se aplica a otras aplicaciones. Los punteros personalizados por el sitio pueden comportarse de otra manera.
Cambiar el color del cursor Redundancia elevada Personalización del puntero en el sistema operativo Las opciones disponibles dependen del sistema y de su versión.
Alto contraste Redundancia significativa Temas de contraste de Windows; opciones de contraste de macOS e iOS Los temas de contraste, el aumento del contraste y el cambio de colores de una página tienen alcances diferentes.
Invertir colores Redundancia elevada Inversión de colores en macOS, iOS y Android El tratamiento de imágenes, vídeos y elementos de la interfaz puede variar. Invertir los colores no garantiza un contraste adecuado.
Escala de grises Redundancia elevada Filtros de color de los sistemas operativos Eliminar los colores no resuelve la información que depende únicamente de ellos para comprenderse.
Filtros para daltonismo Redundancia significativa Filtros de color de Windows, macOS, iOS y Android Los filtros y sus resultados varían. El contenido sigue necesitando formas de identificación más allá del color.
Modo oscuro Redundancia significativa Preferencias de apariencia de sistemas y navegadores La apariencia oscura del sistema o navegador no transforma automáticamente todos los sitios. El resultado depende de la compatibilidad de la página.
Lectura de texto en voz alta Redundancia elevada Funciones de voz de los sistemas, lectura en voz alta y modos de lectura Escuchar un texto no equivale a navegar y operar una interfaz con un lector de pantalla. Las voces y los idiomas disponibles varían.
Lector de pantalla Alternativa gratuita especializada VoiceOver, NVDA, Jaws, TalkBack, Narrador, entre otros. Los lectores de pantalla ofrecen navegación e interacción, además de voz. El sitio debe tener semántica y comportamientos compatibles.
Avatar de lengua de signos Alternativa gratuita especializada Los avatares pueden considerarse útiles en situaciones concretas.
Ejemplo: VLibras (para la lengua de señas brasileña) (se abre en una pestaña nueva) 		Los avatares de lenguas de signos pueden ayudar a una parte de la comunidad sorda y sus funciones pueden utilizarse independientemente de otras herramientas, con cierta utilidad en algunas situaciones. Sin embargo, prefiera soluciones que prioricen a intérpretes humanos.
Comandos de voz Redundancia significativa Acceso por voz de Windows, Control por voz de Apple y Voice Access de Android La disponibilidad depende del sistema, la versión y el idioma. Los comandos limitados a un sitio no equivalen al control del dispositivo.
Teclado en pantalla Redundancia elevada Los teclados en pantalla están disponibles en la configuración de los sistemas operativos El teclado permite introducir datos, pero no corrige componentes a los que no se puede acceder o que no se pueden operar adecuadamente.
Reducir animaciones Redundancia parcial Preferencias de reducción de movimiento de los sistemas operativos La preferencia no garantiza que se detenga todo el movimiento de una página. El sitio debe respetarla y ofrecer controles adecuados.
Modo de lectura simplificado Redundancia significativa Modos de lectura de los navegadores y de Android No todas las páginas son compatibles. La presentación simplificada no sustituye la operación de formularios y otros componentes.
Máscara de lectura Redundancia parcial Recursos de foco de línea en los modos de lectura de los navegadores La máscara atenúa visualmente el contenido alrededor de una franja. La disponibilidad de la alternativa depende del modo de lectura; el recurso no corrige la estructura del contenido y debe permitir ajustes y desactivación.
Guía de lectura Redundancia parcial Recursos de seguimiento de líneas en los modos de lectura de los navegadores Una regla o línea visual ayuda a marcar la posición de lectura. No equivale necesariamente al foco de línea de un modo de lectura ni al foco del teclado; no debe ocultar contenido ni impedir interacciones.
Fuente más legible Redundancia parcial Personalización de fuentes en el navegador y en algunos modos de lectura La aplicación de las fuentes varía entre páginas y modos de lectura. No existe una única fuente que satisfaga las necesidades de todas las personas.
Seguimiento ocular o facial Redundancia parcial Control ocular de Windows y funciones de control mediante expresiones faciales en sistemas compatibles El control ocular y el facial son funciones distintas. Pueden requerir hardware específico y dependen del dispositivo y de su versión. Atención: Es importante saber si se almacenan las grabaciones de pantalla por cuestiones relacionadas con la LGPD, el RGPD, la CCPA o normas equivalentes.

Las funciones de esta tabla no son exhaustivas y solo pretenden ofrecer una comparación inicial.

¿Dónde consultar documentación y ejemplos de uso de recursos similares?
Función ofrecida Sinónimos y nombres similares del recurso Documentación y extensiones gratuitas
Aumentar y reducir el texto Tamaño de fuente; tamaño del texto; zoom de página
Ampliador de pantalla o lupa Lupa; ampliación; zoom de pantalla; magnifier
Cursor más grande Puntero ampliado; tamaño del puntero; cursor grande
Cambiar el color del cursor Color del puntero; puntero personalizado; pointer color
Alto contraste Temas de contraste; aumentar contraste; high contrast
Invertir colores Inversión de colores; colores invertidos; invert colors
Escala de grises Escala de grises; filtro monocromático; grayscale
Filtros para daltonismo Filtros de color; corrección de color; color filters
Modo oscuro Tema oscuro; apariencia oscura; dark mode
Lectura de texto en voz alta Leer en voz alta; síntesis de voz; text-to-speech (TTS)
Lector de pantalla Lector de pantalla; screen reader; Narrador
Avatar de lengua de signos Avatar de Libras; traducción automática a lengua de señas; VLibras
Comandos de voz Acceso por voz; control por voz; voice access
Teclado en pantalla Teclado en pantalla; teclado de accesibilidad; on-screen keyboard
Reducir animaciones Reducir movimiento; efectos de animación; reduced motion
Modo de lectura simplificado Modo de lectura; vista de lectura; lector inmersivo; reader mode
Máscara de lectura Máscara de pantalla; ventana de lectura; foco de línea; reading mask
Guía de lectura Regla de lectura; línea guía; reading ruler; line guide
Fuente más legible Personalizar fuentes; familia tipográfica; estilo de fuente
Seguimiento ocular o facial Control ocular; puntero con la cabeza; eye tracking; head tracking

Estos nombres ayudan a buscar recursos similares, pero no indican equivalencia en todos los contextos. La disponibilidad depende del sistema, la versión y el contenido; algunos enlaces están en inglés.

Análisis del comportamiento

Preguntas para reflexionar y orientar tu decisión

El nombre lo dice: FUNCIONALIDAD. ¿Esta función ayuda realmente en algo?

Función Pregunta principal
Navegación por teclado ¿Por qué sería necesario activar una función para operar algo que debería funcionar de forma natural con el teclado?
Compatibilidad con lectores de pantalla ¿Por qué no se desarrolló el sitio para funcionar correctamente con los lectores de pantalla que las personas ya utilizan?
Descripción automática de imágenes ¿Cómo garantizar que una descripción generada automáticamente represente correctamente la finalidad de la imagen?
Resaltado de enlaces y encabezados Si los elementos no son identificables, ¿por qué no corregir su presentación y semántica en la interfaz original?
Perfiles de discapacidad ¿Por qué suponer que las personas con la misma discapacidad necesitan los mismos ajustes?
Ajuste del espaciado del texto Si una persona modifica el espaciado, ¿el diseño sigue siendo funcional y sin pérdida de contenido?
Ampliación de texto y contenido Al ampliar el contenido, ¿la persona sigue pudiendo leer, acceder a los controles y completar su tarea sin superposiciones ni pérdida de información?
Alto contraste e inversión de colores ¿El ajuste conserva la identificación de campos, mensajes de error, foco y estados de los controles, o mejora una parte de la página y dificulta otra?
Filtros de color y escala de grises Si una información depende únicamente del color, ¿el filtro resuelve esa barrera o siguen faltando textos, símbolos y otras formas de identificarla?
Lectura de texto en voz alta ¿La lectura ayuda a comprender el contenido y se puede pausar y detener sin competir con el lector de pantalla u otros sonidos que la persona ya utiliza?
Reducción de animaciones Al detener el movimiento, ¿los carruseles, menús y otros componentes siguen siendo operables? ¿Por qué no respetar la preferencia del sistema desde el principio?
Modo de lectura simplificado ¿La simplificación conserva la información esencial, el orden de lectura y los enlaces necesarios, o elimina partes que la persona necesita?
Comandos de voz ¿La persona puede activar los controles por los nombres que aparecen en pantalla, sin aprender comandos exclusivos de la herramienta?
Cambio de fuente ¿El cambio de fuente respeta la preferencia de la persona y conserva la lectura de todos los caracteres, sin recortar textos ni desorganizar los componentes?

Considera el esfuerzo

La cantidad de funciones NO es una medida de accesibilidad

No es raro escuchar discursos que relacionan la cantidad de opciones ofrecidas con algo favorable para la accesibilidad. Pero la cantidad nunca será un factor de calidad, sobre todo si consideramos diversos estudios que relacionan la cantidad de opciones con el aumento de la carga cognitiva, como este estudio de 2023 (se abre en una pestaña nueva), por ejemplo.

Un posible recorrido de atención, interpretación y decisión al utilizar un panel de preferencias:

Selecciona una etapa para explorar un ejemplo. Selecciónala de nuevo para contraerla.

Etapas de esfuerzo cognitivo antes de retomar la tarea

  1. Encontrar la funciónInterrumpir la tarea y localizar los ajustes.

    Ejemplo de la situación

    Estás completando un formulario y necesitas aumentar el texto. Antes de continuar, buscas el botón que abre el panel de preferencias.

  2. Entender las opcionesInterpretar los nombres e imaginar el efecto de cada alternativa.

    Ejemplo de la situación

    El panel ofrece “Contraste”, “Saturación” y “Resaltado”. Lees los nombres e intentas descubrir qué opción facilitará la lectura del texto.

  3. Elegir un ajusteComparar posibilidades y decidir cuál puede responder a la necesidad.

    Ejemplo de la situación

    Comparas aumentar la fuente, ampliar la página y cambiar el espaciado para decidir qué opción probar primero.

  4. Probar el resultadoEvaluar el efecto y, si es necesario, reconsiderar la elección.

    Ejemplo de la situación

    Aumentas el texto, vuelves al formulario y compruebas si puedes leer mejor. Si el resultado no ayuda, regresas al panel para probar otro ajuste.

  5. Volver a la tareaRecuperar la atención y recordar dónde se había quedado.

    Ejemplo de la situación

    Después de cerrar el panel, buscas el campo en el que estabas y recuerdas la información que querías introducir.

Inspírate en buenas ideas

Observa los sitios de grandes empresas.
Son accesibles y no muestran "ajustes"

Desarrollar productos y servicios también implica reconocer y utilizar buenas prácticas. Del mismo modo que se adoptan algunas buenas prácticas de grandes empresas, adopta también su enfoque de desarrollar productos de forma consistente capacitando a sus equipos.

Acciones y posicionamientos importantes de gobiernos y organizaciones de distintos países

Hay muchas otras referencias para consultar. Desplázate un poco más para ver la lista.

Para profundizar

Referencias adicionales

Los siguientes enlaces incluyen investigaciones, empresas demandadas pese a utilizar herramientas, testimonios, análisis detallados e información que puede ayudar a argumentar y decidir sobre el uso de distintos tipos de herramientas.

  1. Overlay Fact Sheet (se abre en una pestaña nueva) — funcionamiento, capacidades y límites de los overlays.
  2. Overlay False Claims (se abre en una pestaña nueva) — documentación crítica de promesas comerciales.
  3. Should I Use An Accessibility Overlay? (se abre en una pestaña nueva) — argumentos sobre barreras sin resolver, tecnologías de apoyo y riesgos de confiar en overlays.
  4. The A11Y Project: Should I use an accessibility overlay? (se abre en una pestaña nueva) — diferencias entre correcciones temporales y complementos permanentes, con efectos en la autonomía, la privacidad y la calidad.
  5. Daniela Kubesch: The Impact of Web Accessibility Overlays (se abre en una pestaña nueva) — investigación de máster con evaluación técnica y un estudio de usabilidad con 21 personas con discapacidad visual.
  6. Lainey Feingold: Why Accessibility Overlays Don’t Work (se abre en una pestaña nueva) — resultados de pruebas de overlays en sitios de gobiernos estatales de Estados Unidos.
  7. Scope: Why accessibility overlays do not improve site accessibility (se abre en una pestaña nueva) — limitaciones de los widgets y posibles conflictos con tecnologías de apoyo.
  8. Sheri Byrne-Haber: Overlays are not the solution to your accessibility problem (se abre en una pestaña nueva)
  9. Sheri Byrne-Haber: More lawsuits filed against companies using accessibility plugin/overlays (se abre en una pestaña nueva)
  10. Sheri Byrne-Haber: The four pillars of accessibility overlay marketing (se abre en una pestaña nueva)
  11. Siteimprove: A guide to accessibility overlays (se abre en una pestaña nueva)
  12. Karl Groves: Selling Accessibility – Negative Factors (se abre en una pestaña nueva) — errores, miedo y prácticas que dificultan el apoyo a la accesibilidad en las organizaciones.
  13. FTC: acuerdo con accessiBe sobre afirmaciones de accesibilidad (se abre en una pestaña nueva) — comunicado sobre un acuerdo de un millón de dólares para resolver acusaciones de publicidad engañosa.

Vídeos

  1. The Underlying Truth about Overlays (se abre en una pestaña nueva)
  2. Overlays Underwhelm / Adrian Roselli #id24 2022 (se abre en una pestaña nueva)
  3. 5 False Claims 1-Line "AI" Accessibility Script Vendors Make (se abre en una pestaña nueva)
  4. What are accessibility overlays? (se abre en una pestaña nueva)
  5. Avoid companies claiming quick & easy AI accessibility (se abre en una pestaña nueva)
  6. Accessibility Overlays: What You See You Already Have (se abre en una pestaña nueva)
  7. ICT2020 Overlays Panel (se abre en una pestaña nueva)
  8. ¿Es posible hacer accesible un sitio con una sola línea de código? (en portugués) (se abre en una pestaña nueva)
  9. No confíes en herramientas "milagrosas" de accesibilidad (en portugués) (se abre en una pestaña nueva)

Otras lecturas

  1. Gobierno Digital: documentación de VLibras (se abre en una pestaña nueva) — referencia sobre traducción automática y la advertencia de que no sustituye a un intérprete humano.
  2. Scheibehenne, Greifeneder y Todd (2010): Can There Ever Be Too Many Options? (se abre en una pestaña nueva) — metaanálisis sobre sobrecarga de elección (PDF, en inglés).
  3. Chernev, Böckenholt y Goodman (2015): Choice overload (se abre en una pestaña nueva) — factores que influyen en la sobrecarga de elección (en inglés).
  4. W3C: Avoid Too Much Content (se abre en una pestaña nueva) — orientación sobre accesibilidad cognitiva, complementaria a las WCAG (en inglés).

Herramientas de ajustes de código abierto

Algunas opciones de código abierto para tus proyectos

Preferências de Acessibilidade

Basándonos en las mismas opciones disponibles en sistemas operativos y navegadores, hemos creado una herramienta de AJUSTES gratuita y de código abierto que puedes utilizar, recrear y adaptar libremente en tus proyectos.

Solo recuerda que debe describirse como una herramienta de AJUSTES y no como una solución de accesibilidad.

Sitio Preferências de Acessibilidade con el panel abierto, mostrando ajustes de zoom, contraste, fuentes, tamaño del texto y espaciado.

Conoce Preferências de Acessibilidade (se abre en una pestaña nueva)

El panel externo de preferencias está disponible en portugués en esta versión.

Al desmarcar, la herramienta se ocultará y se restablecerán los ajustes.

Otras opciones gratuitas y de código abierto

No respaldamos el uso de herramientas, pero hay razones por las que algunas personas pueden querer utilizarlas.

Solo recuerda que ofrecer herramientas de ajustes es diferente de promover la accesibilidad de productos o servicios digitales.