Lighthouse 접근성 점수

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

각 접근성 감사는 통과 또는 실패입니다. 성능 감사와 달리 페이지가 접근성 감사를 부분적으로 통과해도 점수를 받지 못합니다. 예를 들어 페이지의 일부 버튼에는 액세스 가능한 이름이 있지만 다른 버튼에는 액세스 가능한 이름이 없는 경우 페이지의 버튼에 액세스 가능한 이름이 없음 감사에 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