金融機関のウェブサイトにおけるアクセシビリティの課題の傾向

【連載第3回】 全国100銀行のウェブアクセシビリティ「金融機関のアクセシビリティ対応状況 一斉調査レポート」

各金融機関のトップページに対して、axe DevToolsを使ったアクセシビリティの機械的なチェックをおこない、あげられた課題の傾向は以下のようになりました。
多くの金融機関において、なにかしらのアクセシビリティの課題があげられ、全く課題があげられなかった金融機関は1行のみでした。

デザイン面における、アクセシビリティの課題の傾向

デザイン面のアクセシビリティの課題があげられた金融機関は８割にのぼりました。
多くの金融機関において、文字と背景色の色の組み合わせが十分なコントラスト比（4.5:1）を持っていない指摘がありました。
コントラストが十分にない場合、視覚に障害を持つ人にとって見づらい、読みづらいものとなってしまいます。
一方で、色の組み合わせの課題のみが指摘されている金融機関も多く、正しい色の組み合わせに変更をすることで改善が見込まれるため、アクセシビリティの改善として取り組みやすい課題とも言えます。

マークアップ・構造におけるアクセシビリティの課題の傾向

マークアップ・構造におけるアクセシビリティの課題があげられた金融機関は約7割ありました。
特に、リスト部分（ulタグやolタグ、liタグ）の文法が正しくない指摘が多くありました。
正しくマークアップがされていない、構造化されていない場合、支援機器（例えばスクリーンリーダーなど）が正確に情報を把握することができず、利用者が情報を知ることができなくなってしまいます。
実装面の見直しが必要になりますが、どのようにすれば改善されるか明確で、比較的対応はしやすい課題ではあります。

ラベル（altテキストなど）におけるアクセシビリティの課題の傾向

ラベル（altテキストなど）におけるアクセシビリティの課題があげられた金融機関は約9割ありました。
特に、画像の代替テキスト（altテキスト）やボタンにラベルが設定されていない課題が多くあげられました。
画像に代替テキストがなかったり、ボタンにラベルが設定されていないと、支援機器（例えばスクリーンリーダーなど）が画像の情報について読み上げることができなかったり、何が起こるボタンなのか利用者が把握することができなくなってしまいます。
画像に適切な代替テキストを作成したり、ボタンのラベルを見直すなど、方針を決めて対応を進めていく必要があります。

サステナブル方針、サステナビリティポリシー

対象とした金融機関のうち、サスティナビリティ方針、サスティナビリティポリシーについては約8割の金融機関において、設けられていました。
また、関東圏の信用金庫に限っても、約7割の金融機関が何かしらのサスティナビリティに関わる情報の発信を行っています。
大きな銀行においては、親会社に当たるホールディングス会社で共通的に設けられているところが多かったです。

サステナブル方針、サステナビリティポリシーとは？

企業のサステナブル方針は、持続可能な社会や環境への貢献を目指す方針です。これには、環境への配慮や社会的な責任を果たすための具体的な取り組みが含まれます。企業は、廃棄物削減、エネルギー効率化、再生可能エネルギーの利用など、環境への影響を最小限に抑える取り組みを行います。また、社会的な活動や地域の支援、従業員の福利厚生など、社会的な側面にも配慮します。サスティナブル方針は、企業の価値観や長期的なビジョンを反映し、持続可能な発展を追求するための指針となります。

axe DevToolsとは

axe DevToolsは、Deque Systems, Inc. が開発、公開している、「axe」というアクセシビリティー・チェック・ツールを各種ブラウザ（Chrome、Firefox、Edge） の拡張機能として利用ができるものです。miCheckerと同等のチェック内容（WCAG 2.1）について、ページ単位でアクセシビリティの確認がおこなえます。

ツールなどを使って機械的にウェブページのアクセシビリティをチェックできるのは、全体の20％前後といわれていますが、対応状況の概要を知る上では有効といえます。

より詳細にアクセシビリティの評価、改善をおこなっていく場合は、個別に目視での確認や実際に支援機器（例えばスクリーンリーダーなど）で確認を行う必要があります。

axe DevTools®