📘️ Book Club ＃アクセシビリティ ＃考慮事項－ 障害をもつ方々にも使いやすいプロダクトを作りたい。

アクセシビリティについて考える

アクセシビリティ（英: accessibility）とは、「近づきやすさ」、「利用のしやすさ」、「便利であること」であり、現代では、広い種類の利用者が製品や建物、サービスなどを支障なく利用できる度合いを指していることで多く使われています。

デジタルの分野では、使いやすさや利用しやすさを意味するユーザビリティに近い意味として使われることが多く、この場合、技術に依存せずさまざまな情報端末やソフトウェアから利用できることを目指しています。

日本では、「アクセシビリティに配慮する」とか「アクセシビリティを高める」といった表現で用いられています。
参照：アクセシビリティ Wikipedia

しかし、残念なことに「アクセシビリティ」は忘れられがちなトピックで、現在、アクセシビリティ自体はSEOのランキング・シグナルではありません。しかし、ユーザー体験を重要すると、アクセシビリティを高めることはとても大切です。

アクセシビリティの例
視覚障害があるユーザーのために、スクリーンリーダーを使ってウェブサイトを閲覧する対応をしているウェブサイト

WeCo – アクセシビリティ検査

私の会社では、メディカル、ヘルスケア業界に変化をもたらすことを目標に、さまざまな課題に取り組んでいます。今回、このトピックを選んだ理由は、ただ今私が携わっているプロジェクトに関係があるからです。

脳性麻痺オーストラリアのデジタル・プラットフォーム

脳性麻痺オーストラリアのデジタル・プラットフォームを開発するために、我が社をデジタルパートナーとして選択し、ただ今そのプラットフォームの開発に携わっています。

プラットフォームは、脳性麻痺の人々、その家族、またサポートプロバイダー、コミュニティ、および主流のサービスのために、脳性麻痺に関する情報へのアクセスを増やすために、統合されたデジタルプラットフォームと関連するデジタル出力を段階的に開発することを目指しています。 

今回のプロジェクトは、実際に脳性麻痺をもつ方々がメイン・オーディエンスなので、その方々のユーザーの体験を重視する必要があります。プロジェクトが進む中で、脳性麻痺をもつ方々に使いやすいプラットフォームにするにはどうしたら良いか色々考えました。

リサーチの段階で中で、WeCoという、ウェブ・プラットフォームを見つけました。WeCoは視覚障碍者スタッフを中心に設立された米国の慈善事業系ベンチャー企業です。

WeCoはアクセシビリティ検査ビジネスも行っています。
WeCo社に所属する実際に障害を持つスタッフがWebサイトなどが所定のアクセシビリティ公的基準を満たしているか、検査・認定しています。

WeCoのウェブサイトから、「脳性麻痺のアクセシビリティ」という記事を参照しました。

Web Design Considerations for the Cognitive Side of Cerebral Palsy

大脳性麻痺の認知的な側面：Webデザインの考慮事項

脳性麻痺は、神経障害のグループを指しています。 脳性麻痺は脳と関係があることを意味し、麻痺は筋肉の弱さや問題を意味します。 脳性麻痺の症状は人によって大きく異なりますが、脳性麻痺の人はすべて、動き、バランス、姿勢に問題があることを定義しています。

ただし、脳性麻痺のある多くの個人は、次のような何らかの形の認知/知的障害も経験します。
→　不安などの行動の問題。
→　短い注意力とタスクを継続する際の問題。
→　何が聞こえているか、および/または見られているかを理解することを困難にする可能性のある感覚的課題。
→　学習と記憶の問題。 そして
→　視覚および/または聴覚の問題。

脳性麻痺を持っている人を考慮してウェブデザインの問題を解決することは重要です。

WCAG2.0ガイドラインとセクション508標準に基づいたアクセス可能なWebデザインのヒントであり、開発者はCPを使用するユーザーのアクセシビリティを向上させるために留意する必要があります。

日本では現在日本工業標準調査会（JISC）が制定した「JIS X 8341-3」というウェブコンテンツのアクセシビリティ規格があります。

ビジョン
•強いコントラストを使用します。
•コンテンツを簡単に拡大または拡大できることを確認します。
•相対的なフォントサイズを使用して、テキストが大きなサイズでも自然に流れるようにします。
•画像にテキストを入れないでください。
•テキストや画像をスクロールしたり点滅させたりしないでください。
•明確で便利なナビゲーションを提供します。
•メニューやナビゲーションバーをナビゲートするための「スキップ先」オプションを含めます。
•すべての画像に代替テキストまたはキャプションを追加します。

聴覚–聴覚音
•オーディオ・コンテンツ（ポッドキャストなど）の場合は、トランスクリプトを提供します。
•ビデオ・コンテンツには、字幕/クローズド・キャプションを提供します。
•すべてのオーディオ・コンテンツが適切で一貫した音量であることを確認してください。

キーボードとマウス
•可能な限り、すべての機能をキーボードでアクセスできるようにします。
•移動する要素をクリックするなど、ユーザーがタスクを実行するのに十分な時間をとってください。
•タスクを実行するために必要なステップ数を最小限に抑えます。

リーディングとスペリング
•実行する必要のある手順が明確で、論理的な順序で編成されていることを確認します。
•より少ないオプションでよりシンプルなインターフェースを作成することを検討してください。

今、求められる共感力

優れたデザインとテクノロジーの組み合わせは、より良い世界を作り出す可能性があります。ユーザーにとって、シームレスな体験をデザインすることはデジタル・プロダクトの成功の鍵を握っています。

プロダクト・デザイナーは、エンパシー（共感力）という感性を育てていく必要性があります。ユーザーの立場に立って、彼らの感情と行動を理解することが大切です。

今回は、実際に脳性麻痺をもつ方々のことを深く考え、プラットフォーム全体とページ単位の使いやすさなど、ユーザー体験を意識してデザインを進めたいと思いました。ユーザーがプラットフォームから離脱するのを防ぎ、また効率的に情報を取得し、満足していただくために精一杯の努力をしたいと思います。

私も、色々勉強中なので、皆さまの、ご意見・ご感想をお聞かせください。お読み頂きまして、ありがとうございました。

メルボルンを拠点にプロダクトデザイナーとして働いています。 主にデジタル・プロダクトの制作に携わっています。