Pautas de accesibilidad al contenido web y SEO

SeoMarketing

Apasionado por el Marketing Digital

20 de mayo de 2021

Las opiniones del autor son totalmente suyas (excluyendo el improbable caso de hipnosis) y es posible que no siempre reflejen las opiniones de Moz.

Si actualmente está trabajando para que su sitio web sea accesible para todos los usuarios, probablemente ya haya oído hablar de la Ley de Estadounidenses con Discapacidades (ADA). Esta parte de la legislación federal de los Estados Unidos se aprobó para prevenir la discriminación contra las personas discapacitadas, ya sea por parte de agencias gubernamentales o empresas privadas.

Aunque la ADA se creó antes de que la mayoría de las organizaciones tuvieran presencia en línea, un precedente legal reciente muestra que la ley se aplica a la accesibilidad de sitios web y aplicaciones móviles tanto como a ubicaciones físicas, como tiendas, restaurantes y cines.

La ADA en sí no establece ningún criterio específico para la accesibilidad web y móvil. En cambio, muchos desarrolladores web y profesionales legales recurren a las Pautas de accesibilidad al contenido web (WCAG), ampliamente aceptadas como el punto de referencia para la accesibilidad digital en la actualidad.

En este blog, analizaremos más de cerca las WCAG y describiremos los pasos que puede seguir para cumplir con sus estándares. También explicaremos brevemente por qué los sitios web accesibles suelen tener una clasificación más alta en los motores de búsqueda, ¡lo que hace que la accesibilidad sea la opción correcta en todos los aspectos!

¿Cuál es el vínculo entre SEO y accesibilidad?

Dos burbujas blancas sobre fondo morado, una etiquetada

Asegurarse de que su sitio web sea accesible para todos los usuarios ya trae enormes beneficios para su empresa: si más personas visitan su sitio web, es probable que observe un aumento en el negocio. Es así de simple.

Teniendo en cuenta el hecho de que uno de cada cuatro estadounidenses vive con una discapacidad y que, a nivel mundial, el ingreso disponible de las personas con discapacidad es de $ 1.2 billones, hacer que su sitio web y aplicaciones móviles sean accesibles para todos abre sus productos y servicios a una nueva base de consumidores, y también puede conducir a mejoras significativas en el SEO de su sitio web.

Considere este ejemplo: los motores de búsqueda tienen como objetivo promover páginas con contenido claro y ordenado correctamente. Esto significa que debe seguir las pautas de WCAG en cosas como títulos. Si no incluye los rangos de los encabezados en el orden correcto, por ejemplo, al colocar el texto con un encabezado de cuarto nivel (

) después de un encabezado de segundo nivel (

), puede causar problemas de accesibilidad a las personas. utilizando tecnologías de asistencia.

Del mismo modo, si no proporciona un texto alternativo apropiado para las imágenes, o si mezcla subtítulos con texto de imagen alternativo, creará problemas para los usuarios con discapacidades y también dañará el SEO de la imagen en su sitio web.

Estos son solo un par de ejemplos de cómo mejorar la accesibilidad del sitio web puede impulsar el SEO, pero para obtener más información, asegúrese de ver la nueva serie Whiteboard Friday de Cooper Hollmaier sobre la relación entre accesibilidad y SEO.

De hecho, cualquier inversión que realice en accesibilidad digital también se verá reflejada en sus rankings de búsqueda. En su declaración de misión, Google dice que su propósito es “organizar la información del mundo y hacerla universalmente accesible y útil”. “Universalmente accesible” es la frase clave aquí. Sugiere que a medida que Google continúe evolucionando su motor de búsqueda y alineándolo con los principios del diseño accesible, los sitios web con características sólidas de accesibilidad subirán cada vez más alto en sus rankings de búsqueda.

¿Qué es WCAG y cómo se puede lograr el cumplimiento?

Cuadro blanco sobre fondo morado.  Dentro de la caja hay una barra de progreso de actualización etiquetada

WCAG ofrece un conjunto de reglas para desarrolladores web que buscan crear sitios web accesibles. Fue creado por el World Wide Web Consortium (W3C), una comunidad global de organizaciones públicas y miembros que están comprometidas a hacer que Internet esté abierto a todos.

Los sitios web y las aplicaciones móviles cambian constantemente a medida que aparecen nuevas tecnologías e innovaciones. Para mantener las pautas de WCAG actualizadas, el W3C también trabaja para brindar nuevos consejos a los desarrolladores web de manera continua.

Si revisa las demandas recientes de accesibilidad digital, verá que WCAG 2.0 es la versión más citada. Sin embargo, debe tener en cuenta que esta versión ya está desactualizada. WCAG 2.1 ya está disponible y proporciona más orientación sobre accesibilidad móvil, y WCAG 2.2 está pisándole los talones.

También es crucial tener en cuenta que, si bien “cumplimiento de WCAG” es un término ampliamente utilizado, en realidad es un nombre inapropiado. Técnicamente, es más preciso pensar en cumplir con éxito los estándares WCAG. El término “cumplimiento de WCAG” implica un organismo regulador, y el W3C no es un regulador de la industria ni forma parte de la legislación federal. Dicho esto, el cumplimiento de WCAG es la redacción aceptada tanto en conferencias de desarrollo web como en seminarios de derecho, por lo que usaremos el término en este artículo.

¿Mi sitio web debe cumplir con los estándares WCAG?

Si estás en los EE. UU., Sí, lo hace. Todo sitio web que sea utilizado por un ciudadano estadounidense, o que sea propiedad de una empresa estadounidense, está obligado por ley a cumplir con la ADA. Y debido a que WCAG se cita a menudo como un estándar para la accesibilidad digital durante los litigios, seguir su guía puede ayudar a su organización a evitar demandas costosas y perjudiciales. La noción de que cualquier empresa está exenta del cumplimiento de la ADA también es un mito.

¿Cómo puedo hacer que mi sitio web sea compatible con WCAG?

Cuatro cajas blancas sobre un fondo violeta, cada una con una de las cuatro ilustraciones: un ojo, un joystick, una bombilla y un engranaje.

WCAG establece cuatro principios fundamentales. Estos ofrecen una base sólida que los desarrolladores web pueden seguir para crear sitios web que sean accesibles para todos. Echemos un vistazo más de cerca a cada uno:

1. Perceptible

Para ser perceptible, toda la información contenida en un sitio web y todas las funciones de su interfaz de usuario, como enlaces, cuadros de texto y botones, deben presentarse de manera que todos los usuarios puedan percibirlos por al menos uno de sus sentidos. Si algún contenido está oculto para cualquier usuario, entonces el sitio web no puede considerarse perceptible.

2. Operable

Se considera que un sitio web está operativo cuando todos los usuarios pueden interactuar con él y navegar con éxito. Si un sitio web tiene características interactivas, todos los usuarios deben poder operar esos componentes.

3. Comprensible

Todos los usuarios deben poder comprender la información y la interfaz de un sitio web. Las páginas web deben aparecer y funcionar de manera predecible, y los usuarios deben estar protegidos contra errores de entrada en las páginas que provoquen compromisos legales o transacciones financieras.

4. Robusto

El contenido de un sitio web debe estar abierto a la interpretación de una amplia variedad de agentes de usuario. Por ejemplo, los navegadores web estándar y las tecnologías de asistencia, como los lectores de pantalla, deben poder acceder a un sitio web, y el contenido de un sitio web debe seguir siendo accesible a medida que evolucionan las tecnologías de asistencia.

¿Cómo puedo comenzar mi viaje de cumplimiento?

Tres cajas blancas sobre un fondo morado etiquetadas:

Sobre el papel, los cuatro principios de accesibilidad establecidos en WCAG parecen bastante simples. Pero, ¿cómo se pueden aplicar? Para ayudar a responder esta pregunta, WCAG ofrece pautas más detalladas para cada uno de los cuatro temas y desglosa cada recomendación en un conjunto de criterios de éxito. WCAG también describe varias “técnicas suficientes” que proporcionan ejemplos de cómo los desarrolladores pueden lograrlas en la práctica. Piense en ello como una lista de verificación para el cumplimiento.

Cada criterio de éxito también se clasifica según tres niveles: A, AA y AAA. A indica el nivel de accesibilidad más básico y AAA indica el más completo. Actualmente, los tribunales están interpretando el nivel medio, AA, como punto de referencia.

Si bien este artículo tiene como objetivo brindarle una mejor comprensión de los criterios WCAG, no enumera todas las pautas en su totalidad. Si desea obtener más información sobre cada criterio, consulte la guía de referencia rápida “Cómo cumplir con las WCAG” en el sitio web del W3C. Esto ofrece una guía definitiva para cada aspecto de WCAG con sugerencias sobre cómo los desarrolladores pueden satisfacerlos.

1. R: Algunos usuarios pueden acceder a su sitio web.

El criterio de éxito del nivel A detalla los pasos que puede tomar para evitar algunas de las violaciones más graves de los principios de accesibilidad. Por ejemplo, la directriz 1.4 se centra en la distinción, lo que simplemente significa facilitar a los usuarios la percepción del contenido.

Sección 1.4.1 Uso de color es un criterio de éxito de nivel A. Explica que los sitios web no solo deben usar el color como la forma principal de transmitir información que indique una acción, genere una respuesta o sea un elemento visual distintivo.

Si un sitio web incluye un pasaje de texto de color rojo y los hipervínculos en ese texto están resaltados en verde, sería imposible para un usuario con daltonismo rojo / verde distinguir los enlaces del texto. Una forma de mejorar la accesibilidad sería agregar otra pista visual a los enlaces, como subrayarlos o usar una fuente diferente.

2. AA: su sitio web es accesible para casi todos los usuarios

Para alcanzar el nivel AA, primero debe cumplir con todos los criterios de éxito del nivel A. Las pautas del nivel AA se basan naturalmente en los criterios del nivel A, proporcionando requisitos adicionales.

En la Directriz 1.4, por ejemplo, el 1.4.3 Contraste (mínimo) El criterio de éxito del nivel AA aumenta la orientación de 1.4.1 Uso de color. Señala que el texto de cualquier página debe tener una relación de contraste de color de 4.5: 1 o superior. Hay algunas excepciones si el texto es grande o si las imágenes del texto son totalmente decorativas o forman parte de una marca o logotipo.

Puede obtener más información sobre cómo lograr el contraste de color correcto en nuestro artículo completo sobre el tema. Para los propósitos de este blog, es suficiente imaginar la diferencia entre un sitio web donde el texto principal se presenta como texto negro sobre fondo blanco, versus uno donde el texto es amarillo pálido sobre fondo blanco. El negro sobre blanco tiene una alta relación de contraste, mientras que el amarillo sobre blanco tiene una relación de contraste muy baja. Los usuarios con discapacidades visuales a menudo luchan por ver pequeñas diferencias en el contraste de color, lo que hace que sea aún más importante para los sitios web asegurarse de que la relación de contraste de color del texto sea lo suficientemente alta como para que sea legible para todos.

Los criterios de éxito del nivel AA también incluyen 1.4.4 Cambiar el tamaño del texto, que recomienda que los usuarios puedan ampliar el texto hasta en un 200 por ciento del tamaño estándar sin la necesidad de tecnologías de asistencia.

3. AAA: Su sitio web es accesible para la mayor cantidad de usuarios posibles.

Al igual que con los dos niveles anteriores, el cumplimiento del nivel AAA requiere cumplir primero con todos los criterios de éxito del nivel A y del nivel AA. Para alcanzar el nivel AAA, los sitios web deben cumplir con estándares aún más detallados. Por ejemplo, en la pauta 1.4, encontramos 1.4.6 Contraste (mejorado), que eleva la relación de contraste de color requerida de 4.5: 1 a 7: 1.

Criterio 1.4.8 Presentación visual se suma a 1.4.4 Cambiar el tamaño del texto al requerir que el texto se pueda redimensionar hasta en un 200 por ciento, al tiempo que garantiza que el usuario aún pueda leer cada línea completa de texto sin tener que desplazarse horizontalmente por la ventana del navegador. Este criterio también hace sugerencias adicionales, como permitir a los usuarios seleccionar los colores de primer plano y de fondo ellos mismos, y especificar configuraciones para el interlineado y la justificación que hacen que el texto sea más fácil de leer para las personas con discapacidades visuales o cognitivas, como la dislexia.

Empiece a mejorar la accesibilidad de su sitio web

Si sigue los principios del diseño accesible, también facilitará que los motores de búsqueda analicen y clasifiquen su sitio.

Por supuesto, la accesibilidad digital es un tema enorme, por lo que es posible que sienta la necesidad de orientación. Afortunadamente, existen numerosos recursos para ayudar, entre los que se encuentran las Pautas de accesibilidad al contenido web (WCAG) completas del W3C, que deberían convertirse en su piedra de toque para todo lo relacionado con la accesibilidad. También puede usar su guía de referencia rápida como una lista de verificación para los principales temas de accesibilidad.

También hay muchas herramientas automatizadas disponibles para ayudarlo a encontrar y solucionar problemas de accesibilidad, incluidas las creadas por mi empresa, AudioEye, y puede probarlas de forma gratuita. También brindamos servicios administrados dirigidos por un equipo de expertos acreditados, así que no dude en contactarnos para recibir consejos y recomendaciones a medida que da el siguiente paso.

Quizá tambén te interese leer …

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Abrir chat