버튼에 반드시 인식 가능한 텍스트가 있어야 합니다

이 규칙이 확인하는 내용

버튼이 인식 가능한 텍스트를 가지고 있는지 확인하세요.

중요한 이유

WCAG 4.1.2는 모든 컨트롤에 이름이 있어야 한다고 요구합니다. 이름 없는 버튼은 수량 조절 버튼, 닫기 버튼, 슬라이더 화살표인 경우가 많습니다.

수정 방법

1. 이름이 없는 버튼을 찾으십시오. 대개 아이콘만 표시하는 버튼입니다.
2. 버튼의 기능을 알려 주는 보이는 텍스트, 시각적으로 숨긴 텍스트 또는 aria-label을 추가하십시오(예: aria-label="Close" 또는 aria-label="Increase quantity").

수정 확인 방법

• 해당 페이지를 다시 스캔하십시오.
• 스크린 리더로 버튼을 확인하십시오.

FixReports가 찾아내는 방법

저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 button-name을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.

자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.