Lighthouse のアクセシビリティ スコア

Lighthouse のユーザー補助スコアは、すべてのユーザー補助監査の重み付け平均です。重み付けは、axe のユーザーへの影響評価に基づいています。

各ユーザー補助の監査は、合格または不合格です。パフォーマンス監査とは異なり、ユーザー補助監査で部分的に合格しても、ページにポイントは付与されません。たとえば、ページ上の一部のボタンにユーザー補助機能名が指定されていて、他のボタンに指定されていない場合、そのページはボタンにユーザー補助機能名が指定されていませんの監査で 0 になります。

次の表に、各ユーザー補助監査の重み付けを示します。重み付けが大きい監査ほど、スコアに与える影響が大きくなります。手動監査はスコアに影響しないため、表には含まれません。

監査 重量
[accesskey] の値は一意です 7
[aria-*] 属性は役割と一致しています 10
role="" に割り当てられた値は有効な ARIA ロールです 1
buttonlinkmenuitem 要素にユーザー補助機能向けの名前が設定されています 7
role="dialog" または role="alertdialog" が含まれる要素に、ユーザー補助機能用の名前が設定されています 7
ドキュメントの <body>[aria-hidden="true"] が設定されていません 10
[aria-hidden="true"] 要素にフォーカス可能な子要素が含まれていない 7
ARIA 入力フィールドにユーザー補助機能向けの名前が設定されています 7
ARIA meter 要素にユーザー補助機能向けの名前が設定されています 7
ARIA progressbar 要素にユーザー補助機能向けの名前が設定されています 7
[role] に必須の [aria-*] 属性がすべて指定されている 10
ARIA [role] が指定されている要素に、特定の [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] 属性が有効でフォーカス可能な要素の 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> 要素にテーブル ヘッダーが 1 つ以上含まれています 10
[headers] 属性を使用している <table> 要素内のセルは、同じ表内の表セルを参照しています 7
<th> 要素および [role="columnheader"/"rowheader"] が指定された要素に、記述されたデータセルがあります 7
[lang] 属性に有効な値が指定されています 7
<video> 要素に [kind="captions"] が指定された <track> 要素が含まれています 10