問題タブ [section508]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
278 参照

accessibility - アクセス可能なマークアップを検証するRSpec 2ビューテスト?

RSpec でいくつかの基本的なアクセシビリティ テストを作成したいと考えています (明らかに、後で他のツールやユーザーによってさらに検証されます。これは、alt タグなどのない画像を見つけるなどの簡単な成果を達成するためです)

ほとんどの例では、コンテンツが存在することを確認するだけで、同様です。私がやりたいのは、タグのリストを取得し、見つかった「すべて」のタグが特定の基準を満たしていることを表明することです (たとえば、すべての画像には alt または longdesc が必要です。各フォーム入力には、ラベルまたはタイトルのいずれかが必要です。等)。

RSpec はこれを行うことができますか、またはできない場合、できるツールはありますか?

ありがとう。

0 投票する
2 に答える
8415 参照

jquery - jQuery 508に準拠していますか?

セクション508に準拠する必要があるasp.netWebサイトで作業しています。JavaScriptを使用することになっているのか、まったく使用していないのか、混乱しています。

jQueryのslideUp()/slideDown()を使用してセクションを表示/非表示にすることもできますか?jQuery UIの日付ピッカーとモーダルダイアログボックスを使用できますか?

0 投票する
1 に答える
1482 参照

jquery - 私のページセクション508とwcag2.0のこの部分を準拠させる方法

コンプライアンスのプロの皆さん、こんにちは。

私は、Webアプリをセクション508およびwcag2.0ガイドラインに準拠させるという任務を負っています。ほとんどの場合、これはそれほど難しいことではありませんが、私は少し障害にぶつかりました。

私はアプリでqtipをよく使用しますが、これはほとんどが準拠している傾向があり、wai-ariaロールとdescribe-by属性を使用します。ただし、ツールチップを追加する方法により、最初のマウスオーバーまでテキストに表示されないようになります。これは明らかにキーボードナビゲーションでは発生しません。スクリーンリーダーがそれをどのように処理するかはわかりません。

私はここでフィドルを作成しました:http://jsfiddle.net/patriciavandermeer/xkhy6/2/ これは私が話していることを示しています。ツールチップは、エンドユーザーが他の場所で設定できるhtmlであり、アイテムのリストにはツールチップがある場合とない場合があります。

ツールチップを適用して:focusに表示する(そしてフォーカスが失われると非表示にする)ことを考えていましたが、スパンにtabindexを指定する必要があり、それがどれだけサポートされているかわかりません。メインブラウザはそれを処理しますか?

または、弾丸を噛んで、ツールチップをドキュメントに接続する準備をする必要がありますか?そのように設定したときに、忙しいページのいくつかで深刻なパフォーマンスの問題が発生しました。

編集:これは、使用されるhtmlのサンプルと、ツールチップをスパンにアタッチするために使用するjquery/javascriptです。

サンプルHTML:

ツールチップを添付するためのJavascript:

0 投票する
1 に答える
1189 参照

wpf - ツールバー ボタンに DataTemplate を使用しても、意味のある名前にすることはできますか?

ItemSource がボタンのビットマップ テキストとその他の情報を含む toolbarItems のコレクションであるツールバーがあり、xaml にはデータをボタンにバインドするための DataTemplate が含まれています。

私たちのアプリは 508 に準拠する必要があり、Accessible Event Watcher を実行すると、すべてのツールバー ボタンの名前が「不明」と表示されます。

ボタンに意味のある名前を付ける方法を教えてもらえますか?

この問題に適用される xaml の部分を次に示します。

ありがとう、

ロン

0 投票する
1 に答える
624 参照

section508 - セクション508のフォームに複数のオプションを表示するための最良の方法は何ですか?

ユーザー(スクリーンリーダーを使用する予定)がフォーム内で複数のオプションを選択する方法を提供する必要があります。現在、これらのオプションは2列のテーブルに配置されており、最初の列にチェックボックスがありspanlabel2番目の列にオプションがあります。これはセクション508に準拠していませんが、このサイト用である必要があります。このフォームをより良いものに置き換えるための最良の方法を見つけようとしています。

私が持っているオプションはどちらかです

  1. チェックボックスにはul/ lisとsを使用しますlabel

また

  1. 複数選択のドロップダウンリストを使用します。

誰かが好みやより良いアイデアを持っていますか?

0 投票する
3 に答える
283 参照

html - グリッド データによる HTML アクセシビリティ

これが私の出力例の js フィドルです: http://jsfiddle.net/Hdzv8/以下は html です。これは非常に単純な情報の表示ですが、これをどのようにアクセス可能にしますか? テーブルの代わりに div を作成できますが、全体の構造を変更することはできません。私が抱えている問題は、現在、「重量」が「16オンス」のヘッダーであるという兆候がないことです. (アクセシビリティの観点から) これらのセクションをヘッダーとしてラベル付けするにはどうすればよいでしょうか?

0 投票する
1 に答える
592 参照

jquery - Jquery Galleria が 508 ADA 準拠のイメージを渡さない alt not present

デフォルトではALTタグが含まれていないため、Galleria Image Galleryにaltを追加する方法。設定を使用して、ギャラリーの画像とクラシック テーマを提供しています。ADA規則に準拠させる方法について誰か考えがありますか.

0 投票する
1 に答える
814 参照

testing - 508コンプライアンスチェックツールの経験

Webページで508準拠(代替テキスト、タイトルなど)を確認したいと思います。このリストを見つけました。過去に何があなたのために働きましたか?学んだ教訓はありますか?また、IBM Rational Suite(つまり、IBM Rational Functional Tester)を使用しています。コンプライアンスを確認するために呼び出すことができるツールはありますか?私はwebratを考えていますが、java用です。

編集:webratおよび508準拠へのリンクを追加しました。

0 投票する
2 に答える
826 参照

jquery - jquery tablesorter - 508準拠

列ヘッダーの tablesorter コントロールにアクセスするために使用するキーボード ショートカットについて何か考えはありますか? またはソフトウェア ハンドラー/508 コンプライアンスをサポートするその他 (キーボードを介したこれらのコントロールへのアクセスをサポートするため)?

0 投票する
2 に答える
642 参照

c# - クライアントファイルアップロードのセクション508コンプライアンスの確保

私の会社のイントラネットでは、ビジネスは、ユーザーがファイルを共有フォルダーに入れて、イントラネットサイトに自動投稿できるようにすることを要求していました。ファイルのアップロードとほとんど同じですが、別のサーバー上のストレージデバイスに直接アクセスできます(ファイルタイプの制限があります)。

ユーザーとセクション508コンプライアンスに関するユーザーの知識を制御できないので、ページに追加する前にドキュメントを検証する方法はありますか?現在、そのディレクトリ内の承認済みフォルダからリストを作成するC#クラスがあります。ファイルにアクセスできない場合に、それらがリストに追加されないようにしたいだけです。