0

私のフォームには、画像（ボタン+テキスト）の送信ボタンがあります。エンプティを持っているvalue=""のでボタン画像に干渉しません。

アクセシビリティを必要とするユーザーがこのボタンを理解できるようにするにはどうすればよいですか?

<input type="submit" name="submit" id="submit" value="" class="button" style="background: url(img/enter-now-button.png) no-repeat;" />

(隠された) ラベルは適切でしょうか?

<label class="hideForm" for="submit">Submit Form:</label> 
<input type="submit" name="submit" id="submit" value="" class="button" style="background: url(img/enter-now-button.png) no-repeat;" />
4

4 に答える 4

3

ボタンのコンテンツを CSS で提供することは、悪い考えです。CSS はコンテンツではなくプレゼンテーション用です。

代わりに使用できます

于 2015-01-21T03:26:12.383 に答える
1

私の理解では、WCAG は視覚障害者だけでなく、すべての人を対象としているということです。

WCAG ( http://www.w3.org/TR/WCAG20-TECHS/H36.html )のアドバイスされた手法で定義されているように、テキストを画像に置き換え、テキストで代替を提供することは、多くのアクセシビリティの専門家。

以前の著者によって与えられた回答は、それらのほとんどを満たすはずです。

しかし、スクリーン リーダーやマウスを使用せずにアクションの目的を理解するのに十分な情報を画像自体が伝えていない限り、それだけでは十分ではありません。

たとえば、リアルタイムのアイ トラッキングを使用して Web サイトをナビゲートしなければならない対麻痺者のことを考えてみてください。

したがって、私のアドバイスは次のとおりです。画像がどのアクションを実行するかを知るのに十分な情報を伝える場合は、以前に公開した手法 (ボタン、入力 [タイプ = 画像]) のいずれかを使用します。それ以外の場合は、表示されるキャプション (非表示でも画面外でもない) を使用してアクションを説明します (「十字をクリックして要素を削除します」)。

于 2015-02-25T10:56:47.947 に答える