3つの方法で、アクセシビリティを真剣に受け止めません

冗談を聞いたことがありますよね？ 「2人のフロントエンド開発者がバーに足を踏み入れて、共通点がまったくないことを発見します。」面白いだけでなく、重大なギャップを反映したイライラする真実。

この記事では、ユーザーと開発者/デザイナーの間の潜在的な橋を強調して、Webアクセシビリティに関する3つの一般的な視点について説明します。私たちの目標？より包括的なWebの共通点を見つける。

第1幕：開発者のジレンマ

「開発者がどのようにアクセシビリティを見落としているか理解していません。」

開発者の視点を考えてみましょう。ウェブサイトを構築するには、膨大なスキルセットが正常に必要です。ファンダメンタルズ（HTML、CSS、ARIA、JavaScript）を超えて、開発者は他のタスクを無数にジャグリングします：パッケージ管理、バージョンコントロール、テスト（ユニット、統合、視覚回帰、ブラウザの互換性）、コードレビュー、セキュリティ、UX/UIデザイン、レスポンシブデザイン、データ管理...リストは無限です。

開発者がどれだけ知っているかは印象的です！ウェブサイトを構築できる人の数は、世界人口のごく一部であり、本当に驚くべき偉業です。コードを成功裏に出荷することの満足度、その達成感は非常にやりがいがあります。

今、あなたの仕事の欠陥を指摘するアクセシビリティの専門家を想像してください。認知的不協和音は耳障りなことがあります。突然、あなたの苦労して稼いだ専門知識は不十分であると感じ、意図せずにユーザーを除外したという認識は深く不安になる可能性があります。防御的な反応は理解できます。

開発者がアクセシビリティを無視することを選択する理由は簡単にわかります。それは、潜在的な不十分さと過去の監視の罪悪感との苦痛な対立です。

第2幕：ユーザーのフラストレーション

「私は完全に見えないと感じています。」

アシスタントテクノロジーに依存しているユーザーは、多くの場合、使用不可能なWebサイトに遭遇します。色のコントラストが悪いとテキストが判読できなくなります。複雑なインタラクティブな要素（ネストされたボタンなど）は、請求書の支払いやオンラインショッピングなどの基本的なアクションを防ぎます。 Divに変装したボタンは、キーボードナビゲーションにアクセスできなくなります。

このフラストレーションは、多くの場合、包括性のために努力している人々に向けられ、否定的なフィードバックループを作成します。一部の開発者は懸念を「失礼」として却下し、他の開発者はアクセシビリティの仕事の感情的な負担に苦しんでいます。ユーザーは無視されていると感じ、無力感につながります。訴訟はしばしば唯一の手段になりますが、それでも変化は遅くなる可能性があります。認識は、声を上げて断定的であることが唯一の唯一の方法であるということです。

第3幕：デザイナーの制約

「色のコントラストがオフになっていることはわかっていますが、それはとても創造的に制限されていると感じています。私はそれがどのように見えるか嫌いです。」

多くのデザイナーは、アクセシビリティガイドラインを芸術的ビジョンの制限と見なしています。彼らは誤った二分法を見ます：美しいデザインとアクセス可能なデザイン。

ただし、覚えておいてください：Webデザインは自己表現だけではありません。それは、すべての人のために使用可能な体験を作成することです。課題は、審美的に心地よく、完全にアクセスしやすいデザインを見つけることです。どちらかまたは状況ではありません。両方の基準を満たす革新的なソリューションを見つけることです。

会話を再構築します

問題はこれらの3つの視点を超えています。プロジェクトマネージャーは機能配信を優先し、一部の開発者は退屈な態度を表明し、他の開発者はアクセシビリティに対処する前にブラウザのマンデートを待っています。

解決策？アクセシビリティ教育を開発者およびデザイナートレーニングの初期段階に統合する必要があります。外国語を学ぶように考えてください。スラングだけがコミュニケーションを制限することを知っています。同様に、JavaScript中心のアプローチは、しばしばHTMLの固有のアクセシビリティ機能を無視します。

すべてのドキュメントにアクセス可能なコードの例、デザインにはアクセシビリティの注釈があり、会議にアクセシビリティディスカッションに優先順位を付けることが含まれていることを確認する必要があります。私たちのツールは本質的にアクセス可能でなければなりません。これは新しい最小標準です。

既存のコードとリソースはどうですか？私たちは過去の間違いにこだわることはできませんが、思いやりと好奇心で前進することができます。私たちは学び、改善することができます。私たちは以前に挑戦的な技術的ハードルを克服しました。アクセシビリティは、私たちが征服できるもう1つの課題です。

実行可能な手順：

思いやりのある自己改善：

1. ソーシャルメディアで障害のある個人をフォローして、自分の経験から学びます。議論の反応を聞き、学び、避けてください。
2. 知識を更新します。 HTMLファースト開発を優先し、JavaScript機能を追加します。アクセシビリティに焦点を当てたコースを受講してください。
3. 画面リーダーを使用して、その機能と制限を理解します。テキストのみのモード、音声設定、見出しによるナビゲーション、キーボードショートカットを探索します。

ボーナス：アクセシビリティツーリングプロジェクトに貢献します。

増分コードの改善：

重要なアクセシビリティブロッカーに対応します：

1. ネストされたインタラクティブな要素を避けてください。
2. すべての入力フィールドに明確で関連するラベルがあることを確認してください。
3. キーボードトラップを防ぎます。
4. すべての画像に意味のあるALTテキストを提供します。
5. 壊れたリンクまたは不要なリンクを削除します。

A11yプロジェクトのようなチェックリストを出発点として使用します。

今日から始めましょう。あなたがいるところから始めてください。より包括的なWebへの旅は、1つのステップから始まります。

スコット・ロドガーソンによるヘッダーの写真を紹介しました

以上が3つの方法で、アクセシビリティを真剣に受け止めませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。