Dentro de las Administraciones Públicas de España, está el Observatorio de Accesibilidad Web y existen dos tipos de metodologías de seguimiento para revisar la accesibilidad web:

• Metodología para el seguimiento simplificado UNE-EN 301522:2022 (pdf)
• Una metodología profunda para sitios webs (Metodología para el seguimiento en profundidad para sitios web UNE-EN 301549:2022 (pdf)) y otra para aplicaciones móviles (Metodología para el Seguimiento en Profundidad para aplicaciones móviles UNE-EN 301549:2022)

Más información en: Guías y Metodologías del Observatorio de Accesibilidad Web.

Como herramienta, está también el Rastreador Observatorio de Accesibilidad Web, un Motor utilizado por el Observatorio de Accesibilidad Web para realizar las iteraciones periódicas del Observatorio y ofrecer el servicio de diagnóstico en línea para las Administraciones Públicas. y del que está disponible el repositorio en Github del Rastreador Observatorio de Accesibilidad Web.

Existe, aunque está discontinuada, una herramienta llamada Informe de Revisión de Accesibilidad, basada en WCAG-EM Report Tool, herramienta que a su vez está dentro del anteriormente mencionado Rastreador Observatorio de Accesibilidad Web.

Por último, mencionamos que hay que incluir una declaraciones de accesibilidad en cada sitio web y aplicación móvil de los organismos del sector público, y que existe un modelo europeo de declaración de accesibilidad disponible en los diferentes idiomas.

Sirva este párrafo como recordatorio de algo de lo que ya hablamos en Modelo de declaración de accesibilidad web en las lenguas oficiales de España.

Simple.css is a classless CSS framework that allows you to make a good looking website really quickly.

By classless I mean that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.

simplecss.org

Hay ocasiones en las que lo simple, puede ser lo más versátil y efectivo. Personalmente creo que simplecss es un excelente punto de partida para empezar a desarrollar un framework CSS, o simplemente usarlo así, sin más, modificando algunas variables. Un framework CSS sin clases. Genial.

Tal vez se echen en falta más estilos como botones, textos especiales, contenedores, iconos, rejilla,… hablando de rejilla, es un momento oportuno recordar El CSS Grid mínimo: ungrid, una rejilla con dos clases.

Comienzo con una anécdota personal. Hace unas semanas tuve que entregar un formulario firmado a la Comunidad de Madrid. Tras pasar tres días intentando saber si mi firma del DNI digital estaba en vigor, consultar en las diferentes webs (Fábrica Nacional de Moneda y Timbre, Portal del DNI electrónico, Web de la Policía Nacional,…) descargar el programa Autofirma, y ver diferentes «ayudas», no conseguí nada más que frustación.

Al final, dediqué tres horas para imprimir el documento, desplazarme a la correspondiente oficina física (con cita previa) y entregarlo en papel. Aproveché para dar un largo paseo. Teniendo en cuenta las circunstancias, no lo considero una pérdida de tiempo, ya que no tardé mucho, y conseguí mi objetivo.

Avances insuficientes, mejoras deseables

Me acuerdo que hace años Luís Villa en su difunto blog relató su impotencia al intentar realizar un trámite relacionado con Hacienda por internet.
No voy a decir que no se ha mejorado nada, pero tampoco se puede decir que se ha mejorado lo suficiente. Personalmente creo que la Clave PIN es algo que funciona bastante bien (una vez que te has dado de alta y tienes la aplicación instalada en el móvil), ampliamente usada por muchos procesos en las Administraciones Públicas, aunque un rediseño en alguna página sería bienvenido.

Ya hace algún tiempo escribí Imagen institucional del Gobierno de España. Mejoras necesarias, y sinceramente creo que el artículo sigue teniendo vigencia y nos queda mucho por mejorar en la Administración Pública desde el punto de vista del diseño, la usabilidad, y la accesibilidad. Los ciudadanos nos lo merecemos. Y lo necesitamos. Y en situaciones como la pandemia, es ya una exigencia a la que no podemos renunciar. Y hay que reconocer también que se están dando pasos en este sentido, como mencionamos en Diseño en Administraciones Públicas.

Informe ¿Habla claro la Administración pública?

La consultora Prodigioso Volcán, una consultora de comunicación clara ha realizado un estudio y publicado un informe sobre la comunicación, usabilidad, accesibilidad en las Administraciones Públicas ¿Habla claro la Administración pública?. En el informe pdf ¿Habla claro la Administración pública? participan, además de 20 técnicos de la Administración Pública, y la propia consultora:

• Olga Carreras (Consultora de accesibilidad)
• Sergio Luján Mora (Profesor de Informática de la Universidad de Alicante)
• María Ángeles García (Lingüista)
• Carmen Torrijos (Lingüista computacional)
• Alberto Ortiz de Zárate (Innovación Pública)
• Rafael Camacho (Politólogo e investigador de Gobierno Abierto)

En el informe se analizan un centenar de asuntos que relacionan a los ciudadanos y las Administraciones Públicas de las siguintes entidades: 14 Ministerios, 12 Comunidades Autónomas, 4 Organismos Estatales, 8 Ayuntamientos y 6 Universidades.

¿Conclusiones?

• el 78% de los textos administrativos analizados no son claros. Destaca positivamente la claridad en los contenidos sobre la violencia de género (92% de los textos analizados han resultado claros).
• Falta de coherencia y criterio unificado en los contenidos (como consecuencia, la
  pérdida de confianza de los ciudadanos).

Los expertos y técnicos coinciden en las principales dolencias de la Administración:

• El lenguaje suele ser arcaico y técnico.
• Las web son poco intuitivas y confusas en su estructura.
• Falta de accesibilidad.
• La información no está orientada como servicio a las personas.
• Falta de iconos, infografías, vídeos y recursos visuales.
• Muchos contenidos están obsoletos, sin actualizar y sin cuidar.

¿Y qué acciones de mejora deberían realizarse según los técnicos de la Administración entrevistados?

• Una estructura más sencilla y ligera (100%)
• Mejoras en la presentación visual (70,6%)
• Textos escritos en lenguaje claro (70,6%)
• Mejoras en la navegación (64,7%)
• Contenidos más accesibles e inclusivos (41,2%)
• Tono cercano y amable (35,3%)
• Asistente virtual de apoyo al usuario (17,6%)

Recomendaciones finales del informe:

• Reorientar la comunicación hacia las necesidades del ciudadano.
• Hablar (y escrir) en lenguaje claro, preciso, natural y cercano.
• Hay una transformaciónpendiente: de la administración electrónica a los servicios digitales.
• Rediseñar los servicios para que cumplan mejor su función y sean verdaderamente útiles.
• Invertir en innovación pública para la transformación del Estado.
• Urge monitorizar el derecho a entender lo que la Administración comunica a la ciudadanía.

¿Por qué es necesaria una comunicación más clara?

• Democratiza el acceso a la información pública.
• Disminuye la insatisfacción de la ciudadanía.
• Aumenta la confianza y la transparencia de la Administración pública.
• Contribuye a conseguir los Objetivos de Desarrollo Sostenible (ODS) de Naciones Unidas.
• Ahorra tiempo y dinero. Acorta el esfuerzo invertido en la lectura, agiliza las gestiones. Disminuye las dudas, quejas y consultas.
• Reduce la ansiedad que provoca la difícil comprensión de información compleja.
• Convierte en algo sencillo procesos complejos, básicos para los ciudadanos, que estos abandonan al ni siquiera poder completarlos.
• Facilita las traducciones automáticas en internet y los sistemas de procesamiento de lenguaje (lectores para invidentes).

Recuerda que puedes consultar el el informe pdf ¿Habla claro la Administración pública?.

Conocemos los aspectos a mejorar, ojalá que nos pongamos en marcha para solucionarlos.

El Observatorio de Accesibilidad Web recientemente ha publicado que hay disponible una Nueva herramienta para ayudar a realizar las revisiones de accesibilidad de un sitio web. El nombre de esta herramienta es Informe de Revisión de Accesibilidad, y su propósito es la de generar informes (de revisión de accesibilidad) siguiendo la Metodología de Evaluación de Conformidad con la Accesibilidad en sitios Web publicada por el W3C en el 2014 (Website Accessibility Conformance Evaluation Methodology).

La herramienta es una adaptación y traducción al castellano de WCAG-EM Tool del W3C y permite generar informes en formatos html, ods, xlsx o json, un paso posterior a la realización de una validación de accesibilidad automática y manual.

— ¿Pero que has hecho?
— Hacer una tabla.
— Pero ya no se hacen así.

Y me recomendó la lectura del siguiente artículo: Responsive data tables with CSS Grid – Revisited. Resumiendo el argumento del artículo, para hacer una tabla accesible se usan elementos como div y span para luego añadir CSS usando las propiedades de CSS Grid display: grid; y grid-template-columns.

En Septiembre haré 20 años que llevo como desarrollador web, y hemos pasado de utilizar tablas para maquetar absolutamente todo (ojo, que todavía se hace y se encuentra código con esta técnica totalmente desaconsejada) a no usar tablas ni para maquetar datos tabulares.

Y la lista puede seguir con enlaces que parecen botones, textos que parecen títulos (¿os suena .h1?), y otras ocurrencias.

El avance que se ha producido en CSS con nuevas especificaciones y una gran velocidad de soporte por los principales navegadores, nos permite hacer auténticas virguerías con los estilos, y es algo genial. Pero no tenemos que olvidar algo esencial: las hojas de estilo CSS son para definir estilos, y el HTML define la estructura de una página web.

El viejo truco de desactivar los estilos, y plantearse otras formas de navegar (lector de pantalla, por ejemplo), nos pueden ayudar a decidir la opción más correcta.