Learn Accessibility

Create inclusive sites and apps that are easy for everyone to use. Learn how to design for screen readers, keyboard navigation, and other assistive technologies.
  1. Básicos de Accesibilidad: Diseñando para Discapacidad Visual

    Básicos de Accesibilidad: Diseñando para Discapacidad Visual

    Tutorial Beginner

    Con el 4.5% de la población total experimentando daltonismo, 4% sufriendo de debilidad visual y otro 0.6% siendo ciegos, las dificultades visuales cuando se...

  2. Cómo usar los roles, propiedades y estados de ARIA en HTML

    Cómo usar los roles, propiedades y estados de ARIA en HTML

    Tutorial Beginner

    En este tutorial de accesibilidad para principiantes vamos a aprender qué es ARIA, por qué es necesario escribir nuestro HTML teniendo en cuenta ARIA,...

  3. Consejos CSS para una mejor accesibilidad al color y al contraste

    Consejos CSS para una mejor accesibilidad al color y al contraste

    Tutorial Beginner

    La accesibilidad del color es una parte importante de la accesibilidad visual. Las personas con diversos tipos de discapacidades visuales, como daltonismo y...

  4. Cómo usar Pa11y: Realizando pruebas de la accesibilidad web mediante la línea de comandos

    Cómo usar Pa11y: Realizando pruebas de la accesibilidad web mediante la línea de comandos

    Tutorial Beginner

    El mundo está en un punto donde es imperativo diseñar para todos, y la web es una parte importante de ello. Como tal, los desarrolladores y diseñadores...

  5. Los 5 mejores plugins de Figma para el manejo del color

    Los 5 mejores plugins de Figma para el manejo del color

    Tutorial Beginner

    En esta publicación veremos los que, a mi parecer, son los 5 mejores plugins de gestión de color para Figma.

  6. 6 consejos para la accesibilidad en el diseño de formularios

    6 consejos para la accesibilidad en el diseño de formularios

    Tutorial Beginner

    Los formularios son una parte muy importante de la experiencia web. Catalogan solicitudes, completan compras, ayudan a los flujos de registro y desempeñan...

  7. Cómo mantener tus diseños accesibles con la cuadrícula CSS

    Cómo mantener tus diseños accesibles con la cuadrícula CSS

    Tutorial Beginner

    La cuadrícula CSS permite crear diseños bidimensionales al organizar elementos en filas y columnas. Te permite definir cualquier aspecto de tu cuadrícula,...

  8. Una guía para crear animaciones accesibles

    Una guía para crear animaciones accesibles

    Tutorial Intermediate

    Las interfaces animadas pueden provocar dolores de cabeza, náuseas, mareos y otros problemas de salud para muchas personas. Los grupos más afectados son las...

  9. SVGs accesibles: métodos para añadir contenido alternativo

    SVGs accesibles: métodos para añadir contenido alternativo

    Tutorial Beginner

    Los gráficos vectoriales escalables (SVG) son imágenes vectoriales basadas en XML. Existen desde hace ya mucho tiempo, pero durante los últimos dos años su...

  10. Consejos de Accesibilidad de Teclado Usando HTML y CSS

    Consejos de Accesibilidad de Teclado Usando HTML y CSS

    Tutorial Beginner

    Haciendo su sitio de Internet accesible para los usuarios de teclado es una parte importante de la imagen más grande de la accesibilidad. Aquí hay algunos...

  11. Diseño Contenido Accesible: Tipografía, Estilo de Fuente y Estructura

    Diseño Contenido Accesible: Tipografía, Estilo de Fuente y Estructura

    Tutorial Beginner

    Crear y diseñar contenido accesible significa más que simplemente elegir tipografía accesible. Incluso con familias "perfectas" en el lugar en su sitio web,...

  12. Cómo comprobamos la accesibilidad en Envato (herramientas y consejos)

    Cómo comprobamos la accesibilidad en Envato (herramientas y consejos)

    Tutorial Beginner

    Abordar el desafío de crear un sitio web accesible, o hacer accesible un sitio web preexistente, a veces puede ser una tarea complicada. Puede resultar...