WEB ACCESSIBILITY TEST RESULTS
ウェブアクセシビリティ試験結果2021年12月
試験の結果および実施方法
- 表明日
- 2021年12月24日
- 規格の規格番号および改正年
- JIS X 8341-3:2016
- 満たしている適合レベル及び対応度
-
レベルA 一部準拠
本試験結果における「準拠」という対応度の表記は、情報通信アクセス協議会のウェブアクセシビリティ基盤委員会による
ウェブコンテンツのJIS X 8341-3:2016 対応度表記ガイドライン 2016年3月版 で定められた表記によるものです。 - 対象となるウェブページに関する簡潔な説明
- 開発中のコンポーネントを除く、SmartHR UIの全コンポーネント
- 依存したウェブコンテンツ技術
- HTML5、CSS、JavaScript、WAI-ARIA
- 試験実施期間
-
2021年8月11日 〜
2021年11月30日 - 試験を行なったウェブページのURL
- 末尾に
試験を行なったウェブページのURLをまとめて掲載 - 例外事項
- 非推奨のコンポーネント
- FieldSet
- Header（削除済）
達成基準チェックリスト
その達成基準に該当するコンポーネントがある場合には適用を「○」、該当箇所がない場合「－」と表記し、
その達成基準を満たしている場合に結果を「○」、満たしていない場合「×」と表記します。
該当箇所がなく、適用が「－」の場合、その達成基準を満たしているとみなすため、結果は「○」とします。
達成基準のリンクは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.3.2 意味のある順序
<DatePicker>表形式の日付選択と入力欄のDOMが離れているが関連付けられていない- 対象のページ：DatePicker
-
対応方法：
aria-controlsとaria-expandedで関連付けをする - 改善：fix: added some attributes for accessibility SHRUI-382 #1629
-
3.3.2 ラベル、または説明
<RightFixedNote>の<textarea>にラベルがない- 対象のページ：RightFixedNote
-
対応方法：
<textarea>に可視のラベルを追加 - 改善：feat!: RightFixedNote の textareaLabel を表示する (SHRUI-404) #1744
満たしていない達成基準の
事例と対応策
今回の試験で見つかった、達成基準を満たせていない事例とそれらへの対応策を示します。
※すべての事例を紹介するものではありません。
-
1.4.3 コントラスト (最低限)
-
2.2.1 タイミング調整可能
- 対象のページ：FlashMessage
- 対応方法：FlashMessageを自動で消さないオプションの追加、およびFlashMessageに変わるコンポーネントの作成
-
4.1.2 名前（name），役割（role）及び値（value）
<MultiCombobox> で選択された項目がvalueとなっていない
- 対象のページ：Combobox
- 内容：すでに選択した項目がComboboxのvalueとして機械可読な形になっていない
- 対応方法：すでに選択した項目に選択していることを示すセマンティクスを付与する
適合としたが注意が必要なコンポーネント
-
<FormGroup>
- 対象のページ：FormGroup
-
内容：複数の入力をグルーピングする目的で利用する場合、
role="group"を利用者側が付与する必要がある。
