Sitio web accesible

Los sitios web accesibles nos benefician a todos: Consejos de accesibilidad

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 entre ustedes: una visión general con consejos prácticos de Johannes Mairhofer.

La accesibilidad en el espacio digital es, en realidad, parte integrante 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. Todos los usuarios deberían poder utilizar WordPress, independientemente del idioma que hablen, de su situación económica o de sus limitaciones físicas. Sin embargo, el tema no suele recibir la atención que merece. Especialmente teniendo en cuenta la evolución demográfica y el deseo de inclusión, la accesibilidad digital debe tenerse en cuenta en los proyectos de WordPress, afirma Johannes Mairhofer. Al fin y al cabo, la accesibilidad también se está convirtiendo en algo importante desde el punto de vista de los negocios y del SEO.

Los sitios web accesibles no son una novedad

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 Web (WAI), que a su vez es un grupo del W3C. Ahora hay dos versiones aquí.

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)

La idea de un sitio web sin barreras no es, por tanto, 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

Los sitios web accesibles nos benefician a todos: Consejos de accesibilidad
Cuando se diseña un sitio web accesible, se optimiza la experiencia del usuario para todos.

¿Cómo debe hacerse accesible un sitio web? Muchos puntos no son tan complicados como se cree y pueden aplicarse 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.

La forma más fácil de hacerlo es, por supuesto, con un sitioque acaba de ser creado y diseñado. Pero los sitios web existentes también pueden optimizarse a posteriori. Deben respetarse unas sencillas reglas básicas.

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

El título de sitioestá realmente en el título y los encabezados están estructurados de forma lógica y también formateados como encabezados, no sólo en negrita. Las listas con viñetas se realizan con puntos o viñetas, no con un simple trazo menos. Con WordPress, esto se puede especificar directamente en el editor. Dependiendo de la plantilla y del editor utilizado, hay varias clases de encabezados disponibles aquí. sitioMediante el uso de etiquetas (por ejemplo, H1 y H2 para los títulos), se puede facilitar la experiencia y la navegación de las personas ciegas con 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 del hecho 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. Mediante diferentes variantes de CSS, por ejemplo, se puede ajustar el contraste de sitioo cambiar los colores con un simple clic del usuario. 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) Observar el principio de los dos sentidos

El contenido debe prepararse de manera que pueda ser percibido por dos sentidos diferentes. De esta manera, 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)

Accesibilidad en WordPress: Cómo crear un sitio web accesible (+ plugins para ello)

La accesibilidad en WordPress es un componente importante a la hora de crear sitios web. ¿Por qué es tan importante la accesibilidad? ¿Y cómo puede tuser accesible para todos? Te contamos todo esto y más en nuestro artículo sobre la accesibilidad de WordPress.

Sitio web accesible: Reunir experiencia

En teoría, el tema no siempre es tan fácil de comprender. Hablé 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 nos habla de sus experiencias con los sitios web y las redes sociales y nos cuenta cómo se desenvuelve en la red con su smartphone y una pantalla en braille.

Muchas de las cosas que se tratan aquí teóricamente también se pueden probar por uno mismo sin mucho esfuerzo. Así puede hacerse una idea de cómo se percibe realmente tu sitio .

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 ello, para navegar por las páginas web y los documentos, es importante utilizar 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 propia página 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 para sitios web accesibles

Ordenadores, portátiles, smartphones, tabletas, smartwatches 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 el mayor número de dispositivos 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.

Consentimiento*
Este campo es de validación y no debe ser modificado.

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 actuales treintañeros, pero a más tardar las siguientes, están 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 aporta la red, incluso 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 se puede ver en el hecho de que cada vez más grandes empresas dan más importancia a la participación digital. Además del ejemplo mencionado de Pfizer, Twitter, por ejemplo, ofrece desde hace algún tiempo la opción de añadir una descripción de la imagen a las imágenes, Microsoft está tratando el tema en detalle y muchos otros están siguiendo gradualmente su ejemplo. Aquí se puede encontrar un resumen detallado de los sitios web accesibles positivos, por ejemplo.

Un sitio web accesible también es mejor para Google

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

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 mismas, se puede conseguir mucho con poco beneficio. Una vez que haya visitado su propio sitio web con un navegador de texto, tendrá una idea de qué tornillos deben y pueden apretarse.

Cualquiera que dirija sitiopara una empresa siempre es aconsejable que la prueben personas ciegas de vez en cuando para obtener comentarios y consejos profesionales.

tuPreguntas sobre sitios web accesibles

¿Qué preguntas tiene para Johannes sobre la accesibilidad? No dude en utilizar la función de comentarios. ¿Quieres estar informado de los nuevos artículos sobre el tema del marketing online? Entonces síguenos en Twitter, Facebook, LinkedIn o a través de nuestro Newsletter.

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.