Los sitios web accesibles ya no son un supuesto tema de nicho para las personas con discapacidad. Nos concierne a todos e incluso ayuda a los aficionados al SEO que hay entre vosotros.

La accesibilidad en el espacio digital es en realidad una parte integral de Internet y ya está recogida en sus directrices normalizadas. Y, por supuesto, también desempeña un papel importante en el Códice de WordPress. Todo el mundo debería poder utilizar WordPress, independientemente del idioma que hable, de su situación económica o de sus limitaciones físicas. Sin embargo, este tema no suele recibir aún la atención que merece. Especialmente en vista de la evolución demográfica y del deseo de inclusión, la accesibilidad digital debe tenerse en cuenta en los proyectos de WordPress, afirma Johannes Mairhofer. Porque la accesibilidad también está cobrando importancia desde una perspectiva empresarial y de SEO.

Los sitios web accesibles no son nuevos

Para estandarizar las técnicas de la World Wide Web, en 1994 se fundó el World Wide Web Consortium, o W3C. Las normas más importantes son las siguientes:

• HTML (sigue siendo el marco básico de casi todos los sitios web)
• CSS (hojas de estilo en cascada, por ejemplo, utilizadas en las plantillas de WordPress)
• WCAG (Directrices de Accesibilidad al Contenido en la Web)

Las directrices WCAG son desarrolladas por la Iniciativa de Accesibilidad a la Web (WAI), que a su vez es un grupo del W3C. Actualmente existen dos versiones.

WCAG 1.0

• Utilización de marcas y hojas de estilo
• Diseño independiente del dispositivo

WCAG 2.0

Un sitio web accesible debe cumplir los siguientes criterios:

• Perceptible (por ejemplo, alternativas de texto para las imágenes)
• Operable (por ejemplo, controlable mediante el teclado)
• Comprensible (por ejemplo, mediante un lenguaje fácil)
• Robustos (compatibles)

Por lo tanto, la idea de un sitio web sin barreras no es nueva e incluso está anclada en la Ordenanza sobre Tecnologías de la Información sin Barreras (BITV) desde 2002. Esto significa que al menos los sitios web de las autoridades públicas están obligados a ofrecer contenidos accesibles.

Crear un sitio web accesible

¿Cómo debe hacerse accesible un sitio web? Muchos puntos no son tan complicados como crees y se pueden aplicar sin mucho esfuerzo. Especialmente para los nuevos proyectos de WordPress, se aplica lo siguiente: se puede implementar un sitio web accesible con muy poco esfuerzo.

Por supuesto, la forma más fácil de hacerlo es con un sitio web que se acaba de crear y diseñar. Pero los sitios web existentes también pueden optimizarse a posteriori. Deben observarse unas sencillas reglas básicas.

1) Utiliza correctamente el título de la página, la navegación y las etiquetas

El título de sitio está realmente en el título y los encabezamientos están estructurados de forma lógica y también formateados como encabezamientos, no sólo en negrita. Las listas con viñetas se realizan con viñetas o puntos, no con un simple signo menos. Con WordPress, esto puede especificarse directamente en el editor. Dependiendo de la plantilla y del editor utilizado, existen varias clases de encabezados. Mediante el uso de etiquetas (por ejemplo, H1 y H2 para los encabezados), se puede facilitar la experiencia y la navegación por el sitio web a las personas ciegas que utilicen un lector de pantalla o un teclado.

2) Prescindir de JavaScript y Flash en el diseño

Para el diseño, lo mejor es utilizar HTML y CSS. No se debe utilizar Javascript ni Flash. Javascript es, como su nombre indica, un lenguaje de scripting. Independientemente de que sea inseguro, no todos los dispositivos ni todos los navegadores pueden procesar el código. Dado que el sitio web debe estar disponible en el mayor número de dispositivos posible, no se recomienda el uso de Javascript.

3) Separar contenido y diseño

El contenido (texto) y el diseño (maquetación) deben considerarse completamente independientes entre sí. Mediante distintas variantes de CSS, por ejemplo, se puede ajustar el contraste del sitio web o cambiar los colores con un simple clic. Esto puede ayudar a las personas con deficiencias visuales o daltonismo. Grandes empresas como Pfizer también lo hacen.

En principio, WordPress ya lo hace automáticamente. Por ejemplo, se puede cambiar una plantilla sin tener que cambiar el contenido. Si se accede al sitio web con un smartphone o una tableta, el diseño también se adapta automáticamente.

4) Observa el principio de los dos sentidos

El contenido debe prepararse de forma que pueda ser percibido por dos sentidos diferentes. De este modo, el sitio web puede ser experimentado por el mayor número de personas posible sin mucho esfuerzo. Esto puede lograrse, por ejemplo, con las siguientes medidas:

• Añadir la descripción de la imagen a las imágenes (se puede hacer directamente a través del editor WordPress )
• Añade subtítulos a los vídeos (por ejemplo, Youtube lo hace automáticamente).
• Estructurar el texto con títulos (puede hacerse en el editor)

Sitio web accesible: Reunir experiencia

En teoría, el tema no siempre es tan fácil de comprender. He hablado con Heiko Kunert, Director General de la Asociación de Ciegos y Deficientes Visuales, sobre los sitios web sin barreras. Heiko es ciego y navega por la web con un lector de pantalla. Heiko comparte sus experiencias con los sitios web y las redes sociales y nos cuenta cómo navega por la web con su smartphone y una pantalla en braille.

Muchas de las cosas que aquí se tratan en teoría también puedes probarlas tú mismo sin mucho esfuerzo. Así podrás hacerte una idea de cómo se percibe realmente el sitio web tu .

Cómo ayudan los lectores de pantalla y las pantallas Braille

Un lector de pantalla es un software que reconoce el texto y lo lee en voz alta. Por eso, para navegar por los sitios web y los documentos, es importante que se utilicen etiquetas con los títulos y las imágenes. Esto permite a los usuarios navegar por el sitio web con un lector de pantalla y un teclado o una pantalla Braille.

Una variante de lector de pantalla es, por ejemplo, NVDA. Esta variante es un software libre y gratuito. Te recomiendo que lo pruebes y llames a tu propio sitio web con el monitor apagado e intentes navegar por los menús.

Una pantalla Braille traduce la línea actual de la pantalla en Braille. Esta línea es un hardware real que está conectado al ordenador. La pantalla braille funciona en combinación con un lector de pantalla.

Capacidad de respuesta de los sitios web accesibles

Ordenadores, portátiles, teléfonos inteligentes, tabletas, relojes inteligentes y navegadores de texto. El número de dispositivos con los que se puede acceder a un sitio web es enorme. Uno de los puntos importantes de las WCAG 2.0 es la disponibilidad del sitio web en tantos dispositivos como sea posible.

La mayoría de las plantillas de WordPress son ahora más o menos responsivas y permiten que el sitio web sea accesible al menos en ordenadores y smartphones. Dependiendo de la plantilla, por ejemplo, se adaptan los menús, se muestran y ocultan las barras laterales, pero también se adaptan completamente los diseños. Esto se llama diseño web responsivo. Acceder al propio sitio web en un dispositivo diferente es sencillo y revelador.

Conclusión: ¡La web es para todos!

La red y la disponibilidad permanente ya no es un territorio nuevo, pero desde el punto de vista de una generación sigue siendo nuevo. La generación de los treintañeros de hoy, pero a más tardar las generaciones siguientes, estamos acostumbrados a saber que la red está disponible siempre y en todas partes. No queremos prescindir de las posibilidades de información y comunicación que la red trae consigo, ni siquiera en la vejez.

Por tanto, la necesidad de sitios web accesibles es cada vez mayor y crece de año en año. Con la ayuda de las opciones disponibles y las herramientas integradas en WordPress (por ejemplo, la descripción de imágenes, los encabezados, el CSS), es posible hacer sitios web al menos libres de barreras sin mucho esfuerzo.

El hecho de que esto sea cada vez más importante también puede verse en que cada vez más grandes empresas dan más importancia a la participación digital. Además del ejemplo ya mencionado de Pfizer, Twitter, por ejemplo, ofrece desde hace algún tiempo la posibilidad de añadir una descripción a las imágenes, Microsoft se está ocupando ampliamente del tema y muchas otras están siguiendo gradualmente su ejemplo.

Un sitio web accesible también es mejor para Google

Por desgracia, veo con demasiada frecuencia que se da más valor al SEO que a un buen contenido, por lo que no soy un gran fan de los argumentos SEO. Pero si los sitios web pueden ser mejor leídos e interpretados por los lectores de pantalla, también es más fácil para el robot de Google clasificar correctamente el sitio web visitado.

Crear un sitio web accesible con WordPress

Todavía queda un largo camino para llegar al 100% de accesibilidad. Y eso es probablemente inviable para muchas pequeñas empresas y blogs privados. Pero con las posibilidades que ofrece WordPress es fácil conseguir un 80% de accesibilidad.

Utilizando etiquetas para los titulares y las imágenes, y especialmente para la descripción de las imágenes, se puede conseguir mucho con poco beneficio. Una vez que hayas visitado tu propio sitio web con un navegador de texto, tendrás una idea de qué tornillos deben y pueden apretarse.

A cualquiera que dirija el sitio web de una empresa siempre le conviene que lo prueben una vez personas ciegas para obtener opiniones y consejos profesionales.