リーチを増やしてください

ウェブサイトのカバレッジを拡大し、より多くのユーザーに利益をもたらします！この記事では、ウェブサイトの使いやすさを向上させる実用的な方法を探り、より多くの視聴者、つまりウェブサイトのアクセシビリティを改善します。

アクセシビリティとは、障害のある人だけではありません。私たちは通常、アクセシビリティを、視覚障害のあるスクリーンリーダーの使用、字幕付きビデオの聴覚障害の表示、およびページを特定する色盲人と関連付けます。しかし、アクセシビリティにはさらに多くのものがあります。

アクセシビリティ：障害と不快感の境界を超えてください

伝統的な考え方は、今日の複雑な世界に対処するにはあまりにも単純すぎます。明るい机の前でノイズキャンセルヘッドフォンを着用して、高解像度の画面を見つめている場合にのみ、Webサイトにアクセスする人が何人いるか想像してみてください。このタイプのユーザーグループは非常に小さく、通常はウェブサイト開発者自身です。ターゲットユーザーグループのグローバル化の文脈では、この考え方は明らかに非現実的です。

さまざまなデバイス、さまざまな物理的条件、周囲の環境を使用して、ユーザーがWebサイトにアクセスできる多くの方法を考慮する必要があります。ユーザーがどこにあるか、または使用しているデバイスに関係なく、ウェブサイトができるだけ多くの潜在的なユーザーに到達できるようにする必要があります。これにより、考え方を破り、ユーザーベースを拡張する方法について本当に考えることができます。

ユーザーエクスペリエンスを簡素化します

ユーザーは、太陽の下で携帯電話を使用してウェブサイトを簡単に閲覧できます。これを行う方法は？たとえば、ウェブサイトに十分な色のコントラストがあることを確認してください（利用可能なオンラインカラーコントラストチェックツールが多数あります）。 JavaScriptの使用を削減することにより、帯域幅が低い地域のユーザーにスムーズなエクスペリエンスを提供します。公共の場所でビデオを視聴するユーザーに字幕を提供します。連絡先情報を目立つようにしやすい位置に配置して、ユーザーが圧力を受けて関連する担当者に迅速に連絡できるようになります。インタラクティブエリアのサイズを増やすと、ユーザーが片手で携帯電話を操作したり、ペットを持っているときにリンクとボタンをクリックしやすくなります。

UXまたはビジュアルデザイナーはこれを使用して、新しいユーザーのポートレートデザインのアイデアを刺激することができます。さらに、ユーザーのポートレートにペットが含まれている場合、チームサポートを取得する方が簡単です。

開発者は、上記の側面の多くが自分の制御の範囲内ではないと考えるかもしれません。しかし、ウェブサイトのアクセシビリティを改善するために、次の3つの側面から始めることができます。

ランドマーク領域を使用して、ページコンテンツを整理します

これは通常、ヘッダー、メイン、脇、フッターなどの領域を指し、より多くのランドマークエリアがARIA仕様にリストされています。スクリーンリーダーユーザーは通常、ランドマークエリアを通過するページをナビゲートします。 W3CのWAI-ARIA Webサイトは、この機能を使用することの例をさまざまなスクリーンリーダーで使用しています。ページテンプレートを使用する場合、メインテンプレートが正しく設定されていることを確認することが特に重要です。

自動チェックを追加します

現在、自動検査によって見つけることができるアクセシビリティの問題はまだ限られており、ウェブサイトがすべての自動検査に合格しても、アクセシビリティの問題がある可能性があります。しかし、自動検査をビルドプロセスに組み込むことは依然として非常に価値があります。新しい自動検査ツールの出現により、コードベースを継続的に改善できます。静的チェックにはテンプレートコード検査ツールを使用し、一部のIDE拡張機能はリアルタイムフィードバックを提供できます。自動テストは、動的なコード検査に使用できます。

チェックリストへのアクセシビリティを含めます

アクセシビリティチェックをワークフローに統合します。ここにいくつかの提案があります：

1. デザインまたは機能仕様にアクセシビリティの説明がない場合は、尋ねてください。
2. ウェブサイトをローカルまたはコンテナで実行するときは、キーボードのフォーカスを確認して、すべてのインタラクティブ要素がアクセス可能であることを確認します。
3. コードを確認するときは、アクセシビリティの問題に注意してください。誰かがボタンの代わりにリンクを使用したり、キーボードをサポートしていないDIVを使用したりする場合は、フィードバックを提供してください。これには、インタラクティブな要素のネイティブブラウザーサポートを確認する必要がある場合があります。

共感的で好奇心を留めてください

あなたの役割が何であれ、既存のユーザーに共感し、潜在的なユーザーに興味を持ってください。従来の思考を破り、アクセシビリティを改善し、ユーザーグループを拡大する新しい方法を探ります。私たちはインターネットの作成者であり、インターネットの未来の形成機です。開発ツールの制限から抜け出し、より多くの人々に利益をもたらすために、より包括的なユーザーエクスペリエンスを探索します。

以上がリーチを増やしてくださいの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。