실습 데모 목록

9장 — 가짜 버튼 체험

의도적으로 잘못 만든 교보재입니다. 아래 점선 안의 버튼은 <div onclick>으로 만들었습니다. 실제 서비스에서 이렇게 만들면 안 됩니다.

이렇게 해보세요

  1. 마우스로 버튼을 눌러보세요. 잘 눌립니다.
  2. 이제 마우스를 치우고 Tab 키를 눌러보세요. 버튼에 도착할 수 없습니다.
  3. 스크린리더가 있다면 켜보세요. 이것이 눌리는 것이라는 안내가 없습니다.
제출하기

겪어보셨나요? 무엇이 왜 다른지는 책 9장에서 다룹니다.