堅牢：利用者の技術環境で動作するか
支援技術が解析できる、妥当で適切に命名されたマークアップを学びます。
「堅牢：利用者の技術環境で動作するか」はCoddyKit上の無料Web Accessibility Academyレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはWeb Accessibility Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Web Accessibility Academyコースには全4レッスンが含まれています。
堅牢とは
堅牢は、WCAGの4つ目の原則です。コンテンツは、ブラウザー、デバイス、支援技術を問わず、確実に動作しなければなりません。
長く使えるように作る
ツールは時間とともに変化します。堅牢なマークアップなら、現在のスクリーンリーダーだけでなく、将来ユーザーが使うものでも動作し続けます。
有効なHTMLを書く
ブラウザーや支援技術は、マークアップを解析します。タグを正しく閉じ、IDを一意にした有効なHTMLなら、読み取りやすいツリーを構築できます。✅
<ul>
<li>First item</li>
<li>Second item</li>
</ul>名前、役割、値
すべてのコントロールには、支援技術が読み取れる名前、役割、値が必要です。本物のチェックボックスなら、3つすべてが自動的にスクリーンリーダーへ伝わります。
ネイティブ要素を使う
本物のボタンには、適切な役割と値がすでに備わっています。ネイティブ要素を選ぶことが、堅牢なマークアップへの最も簡単な道です。
ARIAで不足を補う
HTMLだけでは役割を表せない場合、ARIAで追加できます。カスタムウィジェットに名前、役割、状態を与えるために、必要最小限だけ使いましょう。
不適切なARIAは害になる
間違った役割を指定すると、コントロールが意味不明な内容を読み上げることがあります。ARIAの第一原則は、不適切なARIAよりARIAを使わないほうがよい、ということです。
一意なIDが重要
ラベルとARIAは、idによって要素同士を関連付けます。idが重複するとその関連付けが壊れ、スクリーンリーダーが別の要素を指してしまいます。
<label for="email">Email</label>
<input id="email">実際の技術でテストする
堅牢かどうかを知るには、実際に試すしかありません。自分の目だけで確認せず、実際のスクリーンリーダーとキーボードでテストしましょう。
特殊な挙動に頼らない
あるブラウザーが大目に見てくれるから動作しているだけなら、そのページは脆弱です。標準に準拠した有効なコードなら、次のアップデート後も動作します。
堅牢性に関する問い
すべてのコンポーネントについて、支援技術が名前、役割、値を正しく読み取れるか考えてみてください。確信が持てないなら、マークアップはまだ堅牢ではありません。
クイックチェック
堅牢の原則を確認してみましょう。
まとめ：堅牢
堅牢とは、コードがさまざまな技術環境で動作することだと学びました。有効なHTML、ネイティブ要素、慎重なARIA、一意なID、実際のテストがポイントです。POUR完了です！🚀
AI チューターと学ぶ HTML — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 30
- レッスン
- 120
よくある質問
「堅牢：利用者の技術環境で動作するか」レッスンは無料ですか？
はい。「堅牢：利用者の技術環境で動作するか」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Web Accessibility Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Web Accessibility Academyコースには全4レッスンが含まれています。
「堅牢：利用者の技術環境で動作するか」で何を学びますか？
支援技術が解析できる、妥当で適切に命名されたマークアップを学びます。 ブラウザで直接実行するハンズオンコードでWeb Accessibility Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Web Accessibility Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのWeb Accessibility Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「堅牢：利用者の技術環境で動作するか」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このWeb Accessibility Academyレッスンでコードを書いて実行できますか？
はい。すべてのWeb Accessibility Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- 知覚可能：誰もがコンテンツを知覚できるか
- 操作可能：誰もがコントロールを使えるか
- 理解可能：読みやすく予測可能か
- 堅牢：利用者の技術環境で動作するか