Recientemente me preparaba para mi charla en el WordCamp San José, y me encuentro con la realidad que Latinoamérica ha dejado de lado este punto crucial a la hora de crear una web. En el caso de la comunidad WordPress estamos en constantes actualizaciones y uno de los enfoques que tenemos es la accesibilidad por lo cual hoy quiero compartirles un poco de mi charla en el WordCamp San José.

Máscaras fuera: Accesibilidad para todos: Latinoamérica digital e inclusiva

Primero hay que preguntarnos y responder que es la accesibilidad web: La accesibilidad web es diseñar sitios web para que todas las personas puedan utilizarlas, sin importar sus habilidades o el contexto desde el que accedan.

Ok, pero cual es la importancia de esta o su propósito: Su propósito es eliminar las barreras que separan el contenido de la audiencia. Es un acto de empatía, le dices a cada visitante: “Te pensamos y te damos la bienvenida

Teniendo claro que es y cual es su propósito o importancia, quiero que debatamos varios mitos que en muchas partes de Latinoamérica se tienen sobre la accesibilidad.

1- La accesibilidad es muy cara

En realidad es que construir una web con cimientos accesibles es más barato que reparar un sitio inaccesible, y muchos cambios son gratuitos. WordPress nos da herramientas para empezar hoy mismo, invertir en accesibilidad es invertir en una mayor audiencia y mejor reputación.

Pero manos a la obra cuales son esos ajustes que puedo hacer hoy y que no requieren mucha inversión.

Ajustes simples

Elige un tema sólido,y con la etiqueta “Accessibility Ready” en WordPress ahorra el 80% del trabajo técnico. Ejemplos: GeneratePress, Twenty Twenty-Four, Astra.

Contenido estructurado, Incorrecto: Texto en negrita y grande para simular un título. Correcto en el editor de WordPress: Seleccionar el texto y aplicarle el formato “Encabezado 2”. Esto ayuda a los lectores de pantalla y a Google a entender la jerarquía de tu contenido. Usa los encabezados correctamente:

• <h1>: Solo uno por página, para el título principal.
• <h2>: Para las secciones principales.
• <h3>, <h4>…: Para subsecciones.

Texto alternativo, añade Texto Alternativo (Alt Text) y describe las imágenes de forma concisa al subirlas. ¿Para qué sirve? Los lectores de pantalla lo leen en voz alta para personas con discapacidad visual. Aparece si la imagen no se puede cargar. ¡Ayuda a tu SEO de imágenes!

Mal texto alternativo: foto1.jpgBuen texto alternativo: “Un gato negro durmiendo sobre un teclado de laptop iluminado”

Contraste de color, revisa siempre que el texto sea fácil de leer sobre su fondo, es crucial para personas con baja visión o daltonismo, y útil para los que leen desde su móvil. Regla simple: Evita combinaciones como texto gris sobre fondo blanco o texto azul sobre fondo morado. En WordPress, puedes cambiar los colores en Apariencia > Personalizar > Colores

Usa un “Verificador de Contraste” online para probar tus colores: https://www.siteimprove.com ; https://www.accessibilitychecker.org ; https://wave.webaim.org/

Enlaces descriptivos, cambia las frases genéricas como “Haz clic aquí” o “Lee más” por texto que describa a dónde lleva el enlace. El texto del enlace debe tener sentido por sí solo. Es más claro para todos y mejor para el SEO.

Asegura la navegación por teclado, Personas con discapacidades motoras, usuarios avanzados o alguien con un touchpad roto dependen del teclado. Prueba simple: Intenta navegar por tu sitio usando solo la tecla Tab.¿Puedes ver claramente dónde estás en cada momento (un recuadro o subrayado)?¿El orden de los saltos es lógico? ¿Puedes activar menús y botones con Enter.

Plugins que te ayudan, WP accessibility: Añade soluciones a el enfoque del teclado y el contraste. One click accessibility: Para cambiar el tamaño del texto, el contraste, etc. Ally: Es un plugin que te ayuda a identificar y corregir las infracciones de accesibilidad y mejorar la usabilidad.

2- La accesibilidad es solo para personas ciegas 

Realmente la accesibilidad es para todos, personas mayores: Con visión o motricidad reducida, usuarios móviles: Que ven la pantalla con reflejo del sol, personas con conexiones lentas: Que desactivan las imágenes, usuarios con condiciones temporales: Como un brazo roto, cualquiera con ansiedad o dislexia: Que necesita contenido claro y sin distracciones.

3- ¿Quienes somos responsables?

Cada creador de contenido, agencia, desarrollador tiene el poder y deber de hacer la web más inclusiva. Es un acto de empatía. Es decirle a cada persona en la web: “Te pensamos y queremos que seas parte..”.Un sitio accesible mejora tu SEO, ya que los motores de búsqueda entienden mejor un sitio bien estructurado.

 Acciones inmediatas en tu WordPress

Revisa tu Tema: ¿Es accesible?

• Usa Encabezados: Organiza tu próxima entrada de blog con H1, H2, H3.
• Añade Texto Alternativo: A las próximas 5 imágenes que subas.
• Verifica tus Colores: Usa una herramienta online para probar tu contraste.
• Navega con Tab: Haz la prueba de 1 minuto en tu página de inicio.

En resumen: Este contenido va más allá de hacer conciencia sobre la accesibilidad en Latinoamerica, de tener empatía con los demás, va de hacerte ver cuan importante es que hoy en un mundo de tantas IAs puedas mantenerte humano, real, único. De manera que tu marca personal o profesional, sea referencia, pero también sea accesible para los TODOS. Alcancemos una visibilidad con propósito y aportemos a los quienes nos rodean mientras crecemos.

Nos vemos en la próxima charla.