¿Qué es "a11y"?
«A11y» es una abreviatura que se utiliza comúnmente para referirse a la «accesibilidad». La razón detrás de esta abreviación peculiar es que la palabra «accesibilidad» tiene 12 letras entre la «a» y la «y», y se reemplazan esas 12 letras con el número «11», dejando solo la «a» y la «y». Esta abreviación se ha vuelto muy popular en la comunidad de diseño y desarrollo web, especialmente entre quienes trabajan y promueven la accesibilidad web.
La accesibilidad web, representada por «a11y», se refiere al conjunto de prácticas, técnicas y directrices que se utilizan para diseñar y desarrollar sitios web y aplicaciones que sean accesibles para todas las personas, independientemente de sus capacidades o discapacidades.
Comprendiendo la Accesibilidad
Definición General de Accesibilidad
La accesibilidad es la condición que deben cumplir los entornos, procesos, bienes, productos y servicios, así como los objetos o instrumentos, herramientas y dispositivos, para ser comprensibles, utilizables y practicables por todas las personas en condiciones de seguridad y comodidad y de la forma más autónoma y natural posible.
Tipos de Accesibilidad y Condiciones Relacionadas
Accesibilidad Cognitiva
Se habla de accesibilidad cognitiva cuando algo es fácil de entender. La mayoría de las personas con discapacidad intelectual o alguna limitación cognitiva tiene dificultades de lectura y escritura, lo que les supone un gran esfuerzo para comprender toda la información que les rodea.
Afasia
La afasia es un trastorno causado por lesiones en las partes del cerebro que controlan el lenguaje. Las personas con afasia pueden tener dificultad para la lectura, la escritura y para expresar lo que desean decir. Las causas pueden ser un derrame, tumores cerebrales, infecciones, lesiones y la demencia. El tipo de problema que presentan las personas con afasia y su gravedad depende de la parte del cerebro que sufrió el daño y de la magnitud del mismo.
Baja Visión
La baja visión es una discapacidad visual que supone una incapacidad en la función visual, incluso con las mejores medidas o tratamientos correctivos. Sin embargo, las personas con baja visión tienen una capacidad visual suficiente para la planificación y ejecución de diferentes tareas. Existen muchos tipos de baja visión como la falta de agudeza visual (visión poco nítida), distrofia macular (solo se ve una parte reducida del campo visual) o la visión borrosa.
Legislación y Normativas Clave en Accesibilidad
Ley Europea de Accesibilidad (EAA)
Introducida en 2019 y plenamente implementada en 2025, la Ley Europea de Accesibilidad (EAA) crea una legislación común en toda la UE. Establece que casi todas las organizaciones que ofrecen productos o servicios a los consumidores de la UE deben hacerlos accesibles. Es importante señalar que la EAA es una referencia básica y que algunos países europeos pueden tener requisitos adicionales en materia de accesibilidad.
Ley Europea de Accesibilidad
Americans with Disabilities Act (ADA)
La Americans with Disabilities Act (ADA) es una ley de derechos civiles en los Estados Unidos que prohíbe la discriminación contra las personas con discapacidades «en todos los aspectos de la vida pública, incluidos los empleos, las escuelas, el transporte y todos los lugares públicos y privados que están abiertos al público en general». Recientemente, la accesibilidad de los sitios web y el contenido digital se considera parte de estas regulaciones. En un caso notable en 2006, tres personas ciegas demandaron a Target.com junto con la NFB (National Federation of the Blind), y el juez dictaminó que el sitio debía ser accesible según esta ley. Target tuvo que cumplir con la certificación de NFB, pagándoles 170.000 dólares en tres años y también por daños y perjuicios a los demandantes.
Accessibility for Ontarians with Disabilities Act (AODA)
Introducida en 2005, la Accessibility for Ontarians with Disabilities Act (AODA) es una de las leyes de accesibilidad más completas. Su objetivo es identificar, eliminar y prevenir todas las barreras a la accesibilidad en todos los aspectos de la vida en Ontario, Canadá, para 2025. La AODA se aplica a todas las organizaciones registradas en Ontario, independientemente de su tamaño o sector.
Section 508 de la Ley de Rehabilitación de EE. UU.
La Section 508 es una normativa incluida en la Ley de Rehabilitación de EE. UU. que garantiza la accesibilidad de cualquier hardware, software o sitio web de una agencia federal utilizado por el público en general.
BS 8878:2010 Web Accessibility
La norma BS 8878:2010 Web Accessibility está escrita en un lenguaje no técnico y se dirige a las personas con responsabilidades en materia de estrategia o desarrollo dentro de una organización. No es, ni pretende ser, una alternativa a las WCAG 2.0 (o a otros estándares a los que se hace referencia la norma: ISO 9241:171, UAAG, ATAG, WAI-ARIA). La BS 8878 no establece especificaciones técnicas como lo hacen las WCAG 2.0, sino que se centra en el proceso.
Estándares y Guías para la Accesibilidad
WCAG (Web Content Accessibility Guidelines)
Las WCAG (Web Content Accessibility Guidelines) fueron desarrolladas por el W3C para crear un estándar completo y cuantificable para la accesibilidad del contenido web. Actualizadas periódicamente, las WCAG se utilizan como base para muchas leyes y normativas sobre accesibilidad en todo el mundo, incluyendo la UE, Australia, Japón, EE. UU. y Canadá. Las WCAG desarrollaron una serie de criterios de éxito, que se miden por niveles de conformidad:
- A (básico)
- AA (intermedio)
- AAA (avanzado)
Es importante señalar que el nivel de conformidad A no cumple los requisitos de muchas leyes de accesibilidad.
ATAG (Authoring Tool Accessibility Guidelines)
Las ATAG 2.0 están divididas en dos partes: la primera (Parte A) sobre cómo hacer que la propia herramienta de autor sea accesible, y la segunda (parte B) sobre cómo hacer que la herramienta ayude a los autores a producir contenido web accesible. Las ATAG 2.0 son recomendación desde el 24 de septiembre de 2015, y por tanto sustituyen a las ATAG 1.0.
IMS Access For All (AfA)
El IMS Accessibility Working Group se centra en la adaptación o personalización de los recursos, interfaces y contenidos para ofrecer recursos accesibles acordes con las necesidades individuales de cada persona, como recursos de aprendizaje digitales. Estas especificaciones fueron adaptadas en la norma ISO/IEC 24751-1:2008 y a su vez dieron lugar a la especificación IMS Access For All 2.0. La especificación IMS AfA 3.0 pretende por tanto promover una experiencia de usuario completa al permitir la adecuación de las características de los recursos a las necesidades y preferencias de los usuarios individuales. Las normas asociadas son ISO/IEC 24751-1:2008 e ISO/IEC 24751-2:2008.
AccessiWeb (Francia)
En Francia, fuera de los requisitos oficiales RGAA para sitios web del sector público, BrailleNet proporciona el estándar de certificación "AccessiWeb" que conduce a una etiqueta de certificación que se puede colocar en un sitio web. Similar a RGAA, la etiqueta AccessiWeb ofrece una certificación del nivel de accesibilidad de un sitio web. Las normas AccessiWeb se basan en los requisitos WCAG 2.0 pero se reestructuran de una forma diferente en torno a una serie de recomendaciones.
Herramientas y Tecnologías de Apoyo a la Accesibilidad
Tecnologías de Asistencia o Productos de Apoyo
La gama de productos de software y hardware que ayudan a los usuarios a acceder a páginas web, aplicaciones y programas informáticos se denomina tecnologías de asistencia o, según recomienda la Norma UNE-EN ISO 9999:2007, "productos de apoyo para personas con discapacidad". Un ejemplo de producto de apoyo es un lector de pantalla.
Los sistemas operativos y otras plataformas ofrecen un conjunto de interfaces (API, Application Programming Interface) que exponen información sobre los objetos y eventos a los productos de apoyo.
Lectores de Pantalla
La tecnología que interpreta el código informático y convierte el contenido visual de una pantalla en palabras habladas o en salida Braille es el lector de pantalla.
Bucle Magnético
Un bucle magnético es un medio de apoyo a la comunicación que permite hacer llegar la señal de audio deseada correctamente al audífono o implante eliminando el ruido de fondo, transformando la señal de audio que todos podemos oír en un campo magnético que es captado por los audífonos o implantes dotados de posición ‘T’. Un sistema de bucle magnético consta de:
- micrófono/s para capturar la palabra
- un amplificador de bucle de inducción para procesar la señal de audio
- el cable de lazo alrededor del perímetro de un área específica que actúa como una antena para emitir la señal magnética para el audífono.
Audiodescripciones
La audiodescripción es una narración (ya sea en voz humana o mediante síntesis de voz) que explica exhaustivamente los detalles visuales que no quedan reflejados en el audio y que el usuario necesita conocer. Las audiodescripciones se insertan en las pausas naturales de los diálogos o la narración y pueden ser cerradas, permitiendo al usuario activarlas o desactivarlas. Algunas descripciones pueden ser entregadas como un canal de audio independiente que se mezcla en el reproductor.
Otra opción es tener una pista de "texto a voz" generada por ordenador; en este caso se habla de audiodescripciones en formato texto, las cuales se entregan al cliente como texto y son renderizadas localmente por los productos de apoyo (lector de pantalla o línea braille). Los ficheros de texto se proporcionan como archivos de texto que contienen los tiempos de comienzo de cada descripción. El documento de referencia para elaborar audiodescripciones son las "Buenas prácticas de audiodescripción" del CESyA, basadas en la "Norma UNE 153.020 Audiodescripción para personas con discapacidad visual. Requisitos de Usuario para la Accesibilidad de los Medios Audiovisuales".
Textos Alternativos y Accesibilidad de Imágenes
Los textos alternativos son descripciones o interpretaciones escritas de una imagen que no es una parte destacada del contenido visual, haciendo las imágenes accesibles.
Braille
El código Braille original se basa en una celda, denominada "celda Braille", formada por una matriz de seis puntos de relieve para representar todas las letras, números y caracteres de puntuación. Este número era insuficiente para el uso de ordenadores y por eso surgió el "Braille computerizado" que añade dos puntos más a los seis del código "Braille integral" (o clásico).
APCA (Accessible Perceptual Contrast Algorithm)
El Accessible Perceptual Contrast Algorithm (APCA) es una nueva forma de medir el contraste para contenido textual y no textual en pantallas autoiluminadas. El código básico de APCA es una reducción de un modelo más grande. APCA ha sido creado por Andrew Somers, líder de investigación del subgrupo Visual Contrast del grupo de trabajo W3C Accessibility Guidelines Working Group’s Silver (WCAG 3).
La diferencia de brillo entre los colores de primer plano y de fondo es un factor clave en la accesibilidad visual.
aXe (The Accessibility Engine)
aXe (The Accessibility Engine) es una librería portable JavaScript open source de 100 KB desarrollada por la empresa americana Deque. Ejecuta una evaluación automática de accesibilidad de páginas web integrada en el navegador, mediante una extensión, o integrada en el framework de testeo (Karma, Jasmine, Mocha, QUnit, etc.). La API soporta IE, Chrome, Firefox y Safari. Las extensiones disponibles son para Chrome y Firefox.
Conceptos Relacionados con el Diseño y Desarrollo Web Accesible
Experiencia de Usuario (UX) y Usabilidad
Dentro del campo de la Experiencia de Usuario (UX), la definición original del concepto de affordances es de James J., y Donald Norman en 1988 utilizó el término en el sentido de todas las posibilidades de acción que son inmediatamente percibidas por el usuario.
Agile UX y Lean UX
Agile UX busca la integración de la Experiencia de Usuario en las metodologías de desarrollo de software ágil. Por tanto, el equipo de UX y el de desarrollo trabajan juntos. Se basa en la colaboración (Collaboration-Centered Design), no en la documentación innecesaria; en la iteración continua y rápida para mejorar la Experiencia de Usuario, a través de sketching rápido y de test de usabilidad y usuarios, y no en la perfección desde el principio; en que más no es mejor, mejor es mejor; en que no está terminado hasta que no es usable y aporta valor al negocio. El concepto de Lean UX complementa estas ideas.
Las reuniones de inicio con el cliente para conceptualizar el producto y aterrizar el proyecto de forma colaborativa entre todos los stakeholders son fundamentales en estos enfoques.
Arquitectura de la Información
El término "Arquitectura de la información" fue introducido por Richard Saul Wurman en el congreso anual American Institute of Architects de 1976, consolidándose en 1997 con su libro "Information Architects". Se identifica 1994 como el año del nacimiento oficial de la disciplina cuando Louis Rosenfeld empieza a utilizarlo en su columna "Web Architect" de Web Review.
Flujo de Navegación y Texto Seleccionable
La forma en que se puede navegar por los componentes del contenido y cómo esa secuencia afecta a la comprensión, el significado y el funcionamiento de una página web es crucial para la accesibilidad. El texto que se puede seleccionar con un cursor y que no forma parte de una imagen es fundamental, ya que el texto real se puede ampliar sin cambios en la resolución y puede ser leído por tecnologías de asistencia.
Migas de Pan (Breadcrumbs)
Las migas de pan, traducidas al español como "migas de pan" o "menú de rastros", suelen estar colocadas en la parte superior izquierda, debajo de la cabecera y antes del contenido de la página. Existen varios tipos:
- Migas de pan localizadoras: informan del lugar dentro del sitio web donde se ubica esa página, independientemente de la navegación que se haya realizado previamente.
- Migas de pan dinámicas: se construyen a partir de la navegación del usuario y responden a la pregunta "¿Cómo he llegado hasta aquí?".
- Migas de pan descriptivas: ligadas a la información contenida en una página, son metainformación del contenido e independientes de la navegación realizada por el usuario.
Otro tipo de migas de pan son las tabbed breadcrumbs, que se convierten a su vez en el menú de navegación. Para comprenderlas mejor se puede consultar "The Tabbed Breadcrumb Navigation" de G.
AJAX (Asynchronous JavaScript and XML)
AJAX (Asynchronous JavaScript and XML) es una técnica de desarrollo web para crear aplicaciones interactivas. Éstas se ejecutan en el cliente, es decir, en el navegador del usuario, y mantiene comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre la misma página sin necesidad de recargarla. AJAX no es una tecnología o un lenguaje de programación en sí, citando a Félix: "AJAX es una forma de programar". Conjuga varias tecnologías que ya existían mucho antes de ser acuñado el término.
Análisis de Secuencia y Cardsorting
El Análisis de Secuencia consiste en la realización de una serie de pruebas a usuarios potenciales del producto, y el posterior análisis cualitativo y cuantitativo de esos resultados, para ayudar a definir la secuencia (el orden) de las etiquetas en el producto electrónico. Se puede aplicar al lenguaje para representar campos semánticos. La técnica de agrupación de tarjetas (cardsorting) es una técnica de investigación en Psicología que nos permite conocer cómo el usuario organiza mentalmente la información, sus categorías mentales. La técnica se puede realizar manualmente, mediante tarjetas de papel.
Analítica Web
La analítica web es la disciplina que se encarga de la recopilación, medición, evaluación y explicación racional de los datos obtenidos de un sitio web mediante herramientas como Google Analytics, con el propósito de extraer conclusiones, definir estrategias y establecer reglas de negocio sobre la base de los datos recabados. Permite tomar decisiones de marketing más eficientes, mejorar la estrategia de posicionamiento en Internet, incrementar la cartera de clientes y optimizar el diseño de la página web, además de permitir la evaluación del retorno económico de todas estas actividades. La analítica web no consiste en ver las estadísticas de un sitio web, sino conocer y medir el comportamiento de los usuarios a través de estas con el propósito de entender y optimizar un sitio web. Permite, por tanto, monitorizar el comportamiento del usuario y ofrece diferentes métricas: número de visitas, visitantes únicos y páginas vistas, duración de la visita, dispositivos y sistemas operativos desde los que se accede, procedencia geográfica, páginas por las que entran o abandonan el sitio, la secuencia de páginas que ven, etc.
CAPTCHA
El objetivo del CAPTCHA es que el sistema sepa distinguir a una máquina de un ser humano, y de este modo impedir, por ejemplo, que los robots accedan a un blog y envíen comentarios automáticos como spam. Es una prueba insertada en el recorrido del usuario diseñada para diferenciar a un usuario humano de un ordenador. Un cambio en el contenido no siempre es un cambio de contexto.
Principios de Diseño y Estructura Semántica
Uno de los principios de diseño es el balance o equilibrio entre los elementos que componen la página, que su distribución no esté descompensada. El equilibrio nos hace sentir que todas las partes están ordenadas correctamente y permite destacar más unos elementos u otros. Se consigue mediante el uso de las simetrías y asimetrías. En un balance asimétrico o informal se juega con el peso visual de los elementos para lograr su equilibrio, es decir, con su color, su tamaño, su proximidad, su margen, etc.
El uso de elementos HTML semánticos en encabezados, listas o botones proporciona una estructura clara y atractiva, que las tecnologías de asistencia interpretan fácilmente y mejora la accesibilidad general del sitio web. Cuando los usuarios buscan información específica en una página web focalizan su atención solamente en las partes de la página donde ellos asumen que puede estar la información relevante (textos pequeños y vínculos) de modo que los banners o gráficos grandes y animados son ignorados. El usuario comienza con una necesidad de información determinada y, mediante búsqueda, navegación o ayuda, intenta satisfacerla obteniendo documentos y contenidos de su interés.
Un lenguaje documental controlado donde se establecen entre los términos relaciones de equivalencia pero no de jerarquía ni de asociación puede ser útil para la organización del contenido.
Readability (Legibilidad)
La readability o comprensión de los textos en español es importante. Existen índices que buscan conocer la facilidad de lectura de textos, como algunos que, para el inglés (su aplicación a otros idiomas carece de validez estadística), indican el nivel de estudios necesario para comprender un texto.
Ontología de Requisitos de Accesibilidad
Existe una ontología que nace en la Canterbury Christ Church University como repositorio de requisitos de accesibilidad semánticos que pueden ser aplicados, tanto para el modelado de requisitos de accesibilidad empleando herramientas CASE, como para el modelado manual de requisitos.
ACR (Accessibility Conformance Report) y VPAT®
La evaluación de la accesibilidad de un sitio web y la creación de un ACR (Accessibility Conformance Report) es un proceso esencial. Un VPAT® (Voluntary Product Accessibility Template) incluye una lista de verificación WCAG, requisitos de cumplimiento de hardware y requisitos de documentación de soporte. Un VPAT® es una prueba aceptada internacionalmente para demostrar las pruebas de accesibilidad y el cumplimiento.
Existen checklists de usabilidad, como la propuesta por el Gobierno de Australia e incluida dentro del conjunto de publicaciones "User Profiling and Testing Toolkit" del Gobierno de Australia, que también contribuyen a la evaluación.
Eventos y Conferencias: a11yConf
a11yConf es un evento de ámbito estatal que reúne a personas expertas en accesibilidad digital, diseño, desarrollo de software, profesionales y entusiastas del ámbito tecnológico con un objetivo común: compartir conocimientos, experiencias y buenas prácticas para crear productos y servicios digitales accesibles para todas las personas.
Documento de Cuestionario de Requisitos
Un documento de cuestionario para captar los requisitos iniciales con el cliente en un proyecto web es normalmente un formato para entender qué desea o qué necesidades tiene realmente.
tags: #abreviatura #palabra #accesibilidad