ARIA en la práctica: atributos y patrones que funcionan sin complicar el código
Guía práctica de ARIA: cuándo usarlo, cuándo el HTML semántico ya resuelve el problema, y patrones reales para menús, modales y alertas dinámicas.
#a11y
Artículos con la etiqueta #a11y.
Focus visible: cómo un anillo de foco mejora la usabilidad para usuarios de teclado
Qué es el focus visible, por qué importa para usuarios de teclado y lectores de pantalla, cómo implementarlo con CSS sin romper el diseño y cómo auditarlo.
Contraste y legibilidad: la base invisible de una web accesible
Qué es el ratio de contraste WCAG, cómo medirlo sin engañarte, cuándo tus colores de marca fallan y cómo auditar tu web con un checklist práctico.
Release v4.30.5 — Guía de marca v2.0, PWA offline y rediseño del embudo de captación
La versión 4.30.5 del Portfolio aplica la guía de marca v2.0 end-to-end, añade PWA offline, OG images automáticas, landing SEO y newsletter.
Infinite scroll con URLs de verdad: atrás, estado y SEO en Astro
Implementa un listado infinito en Astro sin romper SEO ni navegación: paginación indexable, carga progresiva, History API y restauración de scroll accesible.
Release v1.4.0 — Cuenta local cifrada, multilingüe y temas accesibles
La versión 1.4.0 de Cartas Rápidas incorpora una cuenta local cifrada para guardar borradores y recordatorios, soporte multilingüe (es, ca, eu), un nuevo componente de feedback, modos oscuro y de alto contraste, búsqueda y filtros para plantillas, mejoras SEO, actualización de datos legales y un pipeline de CI/CD integral.
Release v2.16.0 — Consentimiento de cookies, automatización de pruebas y dominio .es
Implementación de un banner de cookies con gestión granular, migración al dominio adrianmariscal.es, integración de Playwright y Lighthouse CI en GitHub Actions, nuevos componentes para mejorar la UX y accesibilidad, y refactor de Edge Functions para staging.
Guía práctica de accesibilidad web: cómo hacer tu sitio más inclusivo
Introducción práctica a la accesibilidad web: contraste de colores, navegación por teclado, texto alternativo, etiquetas ARIA y herramientas gratuitas como WAVE, Lighthouse y AXE para evaluar y mejorar cualquier sitio.
Qué es Google Lighthouse (explicado fácil) y por qué debería importarte
Lighthouse explicado sin tecnicismos: qué mide, cómo interpretar sus notas y cómo usarlo para mejorar la velocidad, accesibilidad y SEO de tu web.