Accesibilidad al contenido web y SEO

Pautas de accesibilidad al contenido web y SEO

Las opiniones del autor son completamente suyas (excluyendo el improbable evento de hipnosis) y pueden no reflejar siempre las opiniones de Designcue.io.

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

Aunque la ADA se creó antes, la mayoría de las organizaciones tenían presencia en línea El precedente legal reciente muestra que la ley se aplica a la accesibilidad de los 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 la Pautas de accesibilidad al contenido web (WCAG), ampliamente aceptado como el punto de referencia para la accesibilidad digital en la actualidad.

En este blog, veremos más de cerca 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 elección correcta en todos los sentidos!

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

Dos burbujas blancas sobre fondo morado, una etiquetada

Asegurar que su sitio web sea accesible para todos los usuarios ya brinda grandes beneficios a su empresa: si más personas visitan su sitio web, es probable que vea un aumento en los negocios. Es así de simple.

Considerando el hecho de que uno de cada cuatro estadounidenses vive con una discapacidad, y eso globalmente, 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 promocionar páginas con contenido claro y correctamente ordenado. Esto significa que debe seguir las pautas de WCAG en cosas como encabezados. Si no incluye los rangos de encabezado en el orden correcto, por ejemplo, colocando texto con un encabezado de cuarto nivel (después de un encabezado de segundo nivel), puede causar problemas de accesibilidad para las personas utilizando tecnologías de asistencia.

Del mismo modo, si no proporciona 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 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 reflejará en sus clasificaciones de búsqueda. En su declaración de misiónGoogle 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 fuertes características de accesibilidad se agruparán cada vez más en sus clasificaciones de búsqueda.

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

Caja blanca sobre fondo morado. Inside the box es 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 se comprometen a hacer que Internet esté abierto a todos.

Los sitios web y las aplicaciones móviles cambian constantemente a medida que las nuevas tecnologías e innovaciones están disponibles. Para mantener actualizadas las pautas de WCAG, W3C también trabaja para proporcionar 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 ahora 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 el «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 de WCAG. El término «cumplimiento de WCAG» implica un organismo regulador, y 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 necesita cumplir con los estándares de WCAG??

Si estás en los Estados Unidos, sí. La ley exige que todos los sitios web utilizados por un ciudadano estadounidense o que sean propiedad de una empresa estadounidense cumplan con la ADA. Y debido a que WCAG a menudo se cita como un estándar para la accesibilidad digital durante los litigios, seguir su guía puede ayudar a su organización evitar demandas costosas y perjudicialesLa noción de que cualquier empresa está exenta del cumplimiento de ADA también es un mito.

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

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

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

1). Percebible

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

2). Operable

Un sitio web se considera operable cuando todos los usuarios pueden interactuar con él y navegarlo con éxito. Si un sitio web tiene alguna característica interactiva, 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 operar de manera predecible, y los usuarios deben estar protegidos contra errores de entrada en las páginas que causan compromisos legales o transacciones financieras.

4). Robusto

El contenido de un sitio web debe estar abierto a interpretación por 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 fondo morado etiquetadas :

En el papel, los cuatro principios de accesibilidad establecidos en WCAG suenan bastante simples. Pero, ¿cómo puedes aplicarlos?? 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 más básico de accesibilidad, y AAA denota el más completo. Actualmente, los tribunales están interpretando el nivel medio, AA, como el punto de referencia.

Si bien este artículo tiene como objetivo proporcionarle una mejor comprensión de los criterios de WCAG, no enumera todas las pautas en su totalidad. Si desea obtener más información sobre cada criterio, consulte el Guía de referencia rápida «Cómo cumplir con 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: Su sitio web es accesible para algunos usuarios

El criterio de éxito de 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 distinguibilidad, lo que simplemente significa facilitar a los usuarios percibir el 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 acción, provoque una respuesta o sea un elemento visual distintivo.

Si un sitio web incluyera un pasaje de texto de color rojo y los hipervínculos en ese texto estuvieran 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 señal visual a los enlaces, como subrayarlos o usar una fuente diferente.

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

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

En la directriz 1.4, por ejemplo, el 1.4.3 Contraste (mínimo) El criterio de éxito de nivel AA aumenta la orientación de 1.4.1 Uso de colorDescribe que el texto en 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 de texto son completamente decorativas o 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 un fondo blanco, versus uno donde el texto es amarillo pálido sobre un fondo blanco. Negro sobre blanco tiene una alta relación de contraste, mientras que amarillo sobre blanco tiene una relación de contraste muy baja. Los usuarios con impedimentos 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 garantizar 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 de 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ía de los usuarios posibles

Al igual que con los dos niveles anteriores, el cumplimiento de nivel AAA requiere cumplir primero con todos los criterios de éxito de nivel A y nivel AA. Para alcanzar el nivel AAA, los sitios web deben cumplir estándares aún más detallados. Por ejemplo, en la Directriz 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 agrega a 1.4.4 Cambiar el tamaño del texto al exigir que el texto se pueda cambiar de tamaño hasta en un 200 por ciento, al tiempo que se garantiza que el usuario pueda leer cada línea completa de texto sin tener que desplazar la ventana de su navegador horizontalmente. Este criterio también hace sugerencias adicionales, como permitir a los usuarios seleccionar los colores de primer plano y de fondo, y especificar configuraciones para el espaciamiento de líneas y la justificación que hacen que el texto sea más fácil de leer para personas con discapacidades visuales o cognitivas, como la dislexia.

Comience a mejorar la accesibilidad de su sitio web

Al seguir 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 puede sentirse necesitado de dirección! Afortunadamente, hay numerosos recursos para ayudar, entre los cuales se encuentra el W3C completo Pautas de accesibilidad al contenido web (WCAG), que debería convertirse en su piedra de toque para toda la accesibilidad. También puede usar potencialmente su guía de referencia rápida como 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, incluidos los creados por mi empresa, AudioEye, y usted puede hacerlo pruébalos de forma gratuitaTambién brindamos servicios administrados dirigidos por un equipo de expertos acreditados, así que no dude en contactarnos para obtener asesoramiento y recomendaciones mientras da el siguiente paso.

Deja un comentario