오늘의 GUI 챌린지에서는 @AdamArgyleInk가 웹 구성요소 없이 맞춤 요소, :has(), 변환 및 논리 속성. :has() 사용을 위한 작은 백업 스크립트 외에도 이 스크립트는 CSS에서 제공합니다. 스크린 리더 환경을 놓치지 마세요. 평소와 같이 특별한 주의를 기울였습니다.
챕터:
- 0:00 - 소개
- 0:20 - 도움말과 전환 팁 비교
- 2:22 - 기능 개요
- 6:25 - 스크린 리더 UX
- 9:06 - 접근성 트리
- 14:12~:has()
- 14:55 - HTML
- 15:18 - CSS
- 18:50 - 자바스크립트
- 20:21 - 아우트로
리소스:
- 데모 사용해 보기 → https://goo.gle/3SDW5YT
- 출처 확인하기 → https://goo.gle/3SCNxBj
더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges
Chrome 개발자 구독하기 → https://goo.gle/ChromeDevs