WEB ACCESSIBILITY TEST RESULTS ウェブアクセシビリティ試験結果
2021年5月

試験の結果および実施方法

表明日
2021年5月20日
規格の規格番号および改正年
JIS X 8341-3:2016
満たしている適合レベル及び対応度

レベルA 一部準拠
本試験結果における「準拠」という対応度の表記は、情報通信アクセス協議会のウェブアクセシビリティ基盤委員会による
ウェブコンテンツのJIS X 8341-3:2016 対応度表記ガイドライン 2016年3月版 で定められた表記によるものです。

対象となるウェブページに関する簡潔な説明
開発中のコンポーネントを除く、SmartHR UIの全コンポーネント
依存したウェブコンテンツ技術
HTML5、CSS、JavaScript、WAI-ARIA
試験実施期間
2020年8月17日 〜
2021年5月11日
試験を行なったウェブページのURL
末尾に
試験を行なったウェブページのURLをまとめて掲載
例外事項
試験開始時に開発中だったコンポーネント

達成基準チェックリスト

その達成基準に該当するコンポーネントがある場合には適用を「○」、該当箇所がない場合「-」と表記し、
その達成基準を満たしている場合に結果を「○」、満たしていない場合「×」と表記します。
該当箇所がなく、適用が「-」の場合、その達成基準を満たしているとみなすため、結果は「○」とします。
達成基準のリンクはWCAG 2.0解説書へのリンクです。

満たしていない達成基準の
事例と対応策

今回の試験で見つかった、達成基準を満たせていない事例とそれらへの対応策を示します。
※すべての事例を紹介するものではありません。

  1. 1.3.1 情報及び関係性

    <FieldSet> 入力要素とラベルが関連付けされていない

    • 対象のページ:FieldSet

    • 対応方法:Filedsetコンポーネントは非推奨とし、代わりに適合したFormGroupコンポーネントの利用を推奨する

  2. 1.3.2 意味のある順序

    <DatePicker> 表形式の日付選択と入力欄のDOMが離れているが関連付けられていない

    • 対象のページ:DatePicker

    • 対応方法:aria-controlsとaria-expandedで関連付けをする

  3. 1.4.3 コントラスト (最低限)

    ブランドカラーと白の組み合わせ

    • 対象のページ:HeaderFooter

    • 対応方法:Header, Footer コンポーネントをコントラスト比も担保される形で作り直す予定です

    オレンジと白の組み合わせ

    • 対象のページ:StatusLabelHeader

    • 対応方法:Header, Footer コンポーネントをコントラスト比も担保される形で作り直す予定です

  4. 1.4.4 テキストのサイズ変更

    テキストサイズを200%に拡大すると、隠れて読めないテキストがある

    • 対象のページ:HeaderFooter

    • 対応方法:Headerを作り直す際にテキストの拡大に対応します

  5. 2.2.1 タイミング調整可能

    <FlashMessage> の標準動作が8秒で消える

    • 対象のページ:FlashMessage - Demo

    • 対応方法:FlashMessageに重要なコンテンツを記載しない、
      または重要なコンテンツをFlashMessageで表示せざるを得ない場合は、自動で消えない設定で利用する

  6. 3.3.2 ラベル、または説明

  7. 4.1.2 名前(name),役割(role)及び値(value)

    <MultiCombobox> で選択された項目がvalueとなっていない

    • 対象のページ:Combobox

    • 内容:すでに選択した項目がComboboxのvalueとして機械可読な形になっていない

    • 対応方法:すでに選択した項目に選択していることを示すセマンティクスを付与する

試験を行なった
ウェブページのURL

CONTACT お問い合わせ

  • PRODUCT FEEDBACK

    製品へのフィードバック

    送る
  • TESTER APPLICATION

    アクセシビリティ
    テスター応募

    応募する

RELATED INFORMATION 関連情報