タグ付けされた質問 「accessibility」

アクセシビリティは、視覚障害、聴覚障害、歩行障害、認知障害などの障害を持つ人々を含むすべての人がアプリケーションまたはWebサイトを使用できるようにすることを目的としています。

24
視覚に障害がある場合、どのようにプログラムできますか?
ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 視力は、ほとんどのプログラマーが当たり前の感覚の1つです。ほとんどのプログラマーはコンピューターモニターを見るのに何時間も費やします(特にゾーン内にいるとき)が、私は盲目のプログラマー(現在Googleで働いているTV Ramanなど)がいることを知っています。 あなたが盲人だった場合(またはゆっくりと失明した場合)、プログラミングを支援するために開発環境をどのように設定しますか? (回答ごとに1つの提案をしてください。この質問の目的は、優れたアイデアを上に表示することです。さらに、スクリーンリーダーは、優れたアイデアをより早く読むことができます。)


9
XMLの「画像のcontentDescription属性がありません」
[アクセシビリティ]の画像のcontentDescription属性が欠落しているという警告が表示されます。この警告は、ImageView以下のXMLコードの5行目(宣言)に表示されます。 これにより、アプリケーションをビルドして実行するときにエラーが発生しません。しかし、私はなぜこの警告が出るのか本当に知りたいのです。 これは私のXMLファイルです: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content"> <ImageView android:id="@+id/contact_entry_image" android:src="@drawable/ic_launcher" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/contact_entry_text" android:text="" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="30sp" /> </LinearLayout> これに関して私を助けてください、そしてあなたの読書に感謝します。

13
Webページ上でマウスを使って振戦(パーキンソン病など)をシミュレートしますか?
私はインターネットのアクセシビリティに対する意識を高める財団のために働いています。プレゼンテーションのために、人々にさまざまな障害/障害をシミュレートする小さなワークショップを提供したいと思います。これは、このプレゼンテーションのために特別に作成されたWebサイトを介して行われます。 示されている障害の1つは、震えです。つまり、揺れがあり、制御が難しい手の動きを経験します。この障害により、マウスカーソルを正確に移動し、マウスがリンク上にあるときにマウスボタンを押すことは非常に困難です。一部の高齢者とパーキンソン病などの病気の人の両方が振戦に苦しむ可能性があります。 では、どういうわけか、マウスカーソルを予測できない方法で動かして、小さなボタンをクリックするのが非常に難しいようにしたいと思います。JavaScriptではマウスカーソルを直接移動できないため、これを実現する他の方法を探しています。私は次のアイデアを思いつきました: マウスの揺れをシミュレートするマウスドライバー/ユーティリティの使用。 CSSを介してマウスカーソルを非表示にし、シェイクマウスカーソルのGIFアニメーションを(JavaScriptを使用して)元のカーソルの場所に配置してから、ターゲットリンクを数秒おきにのみクリック可能にします。これは、少なくとも間違った瞬間にクリックするような感覚を少なくとも与えます。 最初のアイデアはかなりクールですが、Mac用でもWindows用でも、このようなツールは見つかりませんでした。そして、私はそのようなものを自分でプログラミングするスキルがありません。 2番目のアイデアは少し不格好に見えますが、望ましい効果が得られると思います。 誰か他のアイデアがありますか?


5
JavaScriptなしのデフォルトのHTMLフォームフォーカス
JavaScriptを使用せずに、HTMLフォームにデフォルトの入力フォーカスを設定することは可能ですか? <html> <form> Input 1: <input type="text" name="textbox1"/> <br/> Input 2: <input type="text" name="textbox2"/> </form> </html> JavaScriptを使用せずにフォームが読み込まれたときに、デフォルトのフォーカスをいずれかのテキストボックスに設定したい(ユーザーがjsを無効にしているときに動作が発生するようにするため)。

2
UIオートメーションでのGoogle Chromeのアクセス可能なツリーキャッシュの問題
ユーザーがブラウザで下にスクロールしても、Google Chromeはユーザー補助要素(AutomationElement)を更新しません。 それを再現するには: を使用して、"chrome --force-render-accessibility"またはでグローバルアクセシビリティを設定して、レンダラーのアクセシビリティを有効にします "chrome://accessibility"。 行くhttp://en.wikipedia.org/wiki/Google (Windowsキットの)UIオートメーションモードでinspect.exeを開き、「関連記事へのリンク」要素を探します。 Chromeに戻り、下部にある[関連記事へのリンク]が表示されるまで下にスクロールします 「関連記事へのリンク」要素が画面外にマークされている Chromeに強制的に更新させる手動の解決策をいくつか見つけました。 ズームを90%に設定してから100%に戻します(非常に醜い方法です) アクセシビリティをオフにしてからオンに切り替える chrome://accessibility/ 私が探しているのは、これらの操作の1つをプログラムで実行する機能、またはChromeにキャッシュツリーを更新させる操作です。 私が試したこと: ウィンドウのサイズを変更 PInvoke/MoveWindow ウィンドウを再描画 PInvoke/Redrawwindow クロム拡張機能を作成し、オンデマンドでズームを100%に強制します:(chrome.tabs.setZoom(null, 0);機能しますが、点滅してウィンドウが遅くなります) これらはどれも正しく機能していません。 編集:Windows 7でGoogle Chrome 40.XX、41.XX、42.XX、43.XX、44.XX、45.XX、46.XX、47.XX.Dev、48.XX.Devでテスト済み。

1
Firefoxでリンクのキーボードフォーカスを許可するにはどうすればよいですか?
Webkitブラウザーでこの超単純なフィドルに移動し、入力をクリックします。 http://jsfiddle.net/eK4TT/ <input type="text"> <input type="text"> <input type="text"> <a href="#">my first link</a> <a href="#">my second link</a> <a href="#">my third link</a> 次に、Tabキーを使用して、入力とリンクの両方をキーボードでナビゲートできることに注意してください(逆の順序でナビゲートするにはShift+ Tab)。 次に、Mac OS上のFirefoxで同じフィドルを見て、同じことを行います。入力はフォーカスを受け取りますが、リンクはフォーカスを受け取りません。CSS表示の問題ではありません。フォーカスは、最後の入力からURLバーにジャンプします。 私はtabindexマークアップで宣言の無限の組み合わせを試しましたが、役に立ちませんでした、例えば: http://jsfiddle.net/eK4TT/1/ ここで何が起こっているのですか?私は以下の答えを受け入れます: a)Firefoxで作業するフィドル b)ここMozillaの頭の中で正確に何が起こっているかの説明。仕様に矛盾しているようです。

11
HTML imgタグ:タイトル属性と代替属性?
Amazonを閲覧していて、「1TB」を検索するときに、星の評価画像の上にマウスカーソルを置くと、IEを使用している場合にのみスコアが表示されることに気付きました。別のブラウザを使用している場合、スコアは表示されません。 評価3.8と4.2の両方が4つ星で表示されます。もちろん、3.8スターvs 4.2スター(スコア76%対84%)は違いを生む可能性があります! これは、altテキストを表示する標準的な方法は、ユーザーがグラフィックスをオフにするか、ブラウザーが "読み上げられる"場合(たとえば、視覚障害のあるユーザー向けのブラウザー)であるためです。ただし、IEはホバー時にそれを示します。 したがって、Amazonがユーザーのブラウザーに関係なく表示する場合はtitle、に加えて使用する必要があると思いますalt。同意しますか?
110 html  accessibility  alt 

9
背景色がわかっている場合、見栄えの良いフォントの色を見つける方法は?[閉まっている]
閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか?質問を更新して、StackOverflowのトピックになります。 4年前に閉鎖されました。 ロックされています。この質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答ややり取りは受け付けていません。 カラーホイール、カラーピッカー、カラーマッチャーのWebアプリは非常にたくさんあるようです。ここでは、1つの色を指定すると、組み合わせて使用​​すると調和のとれたレイアウトを作成する他の色がいくつか見つかります。ただし、それらのほとんどは背景色のみに焦点を当てており、各背景色に印刷されるテキスト(プレビューでテキストが印刷される場合)は黒または白のいずれかです。 私の問題は違います。テキスト領域に使用したい背景色を知っています。私が助けを必要としているのは、この背景のフォントの色として使用できるいくつかの色(より多くの方が楽しい)を選択することです。最も重要なのは、色によってフォントが読みやすくなること(コントラストが低すぎないこと、高すぎて目が強調されないようにすること)、そしてもちろん前景と背景の組み合わせが見栄えがすることです。 そのようなアプリケーションを知っている人はいますか?ダウンロードするものよりもWebアプリケーションの方がいいです。ありがとう。

2
すでにラベル付けされた入力要素で「aria-labelledby」を使用する目的は?
多くのARIAデモWebサイトは、次のようなコードを使用しています。 <label for="name" id="label-name">Your Name</label> <input id="name" aria-labelledby="label-name" type="text"> しかしaria-labelledby、この場合、属性を使用する目的は何ですか?input要素がすでにによって標識されているlabel使用している要素forの属性を、そうではありませんか?

11
Pythonコードのインデントを中括弧に変換する方法はありますか?
私はPythonを学びたい完全に盲目のプログラマーです。残念ながら、コードブロックがさまざまなレベルのインデントで表されているという事実は、大きな障害です。中括弧またはその他のコードブロック区切り文字を使用してコードを記述し、その形式をPythonインタープリターが使用できる適切にインデントされた表現に変換できるツールがあるかどうか疑問に思いました。

2
Catalyst 'SwiftUI.AccessibilityNode'は既知のシリアル化可能な要素ではありません
Xcode 11.1とMac Catalystを有効にして、新しいiOSシングルページアプリ(SwiftUIを含む)を作成しました。Mac(もちろんmacOS 10.15)で新しいプロジェクトを実行した後、ウィンドウを1回タップすると、次のエラーが発生します。 2019-10-18 12:59:48.479186+0200 test[3130:122148] Metal API Validation Enabled 2019-10-18 12:59:50.960734+0200 test[3130:122148] [AXRuntimeCommon] Unknown client: test 2019-10-18 12:59:50.962261+0200 test[3130:122148] [AXRuntimeCommon] This class 'SwiftUI.AccessibilityNode' is not a known serializable element and returning it as an accessibility element may lead to crashes 2019-10-18 12:59:51.313 test[3130:122148] **************_____________**************AXError: AVPlayerView is not a …

2
ボイスオーバーで「role =“ spinbutton”」をインクリメントする
<input type="text" role="spinbutton" />HTML / JavaScriptの要素を使用して、インクリメント/デクリメントの動作でアクセス可能な入力を実装するのに苦労しています。しかし、VoiceOverでは、予期しない方法で入力の値を変更するインクリメント/デクリメントのためのカスタム(偽?)入力イベントがあるようです。 ユーザーが支援技術を使用してページをナビゲートしているときに、ウィジェットを操作しようとしているときにVoiceOverから不適切なガイダンスを受け取らないようにするにはどうすればよいですか? たとえば、次のような大幅に削減されたコードを使用します。 function logIt(...args) { document.getElementById('output').appendChild( document.createTextNode(`${args.join(', ')}\n`) ); } document.getElementById("myInput").addEventListener('input', (e) => { debugger; logIt(e.type, e.data, String(e)); e.target.setAttribute('aria-valuenow', e.target.value); }, false); document.getElementById("myInput").addEventListener('keydown', (e) => { logIt(e.type, e.data, String(e)); }, false); <input id="myInput" type="text" role="spinbutton" autocomplete="off" defaultValue="1" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100" /> </div> <pre id="output"></pre> …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.