Topics

¡Domina la accesibilidad web!

Necesitamos un frontend y un marcado de nivel S, e incluso gestionamos la interfaz de usuario de nuestras herramientas de acceso masivo, ¡así que la accesibilidad debería ser pan comido! Esa era la ingenua idea detrás del proyecto de accesibilidad web de Liberogic, pero en realidad, fue el comienzo de una batalla feroz. Fijar un objetivo ambicioso de cumplimiento total con WCAG 2.2 llevó años de sesiones de estudio y discusiones interminables... y, francamente, me di cuenta de lo poco que nos lo habíamos tomado.

Recuerdo una sesión de estudio de accesibilidad celebrada al comienzo del proyecto hace unos años.
"¿Cuál es la diferencia entre WCAG y JIS X 8341-3:2016?"
"¡WCAG2.0 y JIS X 8341-3:2016 son lo mismo!"
Fue un viaje muy largo que comenzó con un intercambio tan básico.
¿Es correcta esta interpretación de los criterios de éxito?
"No, ese es el estándar aquí."
Después de interminables discusiones y revisiones, finalmente...Nivel de conformidad AA con WCAG2.2Esto creó un sistema que nos permitió aspirar a ello.

¡Rediseñe su sitio web!

"¿Mi sitio web no se adapta a mi negocio?"
La renovación del sitio web de nuestra empresa comenzó con esa palabra.
"Si voy a hacerlo, ¡mejor me centro en la accesibilidad y el SEO!"
No hace falta decir que nuestro talentoso personal, que probablemente estaba ocupado en ese momento, estaba feliz de asumir este desafío.

"¡Este color tiene una mala relación de contraste!"
"Bueno, es un buen diseño..."
"¿No puedes hacer ajustes dentro de las reglas?"
Continuamos experimentando, equilibrando diseño y accesibilidad.
Durante el marcado, completé con calma la abrumadora lista de verificación de elementos de prueba.

¡Por fin terminado!
Aunque había un retraso considerable, pensábamos que los avances tecnológicos eran una señal segura de progreso.

¡Obtuve una puntuación perfecta en Lighthouse! ¡Y también una alta calificación en PageSpeed ​​Insights!

Nuestro sitio web, creado con Astro + microCMS + Cloudflare, sin duda recibió una alta puntuación en Lighthouse. ¡La accesibilidad es, por supuesto, excelente!Las pruebas de accesibilidad de Lighthouse aprovechan el núcleo confiable de AxePor lo tanto, los esfuerzos para cumplir con WCAG se evalúan de forma bastante directa.

En cuanto al rendimiento, estábamos ejecutando muchas imágenes y varias otras cosas, por lo que al principio tuvimos algunos problemas, pero después de un arduo trabajo y ajustes, como optimizar cómo se cargaban las fuentes web, revisar la tasa de compresión y el formato de la imagen y ajustar la prioridad de carga de recursos, ¡finalmente vimos el momento en que funcionó!

¡100 puntos!

¡Obtuve puntuaciones perfectas en todas las categorías de la versión para PC de Lighthouse! Y el rumor era cierto. "¡Ah! ¡Si consigo una puntuación perfecta en Lighthouse, Google lanzará fuegos artificiales para celebrarlo!"

¿En serio? ¡En el sitio anterior apenas conseguí una puntuación de entre 80 y 90! Seguro que Astro tiene mucho que ver, ¡pero esto es increíble!

PageSpeed ​​​​Insights, otra herramienta de medición del rendimiento del sitio web proporcionada por Google, también obtuvo 100 puntos.

Sin embargo, PageSpeed ​​Insights no tiene ningún efecto especial (fuegos artificiales). Como he tenido una serie de resultados como 99 aquí y 100 allá, espero que Google añada algún tipo de efecto de celebración. 🎇

Por cierto,Las puntuaciones de Lighthouse y PageSpeed ​​​​Insights varían según el entorno de red, el estado del servidor, el estado del navegador, etc. en el momento en que se realiza la medición.Incluso si logras 100 puntos, ten cuidado porque es posible que no puedas mantener esa puntuación todo el tiempo.

¿Es imposible conseguir 100 puntos en el móvil? Es así. (↑No hice captura de pantalla en ese momento, así que la hice hace poco).

El verdadero objetivo está más allá del marcador

"Pero ¿no es este un resultado natural desde la perspectiva del usuario?"

En lugar de buscar una puntuación alta, nos centramos en diseñar el sitio web para todos aquellos que realmente lo usan, lo que nos llevó a obtener la máxima calificación. Una puntuación de 100 es simplemente un hito. ¡El verdadero objetivo es crear un sitio web cómodo y fácil de usar para todos!

Actualmente, estamos implementando varias funciones experimentales para confirmar la viabilidad de nuestro negocio, y nuestra puntuación en Lighthouse ha fluctuado a niveles más bajos que antes. Inocentemente, sigo gritando "¿Por qué, por qué?", ​​pero no hace falta decir que confirmar la viabilidad de nuestro negocio es más importante para todos que mi egoísmo.

Y así continúa nuestra incansable exploración.