WEB ACCESSIBILITY TEST RESULTS
ウェブアクセシビリティ試験結果2023年6月
試験の結果および実施方法
- 表明日
- 2023年6月21日
- 規格の規格番号および改正年
- JIS X 8341-3:2016
- 満たしている適合レベル及び対応度
-
レベルA準拠
本試験結果における「準拠」という対応度の表記は、情報通信アクセス協議会のウェブアクセシビリティ基盤委員会による
ウェブコンテンツのJIS X 8341-3:2016 対応度表記ガイドライン 2016年3月版 で定められた表記によるものです。 - 対象となるウェブページに関する簡潔な説明
- SmartHR UIのコンポーネント（非推奨を除く）
- 依存したウェブコンテンツ技術
- HTML5、CSS、JavaScript、WAI-ARIA
- 試験実施期間
-
2023年6月16日 〜
2023年6月20日 - 試験を行なったウェブページのURL
- 末尾に
試験を行なったウェブページのURLをまとめて掲載 - 例外事項
- 非推奨のコンポーネント
達成基準チェックリスト
その達成基準に該当するコンポーネントがある場合には適用を「○」、該当箇所がない場合「－」と表記し、
その達成基準を満たしている場合に結果を「○」、満たしていない場合「×」と表記します。
該当箇所がなく、適用が「－」の場合、その達成基準を満たしているとみなすため、結果は「○」とします。
達成基準のリンクはWCAG 2.0解説書へのリンクです。
| 達成基準 | 等級 | 適用 | 結果 |
|---|---|---|---|
| A |  | | |
| A |  | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| AA | | | |
| AA | | | |
| AA | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| AA | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | | |
| A | | |
-
「2.4.2 ページタイトル」および「3.1.1 ページの言語」は、ページが検証対象ではないため該当箇所なしとした。
-
「3.2.1 フォーカス時」および「3.2.2 入力時」は、実際の操作が与えられない状態での検証のため該当箇所なしとした。
-
「3.3.1 エラーの特定」は、コンポーネント単体で検討できないため該当箇所なしとした。
前回試験から改善した事例
-
1.4.3 コントラスト (最低限)
<StatusLabel>のwarningが白との組み合わせでコントラスト比を保てていない- 対象のページ：StatusLabel
- 対応方法：白との組み合わせでコントラスト比が確保される警告色を作成しました
- 改善：feat!: 黄色の使い方と注意アイコンの使い方を見直す
-
2.2.1 タイミング調整可能
<FlashMessage>の標準動作が8秒で消える- 対象のページ：FlashMessage
- 対応方法：FlashMessageを自動で消さないオプションの追加、およびFlashMessageに変わるコンポーネントの作成
- 改善：
-
4.1.2 名前（name），役割（role）及び値（value）
<MultiCombobox>で選択された項目がvalueとなっていない- 対象のページ：MultiComboBox
- 対応方法：すでに選択した項目に選択していることを示すセマンティクスを付与する
- 改善：chore: コンボボックスのアクセシビリティ改善
満たしていない達成基準の
事例と対応策
今回の試験で見つかった、達成基準を満たせていない事例とそれらへの対応策を示します。
※すべての事例を紹介するものではありません。
-
1.4.3 コントラスト (最低限)
- 対象のページ：Header
- 背景色と文字色の組み合わせでコントラスト比が確保される意匠を検討します
