Categories
Industria de marketing

Directrices de accesibilidad de contenido web y SEO

Si está trabajando actualmente para que su sitio web sea accesible a todos los usuarios, es probable que ya haya escuchado sobre la Ley de Discapacidades de los estadounidenses (ADA) . Esta legislación federal de los EE. UU. Se aprobó para evitar la discriminación contra las personas con discapacidad, ya sea por agencias gubernamentales o empresas privadas.

A pesar de que la ADA se creó antes de que la mayoría de las organizaciones tuviera una presencia en línea, recientes exámenes precedentes legales. que la Ley se aplica a la accesibilidad de los sitios web

y aplicaciones móviles tanto como lo hace a las ubicaciones físicas, como tiendas, restaurantes y teatros de cine.

La ADA en sí no establece ninguna Criterios específicos para la web y accesibilidad móvil. En su lugar, muchos desarrolladores web y profesionales legales recurren al contenido web .Directrices de cesibilidad (WCAG)

, ampliamente aceptadas como el punto de referencia para la accesibilidad digital en la actualidad.

En este blog, echaremos un vistazo más de cerca a WCAG y describiremos los pasos que puede tomar para cumplir con sus estándares. También explicaremos brevemente por qué los sitios web accesibles típicamente se clasifican en los motores de búsqueda, lo que hace de la elección de la opción correcta.

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

Two white bubbles on purple background, one labeled

Para garantizar que su sitio web sea accesible para todos los usuarios ya trae grandes beneficios para su empresa, si hay más personas que visitan su sitio web, es probable que vea un uptick en los negocios. Es así de simple. Considerando el hecho de que uno de cada cuatro estadounidenses vive con una discapacidad

, y que a nivel mundial,

el inco desechableMí de las personas con discapacidades es de $ 1.2 billones

, lo que hace que su sitio web y sus aplicaciones móviles sean accesibles para todos abre sus productos y servicios a una nueva base de consumidores, AndCan también conduce a mejoras significativas en el SEO de su sitio web.

Considere este ejemplo: los motores de búsqueda tienen como objetivo promover las páginas con contenido que está claro y correctamente ordenado. Esto significa que debe seguir las directrices de WCAG en cosas como las encabezadas. 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 Usando las tecnologías de asistencia.

Igualmente, si no proporciona texto alternativo adecuado para imágenes, o si mezcla subtítulos conTexto de la imagen alternativa, creará problemas para los usuarios con discapacidades y también dañará la imagen SEO en su sitio web.

Estos son solo un par de muestras de cómo mejorar la accesibilidad del sitio web puede impulsar a SEO, pero para más, asegúrese de Mire la nueva serie de la pizarra de Cooper Hollmaier en

la relación entre la accesibilidad y el SEO White box on purple background. Inside the box is an updating progress bar labeled .

De hecho, cualquier inversión que realice en la accesibilidad digital también se reflejará en sus clasificaciones de búsqueda. En su declaración de la misión , Google dice que su propósito es “organizar la información del mundo y hacer que sea universal accesible y útil”. “Universalmente accesible” es la frase clave aquí. Sugiere que, a medida que Google continúa evolucionando su motor de búsqueda y alinee con los principios de diseño accesible, sitios webCon fuertes características de accesibilidad se cobrarán más y más altas en sus rankings de búsqueda.

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

WCAG ofrece un conjunto de reglas para los desarrolladores web que buscan crear sitios web accesibles. Fue creado por el

Consorcio World Wide Web (W3C) , una comunidad global de organizaciones públicas y miembros que se comprometen a que se abra a Internet a todos.

Los sitios web y las aplicaciones móviles están cambiando constantemente a medida que las nuevas tecnologías y las innovaciones están disponibles. Para mantener al día con las directrices de WCAG, W3C también trabaja para brindar nuevos consejos a desarrolladores web de forma continua.

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

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

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

Four white boxes on a purple background, each containing one of four illustrations: an eye, a joystick, an lightbulb, and a gear.

Si estás en los Estados Unidos, sí, lo hace. Cada uno de nosotrosBsite que es utilizado por un ciudadano estadounidense, o propiedad de una empresa estadounidense, está obligada por la ley para cumplir con la ADA. Y debido a que WCAG a menudo se cita como un estándar para la accesibilidad digital durante los litigios, después de su guía puede ayudar a su organización

, evitar la demanda costosa y dañina

. La noción de que cualquier compañía está exenta del cumplimiento de ADA también es un mito.

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

Three white boxes on a purple background labeled:

WCAG establece cuatro principios principales. Estos ofrecen una base sólida que los desarrolladores web pueden seguir para construir 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 características en su interfaz de usuario – SUCH como enlaces, cuadros de texto y botones, deben presentarse de manera que todos los usuarios puedan percibirlos 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 es operable cuando todos los usuarios pueden interactuar con él y navegar 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 la realización de errores de entrada en las páginas que ocurran compromisos legales o transacciones financieras.

4. Robusto

El contenido en un sitio web debe estar abierto a la 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 ya que las tecnologías de asistencia evolucionan.

¿Cómo puedo iniciar mi viaje de cumplimiento?

En papel, los cuatro principios del conjunto de accesibilidad En WCAG suena simple. Pero, ¿cómo puedes aplicarlos? Para ayudar a responder a esta pregunta, WCAG ofrece directrices más detalladas para cada uno de los cuatro temas y descompone 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 lograr TDobladillo en la práctica. Piensa como una lista de verificación para el cumplimiento. Cada criterio de éxito también se clasifica de acuerdo con 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 punto de referencia. Si bien este artículo tiene como objetivo brindarle una mejor comprensión de los criterios de WCAG, no enumera todas las directrices en su totalidad. Si desea obtener más información sobre cada criterio, consulte el “Cómo cumplir con la Guía de referencia rápida de WCAG” en el sitio web 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 The Level A Success CRITERIA Detalle los pasos que puede tomar para evitar algunas de las violaciones más graves de los principios de accesibilidad. Por ejemplo, la guía 1.4 se centra en la distinción, lo que simplemente significa hacer que sea fácil para los usuarios percibir contenido. Sección 1.4.1 El uso del color es un criterio de éxito de nivel un nivel. Explica que los sitios web no solo deben usar el color como la forma primaria de transmitir información que indique la acción, solicita una respuesta o es un elemento visual distintivo. Si un sitio web incluyó un paso de texto de color rojo y los hipervínculos en ese texto se destacaron en verde, sería imposible para un usuario con ceguera de color rojo / verde para distinguir los enlaces del texto. Una forma de mejorar la accesibilidad sería agregar otra señal visual a los enlaces, comosubrayándolos o usando 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 de nivel A. Las directrices de nivel AA se basan naturalmente sobre el nivel de nivel un criterio, proporcionando requisitos adicionales. En Guía 1.4, por ejemplo, el 1.4.3 contraste (mínimo) Nivel Criterio de éxito AA Aumenta el Orientación de 1.4.1 Uso del color . Esboza 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 del texto son completamente decorativas o parciales 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.A los efectos 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. El blanco en blanco tiene una relación de alto contraste, mientras que el amarillo en 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 lo hace aún más importante para los sitios web para asegurarse de que la relación de contraste de color del texto es lo suficientemente alta como para que sea legible para todos. el AA Los criterios de éxito de nivel también incluyen 1.4.4 Cambiar el tamaño del texto , que recomienda que los usuarios puedan ampliar el texto hasta el 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 Como con los dos niveles anteriores, el cumplimiento del nivel AAA requiere cumplir con todos los criterios de éxito de nivel A y Nivel AA primero. Para lograr el nivel AAA, los sitios web deben cumplir con estándares aún más detallados. Por ejemplo, en la directriz 1.4, encontramos 1.4.6 contraste (mejorado) , que levanta la relación de contraste de color requerido 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 requerir que el texto se pueda cambiar de tamaño hasta un 200 por ciento, al tiempo que se puede garantizar que el usuario pueda Lea cada línea completa de texto sin tener que desplazarse horizontalmente de su navegador. Este criterio también hace sugerencias adicionales, como permitir que los usuarios seleccionen los colores de fondo y de fondo tHemselves, y especificando la configuración para el espaciado de línea 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. Comience a mejorar la accesibilidad de su sitio web Siguiendo 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 en Necesidad de la dirección! Felizmente, hay numerosos recursos para ayudar, no menos útiles de los cuales son las directrices completas de accesibilidad de contenido web de W3C (WCAG) , que debe convertirse en su piedra de toque para todas las cosas de accesibilidad. También puede utilizar 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, incluidos los creados por mi empresa, Audioeye, y usted puede , probarlos de forma gratuita . También proporcionamos servicios administrados dirigidos por un equipo de expertos acreditados, así que no dude en ponerse en contacto con nosotros para obtener asesoramiento y recomendaciones a medida que toma el siguiente paso.

Leave a Reply

Your email address will not be published. Required fields are marked *