Lighthouse 접근성 점수

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

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

다음 표에는 각 접근성 감사에 적용되는 가중치가 나와 있습니다. 가중치가 더 높은 감사일수록 점수에 미치는 영향이 큽니다. 수동 감사 및 영향이 적은 감사 / 권장사항 감사는 점수에 영향을 미치지 않으므로 표에 포함되지 않습니다.

감사 무게
[accesskey] 값이 고유함 7
[aria-*] 속성이 역할과 일치함 10
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] 값이 유효함 10
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
입력 버튼에 식별 가능한 텍스트가 있음 10
<input type="image"> 요소에 [alt] 텍스트가 있음 10
표시되는 텍스트 라벨이 포함된 요소에 일치하는 액세스 가능한 이름이 있습니다 7
양식 요소에 관련 라벨이 포함되어 있습니다 10
문서에 주요 랜드마크가 하나 있어야 합니다 3
색상에 의존하지 않고 링크를 구분할 수 있음 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
선택 요소에 연결된 라벨 요소가 있습니다 10
건너뛰기 링크는 포커스 가능합니다 3
[tabindex] 값이 0보다 큰 요소가 없음 7
표에서 자막을 나타내기 위해 [colspan] 속성이 있는 셀 대신 <caption>을(를) 사용합니다 7
큰 <table>의 <td> 요소에는 하나 이상의 표 헤더가 있습니다 10
[headers] 속성을 사용하는 <table> 요소의 셀이 동일한 테이블 내의 테이블 셀을 참조합니다 7
<th> 요소와 [role="columnheader"/"rowheader"] 지원 요소가 설명하는 데이터 셀이 해당 요소에 포함됨 7
[lang] 속성에 유효한 값이 있음 7
<video> 요소에 [kind="captions"]이 있는 <track> 요소가 포함됨 10