버튼에 액세스할 수 있는 이름이 없습니다.

버튼에 액세스 가능한 이름이 없으면 화면 판독기 및 기타 보조 기술이 버튼이라고 발표합니다. 이는 사용자에게 버튼이 수행하는 작업에 대한 정보를 제공하지 않습니다.

Lighthouse 버튼 이름 감사가 실패하는 방식 #

Lighthouse는 텍스트 콘텐츠 또는 aria-label 속성이 없는 버튼을 플래그 지정합니다.

버튼에 액세 가능한 이름을 추가하는 방법 #

레이블이 보이는 버튼의 경우 텍스트 콘텐츠를 button에 추가합니다. 레이블을 명백한 작업 호출로 만듭니다. 예:

<button>Book room</button>

아이콘 버튼과 같이 레이블이 보이지 않는 버튼의 경우 aria-label 속성을 사용하여 보조 기술을 사용하는 모든 사람에게 작업을 명확하게 설명합니다. 예:

레이블 버튼 및 링크 또한 참조하십시오.

리소스 #

• 액세스 가능한 이름이 없는 버튼 감사에 대한 소스 코드
• 버튼에는 식별 가능한 텍스트가 있어야 함(Decue University).