Piensa en formas de resolver los TIPS DE HERRAMIENTAS

En el desafío de la GUI de hoy, @AdamArgyleInk crea un cuadro de información con un elemento personalizado (sin componente web), :has(), las transformaciones y las propiedades lógicas. Además de una pequeña secuencia de comandos de copia de seguridad para usar :has(), todo funciona con la tecnología de CSS. No te pierdas la experiencia del lector de pantalla, ya que captó la atención especial, como de costumbre.

Capítulos:

  • 0:00 - Introducción
  • 0:20 - Información sobre la herramienta frente a las sugerencias de activación
  • 2:22 - Descripción general de las funciones
  • 6:25 - UX del lector de pantalla
  • 9:06 - Árbol de accesibilidad
  • 14:12: :has()
  • 14:55 - HTML
  • 15:18: CSS
  • 18:50 - JavaScript
  • 20:21 - Final

Resources:

Mira más desafíos de GUI → https://goo.gle/GUIchallenges

Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs

Volver a todos los episodios