Subscribe

Course of Accessible Light & Dark Themes

Núria SorianoRafa Gómez

By Núria Soriano y Rafa Gómez – Frontend

Learn how to implement accessible light and dark themes on a web page, how to integrate it into your CSS architecture, and how to adapt the designs to create stunning themes.

Go to course

Ofrecer temas oscuros y claros a los usuarios está muy de moda, pero ¿sabías que es importante también desde el punto de vista de accesibilidad?
En este curso veremos los motivos por los que vale la pena ofrecer opciones a los usuarios y cómo adaptar e implementar diseños para que sean accesibles.

Con este curso aprenderás a:

  • 👐 Motivos para ofrecer modo claro/oscuro en los sitios web
  • 🌈 Cómo cambiar nuestros estilos según el tema
  • 🏗️ Arquitectura CSS con temas
  • 🚦 Maquetar un switch accesible
  • 🖍️ Elegir los colores adecuados
  • 🖼️ Adaptar las imágenes a nuestro tema
  • ⚡️ Seleccionar el tema con media query
  • 🎁 Permitir al usuario sobrescribir el tema
  • 📸 Evitar FOIT con SSR
  • 👀 Legibilidad de los textos

Videos of the course

Go to course

Related courses

Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Generate dynamic images in your Next.js projects for sharing on social media.

Best Practices with CSS: Colors

🎨 Best Practices with CSS: Colors

Núria SorianoRafa Gómez

Master the use of colors in CSS to create visually stunning and accessible sites. Use modern CSS such as lch for color management.

Advanced TypeScript: Improve Your Developer eXperience

🚋 Advanced TypeScript: Improve Your Developer eXperience

Isma NavarroJavier Ferrer

Learn how to enhance the definition of your functions with utility types, const type parameters, and satisfies that will allow you to gain robustness and ease of use in your day-to-day tasks.

See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Access to a subset of courses to lay the foundation for maintainable, scalable, and testable code
  • Company invoice
Popular

standard

24,92 €
Save 121 €
Annual payment of 299 €
per month
  • Full course catalog
  • Design and architecture challenges
  • Highlighted solutions videos for challenges
  • Receive job offers verified by Codely
  • Company invoice

premium

41,58 €
Save 89 €
Annual payment of 499 €
per month
  • Everything above
  • More benefits coming soon

We won’t increase the price while your subscription is active