Blog
Ideas, tutoriales y buenas prácticas para construir experiencias web accesibles. Aprende de ejemplos del mundo real y mantenete actualizado con lo último en accesibilidad web.
- Leer más
8 minutos de lectura
Aprendé cómo construir un elemento desplegable desde cero de manera fácil y rápida sin usar WAI-ARIA ni Javascript, solo HTML
Guía paso a paso para desarrollar un componente desplegable desde cero de forma accesible, sencilla y rápida sin necesidad de usar Javascript ni WAI-ARIA sólo con la etiqueta HTML <details>. Esta etiqueta de forma nativa hace que el elemento acordeón sea accesible con teclado y lectores de pantalla por defecto. Por último, vamos a aprender a hacer transiciones con CSS.
- Leer más
4 minutos de lectura
Un enlace o un botón
Entender la diferencia entre un enlace (<a>) y un botón (<button>) es crucial para desarrollar interfaces accesibles, robustos y semánticamente correctos.
- Leer más
5 minutos de lectura
Uso semántico de las etiquetas <ins>, <del> y <s>: Cómo escribir una etiqueta de precio accesible para e-commerces
En este artículo, explicaré las diferencias clave entre las etiquetas <ins>, <del> y <s>, cuándo usar cada una de ellas y cómo escribir etiquetas de precio semánticas y accesibles para e-commerces.
- Leer más
10 minutos de lectura
Pretext: demo accessible
Rehice el demo del editorial engine de Cheng Lou con Pretext como una app React conforme con WCAG 2.2: orbes arrastrables por teclado, soporte para lectores de pantalla, prefers-reduced-motion, y un fallback HTML nativo al 150%+ de zoom o en viewports menores a 500px.