サーベイに回答する アクセシビリティ検証の結果 - 2023年6月

SmartHRの従業員サーベイ機能で、従業員がサーベイに回答するプロセスに含まれるページに対して、SmartHRが目標に掲げるWCAG達成基準の検証を実施しました。

試験の対象プロセス

サーベイに回答する

概要

管理者からサーベイ回答の依頼を受けた従業員が、回答フォームに情報を入力し、回答を完了するまでのプロセス

対象のページ

• サーベイ回答画面
• サーベイ回答完了画面

検証した達成基準

レベルA

すべて

レベルAA

• 1.4.3 コントラスト (最低限)
• 1.4.4 テキストのサイズ変更
• 1.4.5 文字画像
• 2.4.7 フォーカスの可視化

検証結果

該当する達成基準のうち、レベルA: 20個中20個、レベルAA: 3個中3個で、その基準を満たしていました。

達成基準チェックリスト

• 達成基準に該当する場合は適用を「○」、該当箇所がない場合「－」
• 達成基準を満たしている場合は結果を「○」、満たしていない場合「×」

該当箇所がなく、適用が「－」の場合、その達成基準を満たしているとみなすため、結果は「○」とします。

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

なし

適合としたが改善を検討する事例

※すべての事例を紹介するものではありません。

スクリーンリーダーユーザーがバリデーションエラーに気づきにくい

対象のページ

サーベイ回答画面

内容

バリデーションエラー発生時、該当の質問にスクロールされ、質問の上にエラーメッセージが表示される。スクリーンリーダーでは質問内容が読み上げられる。エラーメッセージは質問内容の上に表示されるため、スクリーンリーダーユーザーにとって気づきにくい状態になっている。

対応方法

必須の質問に required 属性を付与し、バリデーションエラー発生時は aria-invalid 属性を付与する。

リンクの目的がわかりにくい

対象のページ

サーベイ回答画面 /サーベイ回答完了画面

内容

「＜戻る」リンクのコンテキストが不明 /「サーベイトップに戻る」リンクは対象従業員宛のサーベイ一覧に移動するリンクであるが、回答画面のトップに移動するようにも読み取れる。

対応方法

リンクの文言だけでリンクの移動先がわかるようにする。