이렇게 해보세요
- Tab 키를 눌러보세요. 버튼에 도착하고 포커스 링이 보입니다.
- 그 상태에서 Enter나 Space를 눌러보세요. 눌립니다.
- 스크린리더로 들으면 "제출하기, 버튼"이라고 안내됩니다.
바꾼 것은 태그 하나입니다. 키보드 도달, 역할 안내, Enter와 Space 동작이 전부 공짜로 따라왔습니다.
올바르게 만든 예입니다.
겉모습은 가짜 버튼과 똑같고, 코드만 <button>입니다.
바꾼 것은 태그 하나입니다. 키보드 도달, 역할 안내, Enter와 Space 동작이 전부 공짜로 따라왔습니다.