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
표의 summary 속성 및 <caption>에 다른 콘텐츠가 있음 1
표에서 캡션을 나타내기 위해 [colspan] 속성이 있는 셀 대신 <caption>을(를) 사용합니다. 7
큰 <table>의 <td> 요소에 하나 이상의 표 헤더가 있음 10
[headers] 속성을 사용하는 <table> 요소의 셀이 동일한 테이블 내의 테이블 셀을 참조 7
<th> 요소와 [role="columnheader"/"rowheader"]가 있는 요소에 설명하는 데이터 셀이 있음 7
[lang] 속성에 유효한 값이 있음 7
<video> 요소에 [kind="captions"]가 있는 <track> 요소가 포함됨 10