8장 — 진짜 버튼 체험

겉모습은 가짜 버튼과 완전히 같습니다. 코드만 <button>입니다.

이렇게 해보세요

  1. Tab 키를 눌러보세요 — 버튼에 도착하고, 포커스 링이 보입니다.
  2. 그 상태에서 EnterSpace를 눌러보세요 — 눌립니다.
  3. 스크린리더로 들으면 "제출하기, 버튼"이라고 안내됩니다.

바꾼 것은 태그 하나입니다. 키보드 도달, 역할 안내, Enter/Space 동작이 전부 공짜로 따라왔습니다.