javascript - サイトをクロスプラットフォーム互換にし、スクリーンリーダー互換にしたい場合は、javascript、jquery、flash、ajax、silverlightを避ける必要がありますか？

Question

サイトをクロスプラットフォーム互換（PC、iPHONEその他の携帯電話、PDA）およびAccessible（スクリーンリーダー互換）にしたい場合は、JavaScript、jQuery、flash、Ajax、Silverlightを避ける必要がありますか？

より広いアクセシビリティのために、サーバー側の言語でxhtml cssのみを使用する必要がありますか？

PC pr MACの場合、Firefox用にすべてを最初に作成したので、モバイルの場合、どのブラウザーを選択する必要がありますか？

score 7 · Accepted Answer

いいえ。ただし、プログレッシブエンハンスメントとして提供するか、適切な劣化を提供します。

score 4 · Accepted Answer

これらのテクノロジーを使用することはできますが、それについては賢明である必要があり、特定のテクノロジーがアクセシビリティを土嚢として一般化することはできません。

Web サイトを開発している場合、必要なツールの第 1 位は Firefox 開発者ツールバーアドオンです。[ツール] メニューには、[Validate Section 508] (アクセシビリティの一連のガイドライン) という選択肢があります。これは、アクセシビリティに関連して、サイトで「壊れているもの」の洗濯物のリストを取得するための簡単で汚い方法です。

それ以外にも、アクセシビリティを考慮した設計方法に関する具体的なアドバイスが記載されたリソースがウェブ上にたくさんあります。それは、それ自体でほぼ完全に堅牢なサブ分野です。そのほとんどは、整形式の HTML を提供することに関係しています。(適切で有用な画像の代替テキスト、適切なコントラストを提供する色でデザインする、色盲に対応する、表の説明を使用する、キーボード (マウスを使用しない) でサイトをナビゲートできるようにする、フォームフィールドの正しい説明など)

今; 知識のファイアーホースから、深く飲んでください。. . . リソースのリストは次のとおりです。連邦アクセシビリティ Web 標準の実装 (1194.22)

(a) すべての非テキスト要素に相当するテキストを提供する必要があります (たとえば、「alt」、「longdesc」を介して、または要素コンテンツ内で)。 http://www.access-board.gov/sec508/guide/1194.22.htm#(a)

http://www.jimthatcher.com/webcourse2.htm

関連情報

CSS のアクセシビリティ機能 (W3C) http://www.w3.org/TR/CSS-access

カスケードスタイルシート (W3C) http://www.w3.org/Style/CSS/

CSS バリデーター (W3C) http://jigsaw.w3.org/css-validator/

(e) サーバー側のイメージマップのアクティブな領域ごとに、冗長なテキストリンクを提供する必要があります。(f) 利用可能な幾何学的形状で領域を定義できない場合を除き、サーバー側のイメージマップの代わりにクライアント側のイメージマップを提供するものとします。 http://www.access-board.gov/sec508/guide/1194.22.htm#(e) http://www.access-board.gov/sec508/guide/1194.22.htm#(f) http:// www.jimthatcher.com/webcourse5.htm (g) データテーブルの行ヘッダーと列ヘッダーを識別するものとします。(h) マークアップは、行ヘッダーまたは列ヘッダーの 2 つ以上の論理レベルを持つデータテーブルのデータセルとヘッダーセルを関連付けるために使用するものとします。 http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htm 関連情報アクセス可能なテーブルの作成方法 (WEBAIM) http://www.webaim.org/techniques/tables/

Accessible Table Builder (Accessify) http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/ 必要なテーブルプロパティ、行と列の数を選択できるツール。アクセシビリティマークアップの

(i) フレームには、フレームの識別とナビゲーションを容易にするテキストでタイトルを付けるものとします。 http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htm 関連情報アクセス可能なフレームの作成方法 http://www.webaim .org/techniques/frames/ (j) ページは、2 Hz を超え 55 Hz 未満の周波数で画面がちらつくのを回避するように設計されるものとします。 http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm (k) ウェブサイトがこれらの標準の条項に準拠するために、他の方法では準拠を達成できない場合、同等の情報または機能を備えたテキストのみのページを提供するものとします。テキストのみのページのコンテンツは、プライマリページが変更されるたびに更新されます。 http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm (l) ページがスクリプト言語を使用してコンテンツを表示する場合、またはインターフェイス要素を作成する場合、スクリプトによって提供される情報は、支援技術によって読み取ることができる機能的なテキストで識別されるものとします。 http://www.access-board.gov/sec508/guide/1194.22.htm#(l) http://www.jimthatcher.com/webcoursea.htm 関連情報アクセシブルな JavaScript の作成 (WEBAIM) http://www.webaim.org/techniques/javascript/ キーボードアクセシビリティ (WEBAIM) http://www.webaim.org/techniques/keyboard/ JavaScript アクセシビリティの問題 (TRACE センター) http: //trace.wisc.edu/world/java/jseval.htm スクリプト (IBM) http://www-03.ibm.com/able/guidelines/web/webscripts.html (m) Web ページでページのコンテンツを解釈するためのアプレット、プラグイン、またはその他のアプリケーションがクライアントシステムに存在する場合、そのページは、§1194.21(a) から (l) に準拠するプラグインまたはアプレットへのリンクを提供する必要があります。 http://www.access-board.gov/sec508/guide/1194.22.htm#(m)

ソフトウェアアプリケーションとオペレーティングシステム (1194.21) http://www.access-board.gov/sec508/guide/1194.21.htm

関連情報：

Java アクセシビリティ (IBM) http://www-03.ibm.com/able/guidelines/java/accessjava.html

Sun Microsystems Accessibility Program http://www.sun.com/access/index.html (n) 電子フォームがオンラインで完成するように設計されている場合、そのフォームは、支援技術を使用する人々が情報、フィールド要素、すべての指示と合図を含む、フォームの完了と送信に必要な機能。 http://www.access-board.gov/sec508/guide/1194.22.htm#(n) http://www.jimthatcher.com/webcourse8.htm 関連情報アクセシブルなフォームの作成方法 (WEBAIM) http:// www.webaim.org/techniques/forms/ アクセス可能な HTML/XHTML フォーム (Accessify.com) http://www.accessify.com/features/tutorials/forms/ 複数の入力フォームフィールド (Accessify.com) http://www.accessify.com/features/tutorials/multiple-inputs/ Quick Form Builder (Accessify.com) http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form- builder/ このツールを使用すると、アクセシビリティに必要な HTML マークアップを使用してフォームを作成できます。

(o) ユーザーが繰り返しのナビゲーションリンクをスキップできるようにする方法を提供するものとします。 http://www.access-board.gov/sec508/guide/1194.22.htm#(o) http://www.jimthatcher.com/webcourse4.htm 関連情報

スキップナビゲーションリンク (WEBAIM) http://www.webaim.org/techniques/skipnav/

Skip Navigational Links (Jim Thatcher.com) http://www.jimthatcher.com/skipnav.htm (p) 時間制限のある応答が必要な場合は、ユーザーに警告が表示され、さらに時間が必要であることを示すのに十分な時間が与えられます。 http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

Web サイトとコンテンツをアクセス可能にするための詳細情報 W3C Web Accessibility Initiative Resources http://www.w3.org/WAI/Resources/ Making Educational Software and Web Site Accessible Design Guidelines In including Math and Science Solutions http://ncam.wgbh. org/cdrom/guideline/ 508 Universe (アクセス可能な Web サイトの設計に関するコースを含む) http://www.section508.gov/index.cfm?FuseAction=Content&ID=5 Accessibility Tools and Wizards http://www.accessify.com/ツールとウィザード/

Web サイトのアクセシビリティテスト 1973 年リハビリテーション法第 508 条 (教育省) に基づく Web アクセシビリティコンプライアンスのテスト http://www.ed.gov/policy/gen/guid/assisttesting.html

508 チェックリスト (WEBAIM) http://www.webaim.org/standards/508/checklist

Web サイトのアクセシビリティの評価 (W3C) http://www.w3.org/WAI/eval/

無料のテストツール The Wave http://www.wave.webaim.org/

Web アクセシビリティツールバー (Internet Explorer) http://www.paciellogroup.com/resources/wat-ie-about.html

Web 開発者ツールバー (Firefox) http://chrispederick.com/work/web-developer/

教育省の支援技術プログラムの詳細については、 http ://www.ed.gov/policy/gen/guid/assistivetech.html にアクセスしてください。ユーザーの利便性のために提供されます。米国教育省は、これらのソースからの情報の正確性、関連性、適時性、または完全性を管理または保証しません。さらに、このドキュメントにリンクを含めることは、それらの重要性を反映することを意図したものではなく、表明された見解、提供された製品またはサービス、またはサイトを後援する組織を承認することを意図したものでもありません。最終更新日 2009 年 7 月 17 日

score 2 · Accepted Answer

いいえ、グレースフルデグラデーションを使用すると、JavaScriptなしで動作するようにWebサイトを構築し、動的な動作のレイヤーを最上位に配置します。

特にjQueryはそれでうまくいきます。

Silverlightのようなものは問題を引き起こす可能性がありますが、それがページの不可欠な部分でない限り、問題を引き起こすことはありません。

score 1 · Accepted Answer

FlashとSilverlightは、iPhoneやその他の一部のモバイルデバイスでは使用できません。jQueryはスクリーンリーダーのアクセシビリティをサポートしていますが、iPhone以外のほとんどのモバイルデバイスでは利用できないようです。

score 1 · Accepted Answer

一般的に、複数の本番ターゲットが必要な場合は、これらのテクノロジーを回避する必要はありません。ただし、同じ機能を作成するための従来の方法を提供するには、さらに注意を払う必要があります。言い換えれば、あなたは優雅に劣化する必要があります。

score 1 · Accepted Answer

あくまでも意見ですが、

モバイルの場合、どのブラウザを選択すればよいですか?

Opera モバイルブラウザを搭載した携帯電話をたくさん見てきましたので、Opera にも対応してみてください。

score 0 · Accepted Answer

私のアドバイスは、基本的なサイトに派手なもの（JavaScript、Flashなど）を含まないようにし、そのサイトをどのデバイスからでも完全にアクセスできるようにすることです。

次に、より高度なテクノロジーによって特定のプラットフォームでユーザーエクスペリエンスを真に向上させることができる場合は、基本的なサイトの上にそれを構築し、サイトにアクセスしているユーザーと方法を確認し、適切なバージョンを提供するようにします。

score 0 · Accepted Answer

スクリーンリーダーのユーザーとして、グレースフルデグラデーションを使用するためのアドバイスに従ってください。つまり、Flash と Silverlight にはアクセスできません。Flash は理論的にはアクセス可能にすることができますが、アクセス可能な Flash を備えたサイトを見つけたことがありません。目の不自由なユーザーが携帯電話でサイトにアクセスできるようにする場合は、IPhone、Windows Mobile、および Symbian の既定のブラウザーを使用してテストする必要があります。Opera Mobile は、モバイルデバイスのスクリーンリーダーユーザーにはアクセスできません。

javascript - サイトをクロスプラットフォーム互換にし、スクリーンリーダー互換にしたい場合は、javascript、jquery、flash、ajax、silverlightを避ける必要がありますか？

8 に答える 8

Related

Reference