NBR 17225：ウェブサイトをアクセシブルにするために必要なこと

NBR 17225：ブラジルのアクセシブルなウェブサイトのための決定版ガイド

あなたのウェブサイトはすべての人にとってアクセス可能でなければなりません。2015年から、ブラジル国内に本社または営業所を持つ企業は、その保証を義務付けられています。しかし、このアクセシビリティをどのように実装するかについての明確さの欠如は、懸念すべき現実を生み出しました。ブラジルのウェブサイトの3％未満しか要件を満たしていません。幸いなことに、2025年3月からは、何が必要かを正確に詳述したブラジルの技術基準であるNBR 17225が登場します。この記事では、この基準をあなたのウェブサイトのための実践的で検証可能なタスクに落とし込みます。

主なポイント：

• NBR 17225は、2025年3月に発行されたデジタルアクセシビリティに関するブラジルの技術基準です。
• WCAG 2.2の基準に基づいており、ウェブサイトがすべての人に利用可能であることを保証するための146のガイドラインを定めています。
• この基準は、キーボードナビゲーションや色のコントラストから、CAPTCHAのような複雑なインタラクションまでをカバーしています。
• ブラジルのウェブサイトの3％未満が現在のアクセシビリティ基準を満たしています。
• NBR 17225の実装は、法的義務であり、デジタルインクルージョンに向けた重要な一歩です。

デジタルアクセシビリティの緊急の必要性

デジタルアクセシビリティは、単なる法的遵守の問題ではありません。それはインクルージョンと機会均等に関するものです。ブラジルのインクルージョン法（法律13.146/2015）は、その第63条で明確に述べています：「国内に本社または営業所を持つ企業が維持するインターネットサイトは、アクセシビリティが義務付けられています」。この決定は、障害を持つ人々がオンラインの製品、サービス、情報に完全にアクセスできるようにすることを目的としています。

しかし、現実には大きなギャップが見られます。Movimento Web para TodosとBigDataCorpの協力による調査では、ブラジルのウェブサイトの3％未満しかアクセシビリティ基準を満たしていないことが明らかになりました。Movimento Web para Todosの創設者であるSimone Freire氏は、このことの重要性を強調しています：「イノベーションとは、すべての人々が製品やサービスにアクセスできることを保証することであり、アクセシビリティなしではそれは不可能です」。NBR 17225は、この目標を達成するための技術的なロードマップを提供し、灯台として登場します。

NBR 17225とは？

2025年3月11日にブラジル技術標準協会（ABNT）によって発行されたNBR 17225は、デジタルアクセシビリティに焦点を当てたブラジルの技術基準の最初の版です。基準の開発には約2年かかり、ABNTのアクセシビリティ委員会（ABNT/CB-040）の178人の専門家が参加しました。技術的な調整は、NIC.brのCeweb.brのプロジェクトマネージャーであるReinaldo Ferraz氏が行いました。全国的な協議を経て、基準は最終決定されました。

NBR 17225は、必須要件と推奨事項の両方を含む、合計146のガイドラインをまとめています。これは、国際的に認められた標準であるWeb Content Accessibility Guidelines（WCAG）2.2に定められた基準と一致しています。この基準は、ユーザーエクスペリエンスにとって不可欠な幅広い要素をカバーしており、オンラインコンテンツが、能力に関係なく、すべての人に知覚可能、理解可能、ナビゲート可能、そして堅牢であることを保証します。

NBR 17225の必須ガイドライン

この基準は、ウェブサイトのアクセシビリティを確保するために、多くの側面を詳述しています。あなたのウェブサイトが考慮する必要がある重要なポイントをいくつか見てみましょう。

1. キーボード操作

ボタン、リンク、フォームなどのすべてのインタラクティブな機能は、キーボードのみを使用して操作可能でなければなりません。これは、マウスを使用できないユーザーにとって不可欠です。ナビゲーションは論理的で直感的でなければならず、ユーザーが要素間を簡単に移動できるようにする必要があります。

2. 画像コンテンツ

情報伝達を行う画像には、テキストの代替（代替テキストまたはalt text）が必要です。画像が純粋に装飾的なものである場合は、支援技術によって無視されるようにマークする必要があります。これにより、スクリーンリーダーは視覚障害のあるユーザーに視覚的なコンテンツを説明できます。

3. 構造とヘッダー

ヘッダー（H1、H2、H3など）の正しい使用は、コンテンツを整理し、ナビゲーションを容易にするために不可欠です。ヘッダーの適切な使用は、スクリーンリーダーユーザーがページの構造を理解し、関心のあるセクションにスキップするのに役立ちます。

4. リンク

リンクのテキストは説明的でなければならず、クリック時に移動先または実行されるアクションを明確に示している必要があります。「ここをクリック」のような一般的なテキストは避けてください。

5. 色とコントラストの使用

視覚的なアクセシビリティは、テキストと背景の適切なコントラストに依存します。NBR 17225は、WCAG 2.2に従い、通常のテキストで4.5:1、強化されたテキストで7:1の最小コントラストを規定しています。さらに、色だけが情報を伝達する唯一の手段であってはなりません。他の視覚的またはテキストベースのインジケーターがメッセージを補完する必要があります。

6. フォントとレイアウト

ガイドラインには、スペーシングと可読性に関する仕様が含まれています。フォントサイズの少なくとも1.5倍の行間、段落間隔の2倍、文字間隔の0.12、単語間隔の0.16が推奨されます。これは、学習障害やディスレキシアのある人々に特に役立ちます。

7. フォームとインタラクション

フォームは明確で、各フィールドにラベルが関連付けられている必要があります。エラーメッセージは具体的で、特定しやすいものでなければなりません。CAPTCHAや顔認識などの重要な項目には、アクセシブルな代替手段または乗り越えられない障壁を作成しないメカニズムを提供する必要があります。

8. タッチターゲットとアニメーション

タッチスクリーンデバイスの場合、タッチターゲット（ボタン、リンク）は最小で24x24 CSSピクセルである必要があります。アニメーションは制御可能でなければなりません。自動的に開始したり、他のコンテンツと並行して5秒以上続いたりすることはできません。ユーザーが一時停止、停止、または非表示にできるようにする必要があります。

NBR 17225は、単なる技術的なルールのセットではなく、すべてのユーザーのインクルージョンとエクスペリエンスへのコミットメントです。

あなたのウェブサイトのアクセシビリティを評価する方法

NBR 17225には、ウェブサイトのアクセシビリティレベルの評価を支援するためのチェックリストが含まれています。実際には、監査は、自動化されたツールと手動チェックを組み合わせたテストフローに従うことができます。

1. 自動化ツール： Lighthouse（Chrome DevToolsに統合）やWAVE（Web Accessibility Evaluation Tool）などのツールから始めます。これらは多くの一般的な問題を迅速に特定します。
2. キーボードナビゲーション： キーボードのみを使用して、すべての重要なページでナビゲーションをテストします。Tabキー（前進）とShift+Tabキー（後退）を使用します。すべてのインタラクティブ要素が到達可能であり、フォーカスが表示されていることを確認します。
3. スクリーンリーダー： NVDA（無料、Windows用）またはVoiceOver（macOSおよびiOSに統合）などのスクリーンリーダーを使用して、視覚障害のあるユーザーのエクスペリエンスをシミュレートします。最も重要なページをナビゲートし、要素と対話します。
4. コントラスト分析： 特定のツールを使用して色のコントラストをチェックし、4.5:1または7:1の要件が満たされていることを確認します。
5. コンテンツレビュー： コンテンツが明確であるか、画像に適切なalt textがあるか、ヘッダー構造が正しいかを確認します。

あなたのウェブサイトが準拠していない場合はどうすればよいですか？

監査により、ウェブサイトがNBR 17225の要件を満たしていないことが判明した場合、最初のステップは修正を優先することです。最も重要な要件と、ナビゲーションと主要情報へのアクセスに直接影響する要件に焦点を当てるのが良い出発点です。

WordPressのようなプラットフォームを使用している人向けに、すでにアクセシビリティ機能を提供しているプラグインやテーマがあります。しかし、カスタマイズと細部への注意は依然として不可欠です。フロントエンド開発者にとっては、開発サイクルの初期段階からアクセシビリティの実践を統合することが不可欠です。WordPressまたはNext.jsを使用している場合は、それぞれのアクセシビリティ機能をチェックしてください。

実装には、CSS、HTML、JavaScriptの調整が必要になる場合があります。たとえば、インタラクティブコンポーネントに正しいARIA（Accessible Rich Internet Applications）属性があること、キーボードフォーカスが適切に管理されていること、色のコントラストが十分であることを保証します。

よくある質問

NBR 17225はすべてのウェブサイトで必須ですか？

法的義務は、ブラジルに本社または営業所を持つ企業に適用されます。NBR 17225は、この義務を遵守するための要件を指定する技術基準です。したがって、あなたの会社がLBIの対象となる場合、NBR 17225にウェブサイトを適合させることが不可欠です。

NBR 17225とWCAG 2.2の違いは何ですか？

NBR 17225は、国際標準であるWCAG 2.2の基準に基づいて構築されたブラジルの技術基準です。ブラジルの基準は、WCAGの原則をブラジルの文脈と法律に翻訳および適応させ、国内市場向けのより実践的で具体的なガイドを提供します。

ウェブサイトをNBR 17225に適合させるのにどのくらい時間がかかりますか？

時間は、ウェブサイトの複雑さ、現在の構造、利用可能なチームによって大きく異なります。小規模でシンプルなウェブサイトは数週間かかる場合がありますが、多くのインタラクティブな機能を持つ大規模なポータルやeコマースは、数ヶ月の作業を必要とする場合があります。これは、開発に統合されるべき継続的なプロセスです。

アクセシブルなウェブサイトは、より多くのトラフィックを保証しますか？

直接的には、アクセシブルなウェブサイトがより多くのトラフィックを生成するとは限りませんが、コンテンツにアクセスして対話できるオーディエンスを拡大します。間接的には、より良いユーザーエクスペリエンスと品質基準への準拠は、SEOにプラスの影響を与える可能性があり、法的罰則を回避できます。アクセシブルなウェブサイトは、潜在的な顧客へのアクセス障壁を取り除くため、より質の高いリード生成につながる可能性もあります。

結論

NBR 17225は、LBIの法的義務を明確な技術的ガイドラインに翻訳することで、ブラジルのデジタルアクセシビリティにとって significant な進歩を表しています。これらのガイドラインを実装することは、単に法律を遵守するだけでなく、あなたのビジネスがインクルーシブであり、より広いオーディエンスにリーチすることを保証することです。

今日から、ウェブサイトの色のコントラストとキーボードナビゲーションを確認することから始めましょう。これらはすでに大きな違いを生む簡単なステップです。