インターフェイスがすべての人にアクセス可能である理由とその方法

こんにちは 私の名前はValeria Kurmakです。私はSbertech Design Centerのユーザーエンゲージメントアナリストであり、アクセシビリティの専門家です。 記事で私は言う:









特別なニーズについて



私たちはそれぞれ特別なニーズがありました。

子供が生まれると、片手で人の状況にいることに気づきます。 運転中は、浅い不透明なテキストをじっと見ることはできません。 海外では、他の人が何を言っているのか理解できず、答えることができないため、耳が聞こえない人や愚かな人の状況にいることに気づきます。 あなたと障害のある人との唯一の違いは、あなたにとってこの状態は一時的なものだということです。 しかし、障壁とニーズは同じです。 平均して各人は約9年間の人生に特別なニーズがあると推定されました。



画像



これらの状況は際限なく列挙できますが、私たち一人一人に正確に起こることは老年期です。 年齢、視力、聴覚が低下すると、小さな運動動作を実行するのが難しくなり、車椅子で移動しやすくなります。



ロシアでは人口の半数以上が特別なニーズを抱えています。1300万人の障害者、3700万人の年金受給者、約3000万人が障害者と同じニーズを一時的に経験しています。

手頃な価格の製品とサービスを作成することで、国の半分のニーズをなくすことができます。









ズベルバンクの研究について



障害を持つ人々の障壁やニーズが銀行との交流にどのようなものがあるのか​​を理解するために、大規模でかなりユニークな調査を実施しました。



あらゆる種類の障害を研究してきました。 今日、ロシアでは、障害のある人は診断によって分類されています。 しかし、あなたがサービスを適応させる必要があるとき、人が糖尿病にかかっていることを知っていることはあまり役に立ちません。 しかし、糖尿病のために、人はビジョンを持っていないという事実は、彼のニーズを理解するのに役立ちます。 そのため、診断ではなく、環境への障壁(聴覚、視覚、筋骨格障害、特に精神的または精神的発達)による分類を使用しました。



画像



ロシアでの障害のある人々の生活方法、つまり、それがどのように獲得されるのか、人々が世界とどのように交流するのか、日常生活で何を使うのか、財政を管理する方法、他の人とコミュニケーションする方法、そして法的問題を研究しました



銀行支店、インターネットバンキング、Sberbank Onlineアプリケーション、コールセンター、銀行商品自体の相互作用のすべてのポイントを調査しました。 これにより、障害のある人々が銀行とどのようにやり取りするか、どのチャネルを介して、彼らにとって何が重要であり、どのような困難が生じ、なぜかを理解できました。



驚くべき発見は、障害を持つ人々にとって最大の困難は、物理的環境の障壁を克服することではなく、コミュニケーションの障壁を克服することによって引き起こされるということでした。 部門の従業員が障害のある人にサービスを提供する方法を知らない場合、最も驚くべきランプは役に立ちません。



私たちは、障害者にとってデジタルチャネルがどれほど重要かを認識しました。 ロシアではロシアの手話を話す人はほとんどいないため、聴覚障害のある人にとっては、これはコミュニケーションの障壁を避ける機会です。 筋骨格系に違反している人々にとって、これは、都市の道に沿って、さらには部門自体の物理的な障壁を避けるのに役立ちます。 また、視覚障害のあるユーザーがSberbank Onlineを介してやり取りするという大きな要求を明らかにしたことも重要です。



この研究の結果に基づいて、障害の専門家とともに、ガイドラインを作成および作成しました。 研究の結果は、 specialbank.ruで見つけることができます。







デジタルサービスを設計する際の考慮事項



障害のある人のサイト適応について聞くとき、ほとんどの場合、視覚障害者の適応について話しますが、それは特別なニーズを持っているすべての人々についてでなければなりません。



良いニュースは、デジタルアクセシビリティのためです

特別なことは何も必要ありません。 障害のある人にとって必要かつ重要なことはすべて、障害のない人にとっても同様に重要です。 視覚障害者にとって非常に必要な同じコントラストは、すべてのユーザーのインターフェースでの作業を大幅に改善します。

目の不自由なユーザーがインターフェイスにアクセスできるようにするには、コードがレイアウトルールに準拠していることが重要です。 その後、視覚障害者はインターフェイス要素を認識し、それを制御できるようになります。



Sberbank Onlineの適応へのアプローチ



私たちが直面した最初の質問:障害を持つ人々のために別のバージョンがありますか? 多くの場合、「視覚障害者向けのバージョン」と呼ばれますが、視覚障害者だけでなくアクセシビリティも必要です。 私たちは国際標準、インターネットでの現在の慣習、そしてもちろんユーザーと話をしました。 標準はこれを必要とせず、ユーザーは特定のバージョンに対して意見を述べています。 引数:原則として、トリミングされた機能、誤った操作、ユーザーは既に組み込みのコンピューターまたはブラウザーテクノロジーを使用しています。 また、別のバージョンを作成して維持するには追加のリソースが必要であり、複雑さが増すにつれて、人的要因に関連するエラーの可能性が高くなることも理解しました。 ユーザーと話し合った後、別のバージョンを作成するという考えを捨て、誰でもアクセスできる単一のインターフェイスを作成できるアプローチを開発することにしました。



2番目の質問:ほぼ10年間開発され、多くの製品とシナリオを含むインターネットバンクをどのように適応させるか。 ポイントを変更できないことは明らかでした。 さらに、サイトが改ざんされてアクセス可能になる状況を回避したかったのですが、今後の開発ではアクセシビリティは考慮されず、再びアクセスできなくなります。 そのため、プロセスにアクセシビリティを組み込むアプローチが必要でした。



現在、Sberbank Online Internet Bankingのインターフェースを更新するプロセスが進行中です。 要素のライブラリを介してインターフェイスを開発する新しいプロセスにすでに移行しています。 ライブラリを通じてアクセシビリティを実装することにしました。 今日、設計者は、国際アクセシビリティ標準WCAG 2.0の要件を満たす既製のコンポーネントを使用しています。



インターフェイスコンポーネントライブラリ:





各コンポーネントはコントラストテストに合格しました。その結果、たとえば、メインメニューはコントラストの標準の要件を満たしていないため、メインメニューを変更しました。



したがって、古いメニューは次のようになりました。



画像



コントラストを確認しました。







これは新しいメニューのように見えます:



画像



次に、開発者は既製のコンポーネントのライブラリを調整し、マシンテストのリストに可用性テストを追加します。



ライブラリを介してアクセシビリティを実装すると、個別のバージョンを作成したり、アクセシビリティに関与する個人を選択したりする必要がないため、コストを削減できます。 また、このアプローチは、何かが見逃された場合のヒューマンエラーの可能性を減らすことも非常に重要です。



Sberbank Onlineは、このアプローチを採用した最初のプロジェクトです。 Sberbankには、クライアントと同じ問題を抱えている従業員向けの内部システムを含む、多くのシステムとアプリケーションがまだあります。 現在、私たちは標準のWCAG 2.0の実現に取り組んでいます。 すべての銀行商品のライブラリ。



テスト中



ライブラリに含まれるソリューションが障害を持つ人々のニーズを満たす方法を確認するために、ユーザビリティテストを実施します。



視覚的な解決策を確認するために、視覚障害のある人、色覚障害などの視覚障害のある人を対象にテストを実施しています。 このようなテストには、たとえばInVisionでプロトタイプを作成するだけで十分です。



視覚障害のあるユーザーによる電子キューのテスト







視覚障害者のユーザーエクスペリエンスを評価するには、InVisionのプロトタイプでは不十分です。 視覚障害者は、情報を読み取ってコンテンツを管理できるスクリーンアクセスプログラムを使用してインターフェイスと対話します。 そのため、テストには、開発者ライブラリのコンポーネントとインターフェイス全体の動作を確認できるコードを含むインターフェイスが必要です。 このようなテストでは、いくつかのスクリーンリーダー(最も一般的なNVDAおよびJAWS)をテストすることが重要です。 異なるブラウザをテストすることも重要です。 テストでは、異なるスクリーンアクセスプログラムを使用する場合と、異なるブラウザーを介して対話する場合に違いが見つかりました。



盲目のユーザーは、多くの場合、スクリーンアクセスプログラムの読み取り速度を高速化するため、目が見える人にとって、ユーザーが現在どの要素とやり取りしているのかを理解することは困難です。 したがって、発生する可能性のあるエラーを理解するために、テスト中に再生速度を下げるように依頼しました。



目の不自由なユーザーによるオープンテスト



画像



視覚障害者向けのテスト方法をご覧ください


アクセシビリティは、製品開発の最終段階で考えるものであってはなりません。 作成の非常に初期の段階で特別なニーズを考慮すると、松葉杖を積み上げる必要はありません。 たとえば、インターフェイス要素のライブラリを開発する段階で、すべての要素が対比されるべきであることを考慮すると、製品全体が対比の要件を満たし、視覚障害者などの別のバージョンを作成する必要がなくなります。



大企業で知識を広め、アクセシビリティを実装する方法



デザインキッチン



私たちの研究者、デザイナー、開発者はロシアの16の都市にいます。 知識と経験を広めるために、教育プロジェクト「Design-kitchen」を立ち上げ、そこでプロセス、設計、研究について話し合いました。 私は、特別なニーズを持つ人々のために、デジタル環境で障壁を設計しない方法に関するコースを教えています。



画像



可用性チェックリスト

また、内部チェックリストを作成しました。これにより、設計者、アナリスト、または製品がプロトタイプの可用性をすばやく確認できます。 同じチェックリストは、新しいライブラリ要素を作成するときにも適用できます。









おわりに



まだやるべきことがたくさんあることを理解しています。 体系化することが重要です。そのため、アクセシビリティに関する知識を広め、ライブラリを適合させ、インターフェイスをチェックするためのツールを作成し、開発プロセスでマシンテストとユーザビリティを実装します。



ユーザーインターフェースの作成にある程度関与するすべての人は、その可用性に責任があります。美しいテキストを作成したが、対照的なテキストではなく、見出しをマークしなかった開発者です。 5000万人を超える人々が製品やサービスに平等にアクセスできるかどうかは、私たち一人ひとりにかかっています。 私たちは皆、老年を待っています。そして、たとえあなたがこれらの5000万人に属していなくても、遅かれ早かれ、誰かがあなたの世話をしてくれたことに感謝するでしょう。



All Articles