Lighthouse 접근성 점수

Lighthouse 접근성 점수는 모든 접근성 감사에 대한 가중치가 적용된 평균입니다. 가중치는 axe 사용자 영향 평가를 기반으로 합니다.

각 접근성 감사는 통과 또는 실패합니다. 성능 감사와 달리 페이지는 접근성 감사를 부분적으로 통과한 것으로는 점수를 얻지 못합니다. 예를 들어 페이지의 일부 버튼에 액세스 가능한 이름이 있지만 다른 버튼은 없는 경우 페이지의 버튼에 액세스 가능한 이름이 없음 감사에 대해 0이 반환됩니다.

다음 표는 각 접근성 감사의 가중치를 보여줍니다. 가중치가 높은 감사일수록 점수에 더 큰 영향을 줍니다. 수동 감사는 점수에 영향을 미치지 않으므로 표에 포함되지 않습니다.

감사 무게
[accesskey] 값이 고유함 7
속성 [aria-*]개가 역할과 일치함 10
role=""에 할당된 값은 유효한 ARIA 역할입니다. 1
button, link, menuitem 요소에 접근 가능한 이름이 있음 7
role="dialog" 또는 role="alertdialog"가 있는 요소에 액세스 가능한 이름이 있음 7
[aria-hidden="true"]이(가) 문서 <body>에 없습니다. 10
[aria-hidden="true"] 요소에 포커스 가능한 하위 요소가 없음 7
ARIA 입력란에 접근 가능한 이름이 있음 7
ARIA meter 요소에 액세스 가능한 이름이 있음 7
ARIA progressbar 요소에 액세스 가능한 이름이 있음 7
[role]에 모든 필수 [aria-*] 속성이 있음 10
하위 요소에 특정 [role]가 포함되어야 하는 ARIA [role] 지원 요소에 모든 필수 하위 요소가 있음 10
[role]이(가) 필수 상위 요소에 포함되어 있습니다. 10
[role] 값이 유효함 7
role=text 속성이 있는 요소에 포커스 가능한 하위 요소가 없음 7
ARIA 토글 입력란에 접근 가능한 이름이 있음 7
ARIA tooltip 요소에 액세스 가능한 이름이 있음 7
ARIA treeitem 요소에 액세스 가능한 이름이 있음 7
[aria-*] 속성에 유효한 값이 있음 10
[aria-*] 속성이 유효하며 맞춤법이 틀리지 않음 10
버튼에 액세스 가능한 이름이 있음 10
페이지에 제목, 건너뛰기 링크 또는 랜드마크 영역이 포함되어 있음 7
배경 및 전경 색상의 대비율이 충분합니다. 7
<dl>에 순서가 올바른 <dt> 및 <dd> 그룹, <script>, <template> 또는 <div> 요소만 포함됨 7
정의 목록 항목이 <dl> 요소에 래핑되어 있음 7
문서에 <title> 요소가 있음 7
포커스 가능한 활성 요소의 [id] 속성이 고유함 7
고유한 ARIA ID 10
라벨이 여러 개인 양식 입력란에 없음 3
<frame> 또는 <iframe> 요소에 제목이 있음 7
제목 요소가 내림차순으로 표시됨 3
<html> 요소에 [lang] 속성이 있음 7
<html> 요소의 [lang] 속성에 유효한 값이 있음 7
<html> 요소에 [lang] 속성과 기본 언어가 동일한 [xml:lang] 속성이 있습니다. 3
이미지 요소에 [alt] 속성이 있음 10
이미지 요소에 중복된 텍스트인 [alt] 속성이 없습니다. 1
입력 버튼에 식별 가능한 텍스트가 있음 10
<input type="image"> 요소에 [alt] 텍스트가 있음 10
텍스트 라벨이 표시되는 요소의 이름이 액세스 가능한 경우 일치함 7
양식 요소에 연결된 라벨이 있습니다. 7
색상에 의존하지 않고 링크를 구분할 수 있음 7
링크에 식별 가능한 이름이 있음 7
목록에 <li> 요소와 요소 지원 스크립트 (<script>, <template>)만 포함됨 7
목록 항목 (<li>)이 <ul>, <ol> 또는 <menu> 상위 요소 내에 포함되어 있음 7
문서에서 <meta http-equiv="refresh">을(를) 사용하지 않습니다. 10
[user-scalable="no"]이(가) <meta name="viewport"> 요소에 사용되지 않고 [maximum-scale] 속성이 5보다 작지 않음 10
<object> 요소에 대체 텍스트가 있음 7
선택된 요소에 연결된 라벨 요소가 있음 7
건너뛰기 링크에 포커스를 맞출 수 있음 3
[tabindex] 값이 0보다 큰 요소가 없음 7
표의 요약 속성과 <caption> 콘텐츠가 서로 다릅니다. 1
표에서 자막을 나타내기 위해 [colspan] 속성이 있는 셀 대신 <caption>를 사용합니다. 7
큰 <table>의 <td> 요소에 하나 이상의 표 헤더가 있음 10
[headers] 속성을 사용하는 <table> 요소의 셀이 동일한 테이블 내의 테이블 셀을 참조 7
<th> 요소와 [role="columnheader"/"rowheader"]가 포함된 요소에 설명하는 데이터 셀이 있음 7
[lang] 속성에 유효한 값이 있음 7
<video> 요소에 [kind="captions"]의 <track> 요소가 포함됨 10