버튼 역할을 적는 것만으로 버튼의 조작이 자동 구현되지는 않습니다
ARIA는 역할·상태 같은 정보를 보조기술에 전달하는 규격입니다. div에 role=button을 붙여도 키보드 초점과 활성화 처리를 별도로 갖춰야 합니다. 기본 HTML button으로 표현할 수 있는 기능인지 먼저 검토하고 실제 행동과 의미가 일치하도록 해야 합니다. 근거: MDN ARIA·WAI APG Button, 2026-11-04.
근거: MDN ARIA · 2026-11-04 확인
동일한 역할 조회와 다른 초점 조건을 실제로 보았습니다
격리된 로컬 브라우저 문서에서 <button>검색</button>과 <div role="button">저장</div>를 비교했습니다. 역할·이름 조회에서는 둘 다 버튼으로 발견되었지만 tabIndex는 기본button이0, 해당div는-1이었습니다. accessibility-examples.json에 관찰을 보존했습니다. 이는 제한된 조각의 결과로 키보드 활성화나 모든 보조기술 동작까지 검증한 것은 아닙니다.
근거: WAI APG Button Pattern · 2026-11-04 확인
커스텀 컨트롤은 이름·초점·활성화·상태를 함께 봅니다
공식 버튼 패턴의 키보드 상호작용과 현재 구현을 비교합니다. Tab으로 도달하는지, 해당 역할의 활성화 키가 의도한 동작을 한 번 실행하는지, 토글이라면 상태가 정확히 전달되는지 승인된 테스트에서 확인합니다. 클릭 이벤트만 있는지와 비활성 조건도 살핍니다. 속성이 많다는 이유로 접근성이 좋아졌다고 판단하지 않습니다.
근거: MDN ARIA · 2026-11-04 확인
실패하면 역할 추가보다 기본 요소·동작 계약을 재검토합니다
초점이 안 오면 초점 설계, 이름이 모호하면 목적을 전달하는 레이블, 키 입력이 안 되면 실제 이벤트 처리를 각각 확인합니다. 운영 결제·삭제를 키보드 시험으로 실행하지 말고 안전한 테스트 동작을 사용합니다. 성공은 이름·역할·상태와 실제 조작이 요구대로 맞는 범위입니다. 이 글은 사이트 컨트롤을 구현하거나 전체 감사를 통과시킨 결과가 아닙니다.
원문으로 이어 읽기
확인일: 2026-11-04. 정의와 적용 범위, 발행일과 판본을 함께 살펴봅니다. 원문이 존재한다는 사실만으로 개별 주장의 정확성과 재사용 권리가 자동 보장되지는 않습니다.