Las WCAG son estándares internacionales de accesibilidad basados en cuatro principios.

2024/10/29

WCAG（Web Content Accessibility GLas directrices son establecidas para garantizar que los sitios web y el contenido web sean accesibles para el mayor número posible de personas.Guías internacionalesEsto es especialmente cierto,Estándares para facilitar el uso de sitios web por parte de usuarios con discapacidades y personas mayores.Como tal, muchos países y empresas se basan en esto para garantizar la accesibilidad web.

La WCAG,Los siguientes establecen 'cómo deben ser accesibles' los sitios web y los contenidos web.Cuatro principiosse basa en.。

Además, la WCAG incluye,Los "A", "AA" y "AAA" son los tres niveles de conformidad que indican el grado de cumplimiento de la accesibilidad.existe.Comprender estos cuatro principios y tres niveles de conformidad permitirá que su sitio cumpla correctamente con WCAG.。

Cumplir con WCAG es una medida importante que mejora la conveniencia de muchos usuarios y el valor de marca de las empresas, mientras que al mismo tiempo reduce los riesgos legales.

En este artículo, discutiremos sobre WCAG. Además de los cuatro principios mencionados y los tres niveles de conformidad, explicaremos detalladamente los beneficios de cumplir con WCAG y los riesgos de no hacerlo.

Los "cuatro principios" y los "tres niveles de conformidad" de WCAG

Primero, es necesario entender WCAG y conocer los cuatro principios y los tres niveles de conformidad para construir contenido web que cumpla con ellos.

WCAG tiene cuatro principios que son:Varias directrices vinculadas a cada principioHay. Esto proporciona pautas concretas al crear contenido web. Y,Cada directriz tiene criterios de cumplimiento clasificados en tres niveles de conformidad.Se han establecido, que constituye la estructura básica del WCAG.

◆ Estructura del WCAG

A continuación, explicaré los cuatro principios.

Cuatro principios: 'Perceptible', 'Operable', 'Comprensible', 'Robusto'.

Los cuatro principios que constituyen WCAG son:Una base diseñada para que muchos usuarios puedan acceder al sitio web.Su objetivo es facilitar el uso del sitio web, independientemente de las discapacidades. Detallaremos cada uno de los principios.

① Perceptible (Perceivable).

Es un principio que permite a los usuarios percibir el contenido web, asegurando que las personas con discapacidades visuales o auditivas puedan reconocer el contenido.Proveer información a través de medios alternativos, como texto, imágenes y audio.Es necesario.

◆ Ejemplos concretos de 'Perceptible'.

De esta manera, todos losEl contenido debe ser perceptible independientemente de las limitaciones visuales o auditivas.Por lo tanto, se requerirán medidas como la textualización o medios alternativos.

② Operable

Son principios para permitir que los usuarios operen el sitio web.Permitir la operación solo con el teclado incluso para personas con discapacidades, o proporcionar tiempo adicional si los usuarios no pueden operar dentro del tiempo establecido.deben poder operar contenido que esté bien y completamente presentado, como.

◆ Ejemplos concretos de 'Operable'

en este principio,Cualquier usuario, sin importar qué dispositivos o herramientas de asistencia utilice, debe poder interactuar con el contenido.Es importante diseñar para que sea así.

③ Comprensible (Understandable)

Este es un principio que hace que el contenido y la interfaz sean comprensibles para todos los usuarios.Evitar operaciones demasiado complejas y el uso de términos difíciles, un diseño que sea intuitivo y fácil de entender para los usuarios.Es necesario realizar.

◆ Ejemplos concretos de 'Comprensible'

Para que el usuario pueda entender fácilmente y no se confunda al operar,Se debe evitar el uso de términos técnicos o complejidades y diseñar el flujo y las funciones del contenido de manera clara y comprensible.。

④ Robusto

El contenido debe funcionar de manera robusta en diversas tecnologías y dispositivos, es decir,Diseñado para asegurar la compatibilidad.HacerEs un principio. Los usuarios que actualmente están utilizando oPodrá acceder al contenido sin problemas con futuras herramientas de asistencia o navegadores que puedan surgir.para queCódigo que cumple con los estándares.se utilizará.

◆ Ejemplos concretos de 'Robustez'

Se requiere un diseño técnico que sea robusto y flexible para que el sitio pueda seguir atendiendo a muchos usuarios durante un largo período.

Es necesario realizar la verificación y construcción de sitios web basándose en estos cuatro principios.

Actualmente, WCAG 2.0, que se ha convertido en la norma internacional, se desarrolla en un entorno de cambios y evolución significativa de tecnologías y dispositivos.Se caracteriza por ser de contenido abstracto que no depende de especificaciones técnicas, para que muchos sitios web puedan ser verificados de manera fácil y eficiente (facilidad de pruebas).

Tres niveles de conformidad: 'A', 'AA', 'AAA'.

Bajo los cuatro principios mencionados en el apartado anterior, se han establecido varias directrices vinculadas a cada principio, que proporcionan criterios detallados para que el contenido web sea accesible a la mayor cantidad posible de usuarios.

Y cada directriz establece múltiples criterios de cumplimiento, que se clasifican en tres niveles de conformidad: A, AA y AAA. Estos niveles de conformidad son,Es un indicador de cuán accesible es un sitio web.y se describe de manera que se pueda determinar la conformidad o no conformidad al verificar el sitio web según estos criterios de logro.

① Nivel de conformidad A (mínimos estándares de accesibilidad)

El Nivel de Conformidad A significa que se cumplen los requisitos básicos de accesibilidad. En este nivel,Medidas mínimas para que los usuarios puedan acceder al contenido.Por ejemplo, se está llevando a cabo. Por ejemplo,Agregar texto alternativo a las imágenes y detener la reproducción automática de videos, etc.está incluido. Los sitios web que no cumplen con el Nivel de Conformidad A pueden no ser operativos a un nivel básico para muchos usuarios, por lo queCriterios que deben abordarse como prioridad.

② Nivel de Conformidad AA (Estándares de accesibilidad estándar).

El nivel de conformidad AA es un estándar de accesibilidad que cumple con los requisitos para atender a una amplia gama de usuarios.En muchos países y empresas, se recomienda que el contenido web cumpla con este nivel.Por ejemplo, Mantener un contraste de color adecuado, asignar nombres claros a los campos de entrada, etc.Esto incluye. Cumplir con el nivel AA hace que el sitio web sea más accesible para la gran mayoría de los usuarios.

③ Nivel de conformidad AAA (el estándar de accesibilidad más alto)

El Nivel de Conformidad AAA cumple con los requisitos de accesibilidad de más alto nivel. Al conformarse con este nivel, casi todos los usuarios con discapacidades pueden utilizar el contenido de manera cómoda. En este nivel de conformidad,Proporcionar videos de lengua de señas, mantener textos concisos y fáciles de leer, etc.Esto incluye, sin embargo,No siempre es realista alcanzar este nivel, por lo que no se recomienda como un requisito.

Así, están divididos en tres niveles desde A hasta AAA.Para cumplir con AA, debe cumplirse A, y para cumplir con AAA, deben cumplirse AA y A.Cumplir con AAA es muy difícil y, actualmente,En la accesibilidad web, lo deseable se considera que es 'cumplir con el nivel AA'.Se considera que.

Además, en particular sobre las medidas para alcanzar los criterios de conformidad de nivel AA y A,El Comité de Infraestructura de Accesibilidad Web (WAIC) ha publicado una hoja de referencia, por lo que, consulte también.

Tabla de referencia de los estándares de logro JIS X 8341-3:2016 (Nivel A & AA)

Ahora hablemos sobre las ventajas de cumplir con WCAG.

Cinco beneficios de cumplir con WCAG.

Al cumplir con WCAG, un sitio web puede obtener muchos beneficios. Aquí se explican cinco beneficios específicos.

Ventaja ① Mejora de la accesibilidad y la experiencia del usuario

Cumplir con WCAG mejora la accesibilidad del sitio en su totalidad, lo que mejora la usabilidad del sitio web para no solo las personas con discapacidades, sino para todos los usuarios. Y,Al permitir que más usuarios utilicen el servicio de manera cómoda, también se logra una mejora en la UX (experiencia del usuario).

Por ejemplo, la provisión de texto alternativo, el diseño adaptado para daltonismo, y el soporte para la operación mediante teclado,Las mejoras en accesibilidad mejoran la experiencia web para todos los usuarios, independientemente de cualquier discapacidad.Estas medidas facilitan a los usuarios navegar por el sitio sin confundirse,Como resultado, esto conduce a una disminución de la tasa de abandono y un aumento en el tiempo de permanencia y la tasa de conversión.

Mejorar la accesibilidad se traduce directamente en la mejora de la experiencia del usuario (UX), proporcionando una operación cómoda y fluida para todos los usuarios.es un medio importante para aumentar la satisfacción del cliente.Es así.

Beneficio ② Mejora de la imagen de la marca

Prestar atención a la accesibilidad demuestra una postura de responsabilidad social y mejora la imagen de marca de las empresas y organizaciones. En particular,En la actualidad, donde las empresas valoran la inclusión y la diversidad, se convierte en un factor importante para aumentar la confianza social.

Esto permite que la reputación de la empresa mejore y gane la confianza de los clientes.Esto facilitará que los clientes elijan sus servicios y contribuirá a la expansión de su base de clientes.。

Ventaja ③ Reducción de riesgos legales

En muchos países y regiones, se están reforzando las leyes y regulaciones sobre accesibilidad web. Por ejemplo,Como el 'ADA (Americans with Disabilities Act)' en EE. UU. y la 'Directiva de Accesibilidad Web de la UE' en la Unión Europea.existe.En Japón, la Ley de Eliminación de la Discriminación por Discapacidad exige la provisión de ajustes razonables.

Cumpliendo con WCAG, se pueden cumplir con estas exigencias legales y evitar riesgos de litigio y problemas legales.

Beneficio ④ Capacidad para adaptarse a nuevas herramientas y dispositivos de asistencia

La WCAG se basa no solo en las tecnologías web convencionales, sino también en principios de diseño universal.Por lo tanto, no solo se puede adaptar a las herramientas y dispositivos de accesibilidad actuales, sino también a aquellos que evolucionarán en el futuro.

Por ejemplo, herramientas de asistencia como los lectores de pantalla,Se analiza el contenido basado en etiquetas HTML y atributos ARIA.Por lo tanto, si se colocan etiquetas y atributos ARIA (※) adecuados en el texto según WCAG, el sitio web puede interpretarse correctamente, incluso si las tecnologías de lectores de pantalla evolucionan, y proporcionar funciones adecuadas a los usuarios.

además, dispositivos portátiles y dispositivos IoT acceden a los sitios web a través de un navegador web o aplicaciones específicas. En ese caso, el contenido es analizado primero por el navegador o la aplicación, y el resultado se muestra en un formato adecuado para el dispositivo. Por lo tanto,Si la estructura HTML se basa en las WCAG, el contenido se mostrará correctamente sin importar el tipo de dispositivo que lo visualice.

De esta manera, al cumplir con las WCAG, el sitio web no se verá obligado a adaptarse rápidamente con cada aparición de nuevas tecnologías, sino queSe puede mantener estabilidad y flexibilidad a largo plazo.

※ Atributos ARIA ... Atributos HTML utilizados por herramientas como lectores de pantalla para interpretar correctamente los elementos de la página web.

Ventaja ⑤ Impacto positivo en SEO

La conformidad de los sitios web con WCAG permite.lo que hace que sea más fácil ser indexado (registrado en bases de datos) correctamente por los motores de búsqueda.Por ejemplo, al establecer texto alternativo para imágenes o estructurar correctamente el HTML, los motores de búsqueda pueden comprender el contenido con precisión. Por lo tanto, mejorar la accesibilidad web esTambién contribuye a mejorar el ranking en los resultados de búsqueda orgánicos, lo que lleva a un aumento del tráfico.

Al cumplir con WCAG, se pueden disfrutar muchas ventajas. Ahora, si no se cumpliera, es decir,Riesgos de no cumplir con la accesibilidadA continuación, se explicará sobre esto.

En Japón, si no se cumplen los requisitos de WCAG, se pueden imponer advertencias administrativas o multas.

En Japón, debido a la enmienda de la Ley de Eliminación de la Discriminación por Discapacidad, a partir de abril de 2024,La provisión de ajustes razonables en las empresas privadas ha sido legalmente obligatoria.Esto asegura queA todas las páginas web se les exige el cumplimiento de la accesibilidad web con WCAG.

En este momento,No se establecen sanciones directas por la falta de cumplimiento con la accesibilidad web.Sin embargo, si se descuida la respuesta y se deja el sitio web sin atención, existe la posibilidad de recibir orientación de las autoridades. Además,Si no se siguen las directrices y no se observan mejoras, o si se presentan informes falsos, se puede imponer una multa de hasta 200,000 yenes.Para más detalles, consulte la FAQ de la Oficina del Gabinete a continuación.

Referencia:Preguntas frecuentes sobre la ley para la eliminación de la discriminación basada en discapacidades y respuestas <Dirigido al público> (Oficina del Gabinete)

Además, aunque no haya sanciones legales,En la actualidad, donde se exige diversidad, la sociedad es cada vez más crítica con las empresas o servicios que carecen de consideraciones razonables.Particularmente en el extranjero, esta tendencia social es notable, y los problemas legales están aumentando significativamente.

Ejemplos de litigios en EE.UU.

En el apartado anterior, tocamos el tema de la "ADA" en EE.UU. La ADA es una ley de derechos humanos que protege los derechos de las personas con discapacidades en EE.UU. y abarca aspectos relacionados con la accesibilidad. En los últimos años, en EE.UU.,casos en los que las páginas web de las empresas no cumplen con los requisitos de accesibilidad pueden ser objeto de litigio.están aumentando.

Como ejemplo, la cadena de supermercados 'Winn-Dixie' fue demandada porque los usuarios con discapacidades visuales no podían usar un lector de pantalla para realizar pedidos en su sitio web de comercio electrónico.

El tribunal dictaminó que el sitio web de Winn-Dixie se consideraba un 'lugar público', por lo que requería cumplir con la accesibilidad según la ADA, ordenando a Winn-Dixie que modificara su sitio web para que las personas con discapacidades visuales pudieran utilizarlo correctamente con un lector de pantalla.

Otro ejemplo: el sitio web oficial de la popular artista Beyonce (beyonce.com) fue demandado por no ser compatible con lectores de pantalla para discapacitados visuales y "restringir el acceso a los discapacitados visuales"; a raíz de la demanda, el sitio se rediseñó para mejorar la accesibilidad y cumplir las WCAG.

De esta manera,En el extranjero, el incumplimiento de la WCAG ha llevado a que las regulaciones legales hayan avanzado hasta incluir riesgos de litigio reales.。Es muy probable que en Japón, donde la provisión de razones razonables ha sido legalmente obligada, surjan casos como este en el futuro.las empresas deben tener en cuenta estos riesgos y actuar en consecuencia.

A continuación, presentaremos empresas y organizaciones que cumplen con las WCAG.

Tres ejemplos de empresas y organizaciones que adoptan el WCAG

En la actualidad, cada vez más empresas y organizaciones están adoptando WCAG para llegar a una gama más amplia de usuarios y mejorar la experiencia del usuario. Aquí presentamos tres ejemplos representativos.

Ejemplo ① Apple

Apple ha sido pionera en accesibilidad, ofreciendo contenido web que cumple con WCAG desde temprano.El sitio web y los productos de la empresa cuentan con funciones de accesibilidad para atender a personas con discapacidades visuales, auditivas y limitaciones en las funciones motoras.Por ejemplo, se ofrecen funciones de soporte visual como compatibilidad con lectores de pantalla y ajuste de contraste.

Referencia:Accesibilidad – Apple

Caso ② Microsoft

Microsoft también es una empresa que ha logrado accesibilidad web en conformidad con WCAG.La empresa está realizando esfuerzos para que sus productos y servicios sean accesibles para todos los usuarios, incluidas las personas con discapacidades, a través de la metodología 'Diseño Inclusivo'.En particular, el sitio web oficial de la empresa y sus servicios en la nube (como Azure) son compatibles con la operación mediante teclado y ofrecen funciones de guía de voz para personas con discapacidades visuales.

Referencia:Diseño Inclusivo de Microsoft.、Microsoft Azure

Ejemplo ③ Oficina del Gabinete

El sitio web de la Oficina del Gabinete,Cumple con el 'Nivel de Conformidad AA' de JIS X 8341-3:2016 (normativa japonesa de accesibilidad web, que se mencionará más adelante) que tiene la misma normativa que la WCAG 2.0.y se ha abordado en la medida de lo posible dentro de los niveles de 'conformidad nivel AAA'. (Se hacen excepciones para contenido antiguo y archivos PDF proporcionados externamente, ya que son difíciles de modificar).

El sitio web de la Oficina del Gabinete,debido a que se requieren altos estándares de cumplimiento, especialmente de las entidades públicas, se está llevando a cabo una verificación y mejora continua.y se esfuerzan por cumplir con el nivel AA en las páginas nuevas o actualizadas.

Referencia:Política de accesibilidad web de la Oficina del Gabinete.

A continuación, explicaremos la relación entre el estándar internacional WCAG y el estándar nacional JIS.

La relación entre WCAG y JIS

La WCAG se publicó en 1999 con la WCAG 1.0,La WCAG 2.0 es la normativa que actualmente corresponde al estándar internacional (ISO).Se considera que.

El WCAG es un estándar internacional de accesibilidad web, peroEn Japón, se ha establecido la norma 'JIS X 8341-3:2016' como equivalente a la WCAG 2.0.La JIS X 8341-3:2016 incorpora casi en su totalidad el contenido de WCAG 2.0 y su estructura básica (cuatro principios, tres niveles de conformidad) también cumple con WCAG.

Estas sirven como pautas para que las instituciones públicas y empresas de Japón aseguren la accesibilidad web.Juega un papel crucial en la promoción de la accesibilidad web al traducir estándares internacionales a regulaciones locales.。

Como se mencionó anteriormente, actualmente la WCAG 2.0 es el estándar internacional, que es equivalente a JIS X 8341-3:2016, peroDe hecho, el WCAG ha sido actualizado continuamente desde la versión 2.0 y se ha publicado hasta la versión 2.2, mientras que la versión 3.0 se encuentra en la fase de borrador.

◆ Relación entre WCAG, ISO y JIS

Como se mencionó, se están preparando modificaciones a las normas ISO y JIS para cumplir con WCAG 2.2.

WCAG 2.1 y 2.2 refuerzan la accesibilidad en dispositivos móviles.

Aquí, explicaremos 'WCAG 2.1', que es la versión superior de WCAG 2.0, y la última versión, 'WCAG 2.2'.

Primero, la WCAG 2.1 es,Con la proliferación de teléfonos inteligentes y tabletas,La accesibilidad en dispositivos móviles ha comenzado a ser demandada.Tomando esto en cuenta, especialmenteSe han reforzado los estándares de accesibilidad para la operación táctil y pantallas pequeñas.。

En la WCAG 2.1, se añadieron 17 criterios de cumplimiento centrados en la accesibilidad para dispositivos móviles, discapacidad visual y discapacidad cognitiva. (Además de los 61 criterios de cumplimiento de la WCAG 2.0,En la 2.1 hay 78 criterios de cumplimiento.）

Y en la última versión de WCAG 2.2, se han agregado 9 nuevos criterios de éxito, especialmente enfocados en mejorar la accesibilidad para usuarios con discapacidades cognitivas y personas mayores, expandiendo así la versión anterior 2.1. (Junto con los 78 criterios de éxito de WCAG 2.1,En 2.2, hay 87 criterios de éxito.）

Específicamente, se han agregado criterios como los siguientes.

◆ Criterios adicionales representativos

・Limitación de la complejidad de gestos.(WCAG 2.1): Asegurarse de que se pueda operar incluso con gestos simples.
・ Provisión de múltiples métodos de entrada(WCAG 2.1): Se recomienda un diseño que prevenga errores en la interacción por toques o clics.
• Soporte para zoom de contenido(WCAG 2.1): Asegurarse de que el contenido no se descomponga al ampliar la pantalla.

・Visibilidad del foco.(WCAG 2.2): Asegurarse de que esté claramente visible dónde se encuentra el enfoque del teclado.
• Tamaño del objetivo(WCAG 2.2): Asegurar un tamaño mínimo para los objetivos de clic o toque, disminuyendo los errores de operación.
・ Autenticación que no dependa de la memoria.(WCAG 2.2): Proporcionar métodos de autenticación de contraseñas que no requieran memoria (como biometría).

De esta manera,En el proceso de actualización de WCAG 2.0 a WCAG 2.2, se ha colocado un enfoque especial en mejorar la accesibilidad en dispositivos móviles.esto es fundamental.

Con Uniweb, se puede responder rápidamente a WCAG.

En este artículo, explicamos en detalle WCAG. Con la enmienda de la Ley de eliminación de discriminación por discapacidad, es obligatorio que todos los sitios web cumplan con la accesibilidad web. Esto significa queSe requiere que diseñadores, ingenieros y personal de mantenimiento tengan una comprensión correcta de WCAG y una respuesta rápida en sus propios sitios web.

Si está considerando construir un sitio web conforme al WCAG, nuestra empresa 'Uniweb'Se recomienda su uso. UniWeb es una herramienta en forma de plugin que facilita la mejora de la accesibilidad del sitio web, implementando una variedad de funciones para crear un sitio web fácil de usar para todos los usuarios.se apoya en WCAG 2.1 y JIS X 8341-3:2016, contribuyendo a la reducción de riesgos legales y a la mejora de la usabilidad.

El cumplimiento con WCAG, que puede resultar en costos altos y meses de trabajo, también puede ser visto comoAl utilizar Uniweb, solo es necesario agregar una línea de código al sitio web, lo que permite reducir significativamente los costos financieros y de tiempo.。El ícono rosa redondo en la esquina inferior derecha de este artículo.Al hacer clic, podrá experimentar las funciones de UniWeb, así que no dude en probarlo.

Además, el siguiente artículo proporciona una descripción detallada sobre las formas de abordar específicamente la accesibilidad web y las herramientas que se pueden utilizar, así que les invitamos a leerlo junto con este artículo.

Artículos relacionados:¿Qué medidas de accesibilidad web deben implementar necesariamente los responsables del sitio?