Google의 호스트인 Una Kravets와 함께 브라우저에서 디자인하기에 오신 것을 환영합니다. 오늘은
탐색 및 키보드 접근성에 대해 알아보겠습니다. :focus를 사용하는 시맨틱 HTML 및 ARIA 역할, 문서 구조 (랜드마크 역할), 탭 색인, 스타일 지정 상태에 관해 알아보고 새로운 :focus-within 스타일 지정을 살펴보겠습니다.
링크:
- 웹 연감 연구 → https://goo.gle/2FbaYS6
- JAWS 스크린리더 단축키 → https://goo.gle/3hiTNuK
- 스크린리더 호환성을 고려한 디자인 → https://goo.gle/3ioVBE0
- Tabindex → https://goo.gle/35nNtzR
- :focus-without pseudo class → https://goo.gle/2FfWEHK
- :focus-visible 가상 클래스 → https://goo.gle/2RePB4w
브라우저에서 디자인하기 → https://goo.gle/2NeLxjI
Chrome 개발자 구독하기 → https://goo.gle/ChromeDevs