Cómo mejorar la accesibilidad de su sitio web • Yoast

[ad_1]

La accesibilidad importa. Y asegurarse de que su sitio web sea accesible para todos no debería ser una ocurrencia tardía. Desempeña un papel importante en la usabilidad de su sitio web y es por eso que Google también se está enfocando más en cuán accesible es su contenido. Afortunadamente, la conciencia está creciendo y plataformas como WordPress ofrecen muchas posibilidades para hacer que su sitio web sea más accesible. Estamos bien encaminados, pero aún queda mucho trabajo por hacer. En esta publicación de blog, le diremos por qué debe centrarse en la accesibilidad y qué herramientas pueden ayudarlo.

¿Qué es la accesibilidad?

La accesibilidad se refiere a qué tan bien su software o sitio web puede ser utilizado por todos, incluidas las personas con discapacidades. Wikipedia lo expresa así:

Accesibilidad se refiere al diseño de productos, dispositivos, servicios o entornos para que puedan ser utilizados por personas con discapacidad. El concepto de diseño accesible y la práctica del desarrollo accesible aseguran tanto el «acceso directo» (es decir, sin asistencia) como el «acceso indirecto», lo que significa compatibilidad con la tecnología de asistencia de una persona (por ejemplo, lectores de pantalla de computadora).

Es la capacidad de alguien para acceder y beneficiarse de un sistema u otra entidad, como su sitio web. Para garantizar esto, la accesibilidad se centra en permitir este acceso a las personas con discapacidad.

En su directrices para webmasters, Google menciona la importancia de hacer que su contenido sea accesible. Y aunque no se menciona con tantas palabras, también tienen la siguiente declaración sobre su página web: “Todo el mundo debería poder acceder y disfrutar de la web. Estamos comprometidos a hacer eso una realidad «. Lo que significa que Google también ve que la accesibilidad es importante.

La accesibilidad importa

Aunque Internet no es tan antiguo, la mayoría de nosotros no podemos imaginar cómo sería la vida sin él. La web conecta a miles de millones de personas en todo el mundo, independientemente de dónde o quiénes se encuentren. Lo mejor de Internet es que proporciona mucha información sobre prácticamente cualquier tema que se te ocurra.

Sin embargo, nuestra población mundial está formada por muchas personas diferentes. Y cada una de esas personas debería tener acceso a toda la información que está disponible gratuitamente en línea. Por eso es importante la accesibilidad. Tomemos, por ejemplo, a todas las personas con discapacidad visual. Globalmente, al menos 2.200 millones de personas tienen una discapacidad visual de cerca o de lejos. Además, daltonismo afecta aproximadamente a 1 de cada 12 hombres (8%) y 1 de cada 200 mujeres (0,5%). Esas son muchas personas que estás perdiendo cuando no haces que tu sitio web sea accesible para ellos.

¡Pero hay más!

La discapacidad visual es una de las cosas que debe considerar, pero definitivamente no es la única. Pensar en dislexia y otras dificultades de lectura o dificultades de destreza. Es poco probable que los usuarios con graves dificultades de destreza utilicen un mouse y, a menudo, confiar en el teclado en su lugar. ¿Alguna vez ha intentado usar su sitio web, o nuestro complemento, sin usar un mouse? Es un trabajo duro.

Para dar otro ejemplo, hace unos años, tuvimos un cliente con dificultades auditivas que quería tomar nuestro formación integral en SEO. Se enfrentó a más de dos horas de videos sin subtítulos. Es bastante fácil agregar estos y asi lo hicimos.

Sabemos que parece que hay muchas cosas en las que necesitas trabajar, en las que quizás no hayas pensado antes. Pero, afortunadamente, hay muchas herramientas excelentes que pueden ayudarlo a descubrir en qué puede mejorar aún. Y si tiene un sitio web en WordPress, le alegrará saber que en realidad hay un equipo de accesibilidad que dedica su tiempo a hacer que WordPress sea más accesible con cada lanzamiento. Pero esa no es la única plataforma que ve la importancia, por ejemplo, Drupal también está trabajando en su accesibilidad.

¿Quieres que tu sitio web sea más accesible? ¡Eso es genial! Hay algunas cosas que puede hacer de inmediato. Las cosas obvias que se cambian fácilmente son el uso de títulos, contrastes y enlaces descriptivos.

Uso de títulos

Los encabezados ayudan tanto a los motores de búsqueda como a los usuarios a comprender su texto. Les facilita descubrir de qué se trata una publicación o una página. Como iniciativa de accesibilidad web W3C dice: los encabezados le brindan más información sobre la organización del contenido en una página, y los navegadores web o las tecnologías de asistencia pueden usarlos para proporcionar navegación en la página.

Los encabezados ayudan a cada uno de sus visitantes a descubrir de qué se trata su texto. Así que asegúrese de que sean descriptivos y estén anidados de la manera correcta. No los use solo como un elemento de diseño («es la única forma que sé cómo agrandar mi texto») o para impactar en el SEO («Yo uso todos los encabezados H1, eso lo hace todo muy importante para Google»). Ambos pueden parecer una solución fácil, pero son malas prácticas ya que sus encabezados deben tener una estructura clara.

Una herramienta que puede utilizar para probar la estructura del encabezado en su sitio es EncabezadosMapa. Esta extensión para Chrome y Firefox le permite ver la estructura del encabezado de una página. Es bueno saber que solo debe usar un encabezado H1 en su página, que debe ser el título de su página o publicación. Después de eso, puede usar subtítulos H2 y H3 (o incluso encabezados H4 y más) para definir secciones en su texto. Lea más en nuestro artículo sobre cómo usar los encabezados en su sitio web.

Contraste de color

El contraste de color es la diferencia de luz (técnicamente, luminancia) entre cualquier elemento del primer plano, como el texto, y su fondo. Si elige un fondo negro para su menú y usa texto que es muy oscuro, este texto será muy difícil de leer. Y elegir dos colores que te parezcan muy contrastantes, no significa que este contraste sea lo suficientemente bueno para todos. Es por eso que existen algunas herramientas que puede utilizar para auditar el contraste en su página. Por ejemplo, contrastchecker.com que comprueba los niveles de contraste y da información sobre los niveles de accesibilidad:

Comprobador de contraste de la herramienta de accesibilidad
Ejemplo de dos colores que obtienen una mala puntuación en contraste y legibilidad

También le da una puntuación de relación de contraste basada en la Pautas de contraste del W3C, que consideran que 4.5: 1 está bien. Como puede ver en este ejemplo, los colores que elegí no se acercan a esta puntuación mínima.

El verificador de contraste es bastante sencillo. Si desea jugar con el contraste para averiguar cómo afecta esto a las visitas de, por ejemplo, personas daltónicas, es posible que desee comprobar la Analizador de contraste de color que viene con un simulador de daltonismo. Permitiéndole obtener una vista previa de los diseños tal como los pueden ver los usuarios daltónicos.

Si es usuario de Mac, Sim Daltonismo también es una gran herramienta. Al igual que el Analizador de contraste de color, le permite desplazarse por un sitio web y probar una serie de variaciones de daltonismo:

Herramienta de accesibilidad Sim Daltonism

Enlaces descriptivos, texto alternativo, etc.

La última herramienta de accesibilidad que nos gustaría destacar es una que prueba qué tan bien se mantiene su contenido cuando se usa un lector de pantalla. Para muchas personas con discapacidad visual, esta tecnología de asistencia les ayuda a dar sentido a una página. Un lector de pantalla convierte texto, imágenes, enlaces y otros elementos en voz o braille. En una Mac, puede usar Narración (que ya está en su computadora) para probar esto. En una computadora con Windows, puede descargar NVDA gratis.

Ahora, ¿por qué querrías ‘escuchar’ cómo se presenta tu contenido a través de un lector de pantalla? Porque te ayuda a experimentar tu contenido desde la perspectiva de alguien que no puede verlo. Esto le ayuda a identificar problemas con el orden de lectura, el marcado de la tabla, las imágenes y otros elementos de formulario y enlaces en su página. Imágenes sin ninguna texto alternativo no se describirá a este visitante del sitio. Y los enlaces no descriptivos con un texto como «leer más» o «haga clic aquí» no proporcionan información alguna sobre a dónde le lleva este enlace. Estas pueden parecer pequeñas cosas, pero para alguien que está experimentando estos problemas, es razón suficiente para dejar su página de inmediato.

Una cosa más

La gente en WAVE Web Accessibility creó una herramienta para identificar rápidamente muchos más aciertos y errores en su página. Esto se hace de forma completamente automática y necesitará un ojo humano para evaluar qué mejoras son realistas y cuáles no. No recomendamos usar esto como reemplazo de las herramientas de accesibilidad mencionadas anteriormente, ¡pero definitivamente vale la pena investigarlo!

Todas las herramientas mencionadas anteriormente y más se pueden encontrar en el Manual de accesibilidad de WordPress.

Es un proceso continuo

Todo esto puede parecer un poco abrumador, pero no tiene que arreglarlo todo hoy. Ser consciente de la importancia es el primer paso. Ahora puede determinar qué tan accesibles son sus páginas y en qué aún necesita trabajar. Simplemente no considere la accesibilidad como un «extra». Si su sitio web no es accesible, se sentirá muy desagradable para una parte considerable de su audiencia. Además, seguir las pautas de accesibilidad mejorará su sitio web para todos sus visitantes.

En Yoast también trabajamos duro para hacer nuestro sitio web y Complemento de Yoast SEO más accesible. Es un proceso continuo que requiere que reevalúe cada pieza de software o contenido que está publicando. Lo importante es tener en cuenta la accesibilidad y trabajar para mejorarla donde sea posible. Si desea obtener más información sobre la accesibilidad y otras habilidades esenciales de SEO, asegúrese de consultar nuestro formación integral en SEO.

[ad_2]

Source link

Laura D´Cuero
0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

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