--- title: "Accesibilidad web: claves para cumplir las pautas WCAG" description: Los WCAG marcan las pautas sobre cómo hacer el contenido web más accesible para las personas con discapacidad. ¿Conoces las claves para su cumplimiento? image: https://www.tercersector.com.es/hubfs/accesibilidad%20web%20pautas.png --- [![Tercer Sector Digital Logo](https://www.tercersector.com.es/hubfs/TSDLogo.png)](https://www.tercersector.com.es) - [Transformación Digital](https://www.tercersector.com.es/transformacion-digital-para-ong-fundaciones-y-entidades-sin-animo-de-lucro) - [Innovación con impacto social](https://www.tercersector.com.es/innovacion-impacto-social-entidades-sin-animo-de-lucro) - [Subvenciones 0,7](https://www.tercersector.com.es/subvenciones-07-proyectos-irpf-fines-de-interés-social) - [Blog](https://www.tercersector.com.es/blog) [CONTACTO](https://www.tercersector.com.es/es/contacto) [NEWSLETTER](https://www.tercersector.com.es/newsletter) Marketing y presencia digital # Accesibilidad web: claves para cumplir las pautas WCAG Los WCAG marcan las pautas sobre cómo hacer el contenido web más accesible para las personas con discapacidad. ¿Conoces las claves para su cumplimiento? [Equipo Editorial](https://www.tercersector.com.es/blog/author/equipo-editorial) abr 6, 2022 --- [![Share on facebook](https://7528309.fs1.hubspotusercontent-na1.net/hub/7528309/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/facebook-color.png?width=24&name=facebook-color.png)](http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.tercersector.com.es%2Fblog%2Faccesibilidad-web-claves-para-cumplir-las-pautas-wcag%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on linkedin](https://7528302.fs1.hubspotusercontent-na1.net/hub/7528302/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/linkedin-color.png?width=24&name=linkedin-color.png)](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.tercersector.com.es%2Fblog%2Faccesibilidad-web-claves-para-cumplir-las-pautas-wcag%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on twitter](https://7528304.fs1.hubspotusercontent-na1.net/hub/7528304/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/twitter-color.png?width=24&name=twitter-color.png)](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.tercersector.com.es%2Fblog%2Faccesibilidad-web-claves-para-cumplir-las-pautas-wcag%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fwww.tercersector.com.es%2Fblog%2Faccesibilidad-web-claves-para-cumplir-las-pautas-wcag%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=) [![Share on email](https://7528311.fs1.hubspotusercontent-na1.net/hub/7528311/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/email-color.png?width=24&name=email-color.png)](mailto:?subject=Check%20https%3A%2F%2Fwww.tercersector.com.es%2Fblog%2Faccesibilidad-web-claves-para-cumplir-las-pautas-wcag%3Futm_medium%3Dsocial%26utm_source%3Demail%20&body=Check%20https%3A%2F%2Fwww.tercersector.com.es%2Fblog%2Faccesibilidad-web-claves-para-cumplir-las-pautas-wcag%3Futm_medium%3Dsocial%26utm_source%3Demail) Los WCAG son unos documentos que marcan las Pautas de Accesibilidad para el Contenido Web (WCAG son sus siglas en inglés). Estos documentos se trabajan de manera cooperativa a nivel mundial con personas y organizaciones que tratan de consensuar un estándar único que cubra las necesidades de accesibilidad de las webs. Las Administraciones públicas deben cumplir con un nivel AA de accesibilidad web. Es el mismo nivel que recomendamos para las web de ONG o fundaciones que buscan ofrecer una buena experiencia de usuario.  Estos documentos marcan las pautas sobre cómo hacer el contenido web accesible para las personas con discapacidad. Tanto la información de la web (textos, imágenes y otros archivos tipo media) como el código (definición de la estructura y la arquitectura). ### ¿Quién desarrolla las pautas WCAG? La documentación técnica es desarrollada por el Grupo de Trabajo de las Pautas de Accesibilidad ([AG WG](https://www.w3.org/WAI/GL/)), el cual forma parte de la Iniciativa por la Accesibilidad Web ([WAI](https://www.w3.org/WAI/)) del World Wide Web Consortium ([W3C](http://www.w3.org/)). Como hemos comentado, estos grupos e iniciativas tienen un alcance internacional y funcionan de manera cooperativa y coordinada entre personas, organizaciones y empresas. Toda persona o entidad que quiera participar en la mejora de la documentación, puede hacerlo a través de los puntos de contacto de su página web. ### Niveles de accesibilidad web: A, AA y AAA Para facilitar el cumplimiento de estos estándares según la disponibilidad de recursos y necesidades de las organizaciones, existen tres niveles diferenciados de menor a mayor profundidad en la accesibilidad. Según la web oficial de W3C, el cumplimiento de los niveles sigue la siguiente lógica: - **Para la conformidad del Nivel A** (el nivel mínimo de conformidad), la página web satisface todos los Criterios de Conformidad del Nivel A, o se proporciona una versión alternativa conforme. - **Para el cumplimiento del Nivel AA**, la página web satisface todos los Criterios de Conformidad del Nivel A y del Nivel AA, o se proporciona una versión alternativa conforme al Nivel AA. - **Para la conformidad con el Nivel AAA**, la página web cumple con todos los Criterios de Conformidad con el Nivel A, el Nivel AA y el Nivel AAA, o se proporciona una versión alternativa que cumple con el Nivel AAA. Aunque el mayor cumplimiento de requisitos se obtendría con un Nivel AAA, debido a su difícil alcance en ciertos países como en España, el nivel AA es el obligatorio par las Administraciones Públicas. Esta obligatoriedad se marcó en el [Real Decreto 1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público](https://www.boe.es/diario_boe/txt.php?id=BOE-A-2018-12699). Contenido recomendado #### ¿Cómo hacer que tu sitio web sea accesible para todas las personas? Todo el mundo, independientemente de sus habilidades o discapacidades, debe poder acceder y utilizar de manera sencilla y clara tu sitio web. [Leer artículo](https://www.tercersector.com.es/blog/sitio-web-accesible-todas-personas)   ### Pautas para el cumplimiento de los diferentes niveles de accesibilidad web  Los siguientes puntos están desglosados en profundidad en la [documentación oficial de  Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/) , en su última versión actualizada en junio de 2018. #### Pauta 1 de accesibilidad web: Perceptible La información y los componentes de la interfaz de usuario deben estar presentables para los usuarios de manera que puedan percibirlos. - **Alternativas de texto**. Proporcionar alternativas de texto para cualquier contenido que no sea de texto para que se pueda cambiar a otras formas que las personas necesiten, como letra grande, braille, habla, símbolos o un lenguaje más simple.  - Contenido no textual - Nivel A - **Time-based media**. Proporcionar alternativas para los medios basados en el tiempo.  - Solo audio y solo vídeo (pregrabado) - Nivel A - Subtítulos (pregrabados) - Nivel A - Descripción de audio o alternativa de medios (pregrabados) - Nivel A - Subtítulos (en vivo) - Nivel AA - Descripción de audio (pregrabada) - Nivel AA - Lenguaje de signos (pregrabado) - Nivel AAA - Audiodescripción ampliada (pregrabada) - Nivel AAA - Medios alternativos (pregrabados) - Nivel AAA - Solo audio (en vivo) - Nivel AAA - **Adaptable**. Crear contenido que se pueda presentar de diferentes maneras (por ejemplo, un diseño más simple) sin perder información o estructura. - Información y relaciones - Nivel A - Secuencia significativa - Nivel A - Características sensoriales - Nivel A - Orientación - Nivel AA - Identificar el propósito de entrada - Nivel AA - Identificar Propósito - Nivel AAA - **Distinguible**. Facilitar a los usuarios ver y escuchar contenido, incluida la separación del primer plano del fondo. - Uso del color - Nivel A - Control del audio - Nivel A - Contraste (mínimo) - Nivel AA - Cambiar el tamaño del texto - Nivel AA - Imágenes de texto - Nivel AA - Contraste (mejorado) - Nivel AAA - Audio de fondo bajo o nulo - Nivel AAA - Presentación visual - Nivel AAA - Imágenes de texto (sin excepción) - Nivel AAA - Reflow - Nivel AAA - Contraste sin texto - Nivel AAA - Espaciado de texto - Nivel AAA - Contenido al pasar el mouse o enfocar - Nivel AAA #### Pauta 2 de accesibilidad web: operable Los componentes de la interfaz de usuario y la navegación deben ser operativos. - **Teclado accesible**. Toda funcionalidad debe estar disponible desde un teclado. - Teclado - Nivel A - Sin trampa de teclado - Nivel A - Teclado (sin excepción) - Nivel AAA - Accesos directos de teclas de caracteres - Nivel A - **Tiempo suficiente**. Proporcionar a los usuarios suficiente tiempo para leer y usar el contenido. - Temporización ajustable - Nivel A - Pausar, Detener, Ocultar - Nivel A - Sin tiempo - Nivel AAA - Interrupciones - Nivel AAA - Re-autenticación - Nivel AAA - Tiempos de espera - Nivel AAA - **Convulsiones y reacciones físicas.** No diseñar contenido de una manera que se sepa que causa convulsiones o reacciones físicas. - Tres parpadeos o por debajo del umbral - Nivel A - Tres destellos - Nivel AAA - Animación a partir de interacciones - Nivel AAA - **Navegable**. Proporcionar formas de ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran. - Bloques de derivación - Nivel A - Página titulada - Nivel A - Orden de enfoque - Nivel A - Propósito del enlace (en contexto) - Nivel A - Vías Múltiples - Nivel AA - Encabezados y etiquetas - Nivel AA - Foco visible - Nivel AA - Ubicación - Nivel AAA - Propósito del enlace (solo enlace) - Nivel AAA - Títulos de sección - Nivel AAA - **Modalidades de entrada**. Facilitar a los usuarios operar funcionalmente a través de varias entradas más allá del teclado. - Gestos de puntero - Nivel A - Cancelación de puntero - Nivel A - Etiqueta en Nombre - Nivel A - Actuación de movimiento - Nivel A - Tamaño objetivo - Nivel AAA - Mecanismos de entrada concurrentes - Nivel AAA #### Pauta 3 de accesibilidad web: comprensible La información y el funcionamiento de la interfaz de usuario deben ser comprensibles. - **Legible**. Hacer que el contenido del texto sea legible y comprensible. - Idioma de la página - Nivel A - Idioma de las partes - Nivel AA - Palabras inusuales - Nivel AAA - Abreviaturas - Nivel AAA - Nivel de lectura - Nivel AAA - Pronunciación - Nivel AAA - **Predecible**. Hacer que las páginas web aparezcan y funcionen de manera predecible. - En foco - Nivel A - En la entrada - Nivel A - Navegación consistente - Nivel AA - Identificación consistente - Nivel AA - Cambio a pedido - Nivel AAA - **Asistencia de entrada.** Ayudar a los usuarios a evitar y corregir errores. - Identificación de errores - Nivel A - Etiquetas o instrucciones - Nivel A - Sugerencia de error - Nivel AA - Prevención de errores (legales, financieros, de datos) - Nivel AA - Ayuda - Nivel AAA - Prevención de errores (todos) - Nivel AAA #### Pauta 4 de accesibilidad web: solidez El contenido debe ser lo suficientemente sólido como para que pueda ser interpretado por una amplia variedad de agentes de usuario, incluidas las tecnologías de asistencia. - **Compatibilidad**. Maximizar la compatibilidad con los usuario actuales y futuros, incluidas las tecnologías de asistencia. - Análisis - Nivel A - Nombre, Rol, Valor - Nivel A - Mensajes de estado - Nivel AA Servicio recomendado #### Accesibilidad web ¿Necesitas una web accesible o quieres si saber la web de tu organización lo es? Te recomendamos una auditoría basada en los estándares de W3C. [Podemos ayudarte](https://www.tercersector.com.es/es/contacto)   [Marketing y presencia digital](https://www.tercersector.com.es/blog/tag/marketing-y-presencia-digital) ### Otros artículos que te pueden interesar Herramientas digitales ### [Solución para reuniones, webinars y seminarios con descuento nonprofit](https://www.tercersector.com.es/blog/plataformas-webinars-seminarios-online-descuento-nonprofit) Recopilamos algunas de las plataformas para hacer reuniones, webinars y seminarios online con descuento para entidades sin ánimo de lucro. ¡Incluso... Equipo Editorial mar 8, 2022 Digitalización e innovación ### [Inteligencia Artificial: ¿cuáles son sus beneficios para mi entidad?](https://www.tercersector.com.es/blog/inteligencia-artificial-beneficios-para-mi-entidad) Las ONG aprovechan las capacidades de las herramientas de IA para mejorar sus procesos internos. De hecho, es posible que las estés utilizando ahora... Equipo Editorial may 2, 2023 Píldoras ### [Cookies: qué son, para qué sirven y cuántos tipos hay](https://www.tercersector.com.es/blog/que-son-cookies-para-que-sirven) ¿Sabías que cualquier sitio web, incluido el de tu ONG, está obligado a solicitar al usuario su consentimiento para almacenar datos en su equipo? Equipo Editorial jul 17, 2023 ### Recibe nuestra newsletter Recibe periódicamente novedades e información de interés sobre la transformación digital y el marketing digital para pequeñas y medianas ONG, Fundaciones y otras entidades del Tercer Sector. [![TSDLogo](https://www.tercersector.com.es/hubfs/TSDLogo.png)](https://www.tercersector.com.es) ##### Transformación digital, innovación y marketing digital para pequeñas y medianas entidades sin ánimo de lucro ### Hablamos sobre - [Digitalización e innovación](https://www.tercersector.com.es/blog/tag/digitalización-e-innovación) - [Marketing y presencia digital](https://www.tercersector.com.es/blog/tag/marketing-y-presencia-digital) - [Herramientas digitales](https://www.tercersector.com.es/blog/tag/herramientas-digitales) - [Píldoras formativas](https://www.tercersector.com.es/blog/tag/p%C3%ADldoras) - [Subvenciones y financiación](https://www.tercersector.com.es/blog/tag/subvenciones-y-financiación) - [Voluntariado, socios y fundraising](https://www.tercersector.com.es/blog/tag/voluntariado-socios-y-fundraising) ### ¿Qué hacemos? - [Transformación Digital para entidades sin ánimo de lucro](https://www.tercersector.com.es/transformacion-digital-para-ong-fundaciones-y-entidades-sin-animo-de-lucro) - [Innovación con impacto social](https://www.tercersector.com.es/innovacion-impacto-social-entidades-sin-animo-de-lucro) © 2024 Tercer Sector Digital  [Política de Privacidad](https://www.tercersector.com.es/politica-privacidad)  [Aviso Legal](https://www.tercersector.com.es/aviso-legal-web)  Política de Cookies ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Equipo Editorial", "url" : "https://www.tercersector.com.es/blog/author/equipo-editorial" }, "dateModified" : "2023-07-03T12:30:05.120Z", "datePublished" : "2022-04-06T06:00:00.000Z", "headline" : "Accesibilidad web: claves para cumplir las pautas WCAG", "image" : [ "https://www.tercersector.com.es/hubfs/accesibilidad%20web%20pautas.png" ], "mainEntityOfPage" : { "@id" : "https://www.tercersector.com.es/blog/accesibilidad-web-claves-para-cumplir-las-pautas-wcag", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.tercersector.com.es/hubfs/TSDLogo.png" }, "name" : "Tercer Sector Digital" } } ```