10 formas de mejorar la accesibilidad de su sitio de WordPress

La accesibilidad del sitio web es asegurarse de que su sitio web sea fácil de usar para todos, independientemente de sus discapacidades físicas y situacionales o restricciones económicas. Desea asegurarse de que la experiencia en su sitio sea perfecta para todos los usuarios, independientemente de las circunstancias.

Si este aspecto de su sitio web no se soluciona, es muy probable que esté restringiendo un buen número de su mercado objetivo solo porque no pueden acceder a funciones clave en su página en línea.

Si bien uno podría pensar principalmente en las personas con discapacidades, y por supuesto, este es un buen lugar para comenzar; Los problemas de accesibilidad del sitio web pueden relacionarse con circunstancias situacionales temporales, tales como:

• usuarios que necesitan acceder a su sitio a través de sus teléfonos móviles u otros dispositivos de pantalla pequeña, utilizando televisores inteligentes (TV) y similares;
• Visitantes mayores del sitio web con desafíos diferentes y cambiantes debido al envejecimiento;
• Usuarios que acceden a su sitio en un área mal iluminada; y
• Usuarios que utilizan conexiones de Internet lentas o cuyo ancho de banda es costoso debido a su país o lugar.

Conocer el panorama amplio y variado de los desafíos que debe abordar puede ayudarlo a diseñar soluciones que funcionen. Las siguientes son formas clave para mejorar la accesibilidad en su sitio

1. Haz que tu contenido sea controlable a través de la voz

El reconocimiento de voz es una función que se puede integrar en un sitio web para permitir que su contenido sea controlado por voz. Esto incluye formularios, botones, enlaces y otros controles. Puede integrar un software de dictado que puede permitir a los usuarios que no pueden usar el mouse o el teclado realizar funciones en su sitio usando la voz.

Todo su contenido deberá estar codificado y diseñado correctamente para que esto funcione. Además, necesitará identificadores y etiquetas en el código fuente del sitio que coincidan con la forma en que se representan visualmente para dejar en claro qué control se activará mediante el comando de voz.

2. Sea consciente de sus opciones de color

Millones de personas en todo el mundo son daltónicas, por lo que los colores que utilice deben tener en cuenta esta realidad.

Además, debe tener cuidado al seleccionar las proporciones de color de su sitio web y su contraste. Las opciones de contraste de color deben ser altas, por ejemplo, usar texto negro sobre un fondo blanco para facilitar a los usuarios la lectura de su contenido, incluso si tienen ciertas limitaciones visuales.

3. Asegúrese de que sus enlaces estén subrayados

Mucha gente ha estado renunciando a la regla de 'subraya tus enlaces' últimamente porque el texto que no está subrayado tiene más atractivo estético que el que está subrayado. Esto puede ser cierto, pero la tarea principal de su sitio web es la funcionalidad. Esto significa en todas las cosas; debe priorizar la funcionalidad.

Eliminar el subrayado dificulta que los usuarios identifiquen las partes con hipervínculos de su contador. Si aún no desea subrayar su contenido, considere otras formas de hacer que sus enlaces se destaquen del resto de la copia. Puede usar color o texto en negrita para hacer esto.

4. Agregue etiquetas alternativas a las imágenes

Para mejorar la accesibilidad de su sitio web, tendrá que considerar agregar 'etiquetas alt' a todas las imágenes en su sitio web.

Algunos sitios usan su texto alternativo como parte de su estrategia de optimización de motores de búsqueda (SEO): en lugar de usarlo para describir una imagen de la manera más breve y lo mejor posible, usan el espacio para agregar palabras clave que creen que ayudarán a clasificar su sitio. Obviamente, esto no suele dar como resultado una buena experiencia de lectura para un visitante del sitio web y desea evitarlo para mantener su sitio web accesible.

Cuando alguien accede a su sitio web a través de un lector de pantalla y su sitio web no tiene etiquetas alternativas agregadas a su contenido visual, su lector de pantalla no podrá explicar lo que hay en la imagen al lector. Una etiqueta alt es lo que le dice a un software lector de pantalla qué hay en una imagen y cómo es relevante para el contenido que la rodea.

Para agregar etiquetas alternativas a las imágenes en un sitio, debe ir al campo Texto alternativo que se encuentra en el lado derecho de su editor y escribir una oración breve que describa la imagen.

5. Mantenga sus enlaces descriptivos

Algunos usuarios utilizarán tecnología de comando de voz para navegar por su sitio debido a limitaciones visuales. Debido a que este segmento de los visitantes de su sitio utilizará lectores de pantalla para acceder al contenido de su sitio, sus enlaces deben ser más contextuales.

En lugar de decir algo vago como "leer más", es posible que desee agregar más detalles para contextualizar su enlace para que los usuarios sepan exactamente a dónde los llevará el enlace. Entonces, en lugar de solo 'leer más', es posible que desee agregar más detalles y hacer que diga algo como 'haga clic aquí para leer más sobre cómo nuestro equipo puede ayudarlo'. De esa forma, se solicita a un usuario que utilice un lector de pantalla que haga clic en el enlace proporcionado.

6. Pruebe el tamaño de su fuente en diferentes pantallas

Antes de dar el visto bueno a su don't size actual, debe acceder a su sitio a través de diferentes dispositivos con diferentes tamaños de pantalla, por ejemplo, probar cómo se ve su texto en una computadora personal (PC) y un teléfono móvil, para asegurarse de que esté optimizado. tanto para pantallas grandes como pequeñas.

7. Agregar enlaces de contenido principal

Si no hace nada al respecto, los usuarios que usan lectores de pantalla pasarán un tiempo extenuante en su sitio simplemente porque sus lectores comenzarán a leer su sitio web desde la parte superior hacia abajo y, a veces, puede pasar un tiempo antes de que comience a leer el contenido que el usuario necesita. leer.

Para remediar esto, al crear su sitio de WordPress, deberá insertar enlaces que permitan a los lectores de pantalla saltar al contenido principal de su página. Este enlace se puede agregar a la primera columna de su lenguaje de marcas de hipertexto (HTML).

8. Ofrezca alternativas de texto al contenido visual y de audio

Agregar subtítulos a su contenido puede ayudar a las personas con problemas de audición a acceder a su contenido. Al publicar videos, podcasts o audiolibros en su sitio, asegúrese de haber agregado texto alternativo a ese contenido para que todos puedan entenderlo.

9. Habilitar la indexación de pestañas

Algunos de sus usuarios, especialmente aquellos con habilidades motoras limitadas, a menudo responderán con la tecla de tabulación de su teclado en lugar de navegar por su sitio usando un trackpad o un mouse.

Para acomodar a estos usuarios, asegúrese de que su sitio esté indexado por pestañas. Aquí es cuando ayuda a garantizar que todos los usuarios puedan acceder a su contenido en el orden previsto al establecer el orden de los elementos de su contenido.

10. Diseño de sitios para velocidades de Internet bajas

Si bien el usuario promedio tendrá velocidades de Internet altas o promedio al acceder a su sitio, algunos usuarios experimentan velocidades de Internet más bajas de lo normal.

Además, incluso los usuarios con velocidades de Internet generalmente altas pueden experimentar conexiones irregulares de vez en cuando. Diseñar su sitio web con esto en mente puede ayudar a mantener su sitio web accesible para todos en todo momento.

Puede pensar que eso significa que su sitio web debe estar escrito solo en texto HTML, pero eso está lejos de serlo. Los estándares para fluir pueden incluir:

• Asegúrese de que sus páginas no superen los 25 kb. Su objetivo debe ser hacer que los datos del sitio web se carguen en unos 15 segundos.
• Use hojas de estilo en cascada (CSS) para reducir las imágenes en su sitio y mantener limpia la estructura de su sitio.
• Asegúrese de que las páginas de su sitio se puedan almacenar en caché, lo que reduce el tiempo de carga para los visitantes que frecuentan su sitio.
• Evite los enlaces a archivos grandes como PDF, pero asegúrese de hacerlo si dichos enlaces son necesarios. mostrar el tamaño del archivo.
• El contenido que se carga primero en su sitio debe ser muy importante, ya que motiva al lector a esperar unos segundos más mientras se carga otra información. Así que asegúrese de poner información valiosa primero.

Conclusión

Hacer que un sitio web sea accesible implica mucha planificación. Esto es cierto tanto si está creando un sitio desde cero como si desea ajustar el actual. Tómese un tiempo para pensar en cómo los usuarios con diferentes limitaciones pueden interactuar con su sitio web y cómo mejorar su experiencia.