No desafio da GUI de hoje, @AdamArgyleInk criou uma dica com um elemento personalizado (sem componente da Web), :has(), transformações e propriedades lógicas. Além de um pequeno script de backup para o uso de :has(), tudo funciona com CSS. Não perca a experiência do leitor de tela, ele chamou atenção especial, como de costume.
Capítulos:
- 0:00 - Introdução
- 0:20 - Dicas x Alternâncias
- 2:22 - Visão geral do recurso
- 6:25 - UX do leitor de tela
- 9:06 - Árvore de acessibilidade
- 14:12 - :has()
- 14:55 - HTML
- 15:18 - CSS
- 18:50 - JavaScript
- 20:21 - Encerramento
Resources:
- Confira uma demonstração → https://goo.gle/3SDW5YT
- Acesse a fonte → https://goo.gle/3SCNxBj
Assista mais desafios da GUI → https://goo.gle/GUIchallenges
Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs