2

私は、Asp.Net MVC3 をフレームワークとして使用する州政府機関の新しいプロジェクトに取り組んでいます。

私の質問は、Web アプリをセクション 508 (および同様のアクセシビリティ要件) にする方法についてのガイダンスが見つからないということです。これは、これが要件である私の最初のプロジェクトです。これを実装するには、たとえば、

  • いくつかのプロパティを追加するだけで、MVC3 に準拠していますか?
  • この機能の標準コントロールを拡張しますか?
  • 独自のコントロールを作成しますか?

任意の提案をいただければ幸いです。Razor ビューでクリーンである限り、これがどのように実装されているかはあまり気にしません。

4

3 に答える 3

1

セクション 508 への準拠は、そのテクノロジの実装に関係しているので、テクノロジとはあまり関係がありません。ガイドラインを見ると、それらは(ほとんどの場合)実装の詳細です。

  • 画像に alt タグを付ける
  • オーディオ プレゼンテーションのキャプション
  • 色だけでなく、手がかりで情報が表示されていることを確認する
  • スタイルシートなしで読める文書
  • テーブルの行ヘッダーと列ヘッダーを持つ
  • フレーム (実際にまだ使用している場合) には、タイトルとラベルを付ける必要があります
  • 点滅またはちらつきのあるコンテンツを追加しないでください
  • JavaScript を使用する場合、何が起こっているかをユーザーに示す説明情報を用意します。

ルールはもう少し続きますが、要点はわかります。それはテクノロジーではなく、実装の詳細にあります。これらはすべて標準の HTML で行うことができます (ビデオのキャプションは少し難しいかもしれません)。

私がお勧めできるもう 1 つのこと: Firefox の Web 開発者ツールバー (Chrome バージョンも同様だと思います) には、508 バリデータ オプションが組み込まれています。

ここに画像の説明を入力

于 2011-06-15T01:56:50.723 に答える
1

Web アクセシビリティは、1 つの回答でカバーするには範囲が広すぎるテーマですが、すべては HTML マークアップに関係しています。本当に重要なのは、レンダリングされる HTML です。これを支援するためにいくつかのコンポーネントを使用したとしてもです。

お気に入りの検索エンジンで「Web アクセシビリティ」を検索すると、さらに多くの情報を見つけることができますが、私の大まかな提案は次のとおりです。

  • マークアップに誇りを持ち、意味のあるものにしてください。見出しは、実際に見出しが必要な場合にのみ使用してください。テーブル内で、セルがテーブル ヘッダーの場合は代わりに使用します。意味的に必要な場合は、箇条書き/番号付きリストを使用します。タグを使用して外観を偽造しないでください。
  • 次に、CSS を重ねて、必要な視覚的外観を提供します。http://www.CSSZenGarden.comをチェックして、これがどのように可能であるかを確認してください。
  • 最後に、Javascript を使用して動作を追加します。これら 3 つを混同しないでください。Javascript を使用すると、jQuery $(document).ready() 関数のイベント ハンドラーに追加できます。マークアップをビヘイビアフリーのままにします。
  • 多くの Javascript ライブラリとコントロールを使用したい場合は、プログレッシブ エンハンスメントを促進するアクセシブルなコントロールを特に探していない限り、コンプライアンスが低下する可能性があることに注意してください。政府機関のサイトの場合、Javascript を使用していないユーザーでも十分なエクスペリエンスが得られるはずです。スクリーン リーダーのほとんどのユーザーはまだ Javascript を使用しているため、視覚障害のあるスクリーン リーダーのユーザーでも Javascript コントロールを使用できるはずです。
  • 色のコントラストの選択、急速に変化するコンテンツの回避、間隔については、さまざまな優れた記事があります。ここでは説明しきれません :-)
于 2011-06-20T09:34:34.150 に答える
0

いいえ、508 要件に従うように HTML を記述する必要があります。MVC はその点で特別なことは何もしません。

于 2011-06-15T01:57:26.730 に答える