Nella GUI Challenge di oggi, @AdamArgyleInk crea una descrizione comando con un elemento personalizzato (nessun componente web!), :has(), trasformazioni e proprietà logiche. Oltre a un piccolo script di backup per l'utilizzo di :has(), è basato interamente su CSS. Non perderti l'esperienza offerta dallo screen reader, che ha ottenuto un'attenzione speciale, come al solito.
Capitoli:
- 0:00 - Introduzione
- 0:20 - Descrizioni dei comandi e suggerimenti di attivazione/disattivazione a confronto
- 2:22 - Panoramica delle funzionalità
- 6:25 - UX screen reader
- 9:06 - Albero dell'accessibilità
- 14:12 - :has()
- 14:55 - HTML
- 15:18 - CSS
- 18:50 - JavaScript
- 20:21 - Conclusione
Risorse:
- Prova una demo → https://goo.gle/3SDW5YT
- Scarica il codice sorgente → https://goo.gle/3SCNxBj
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs