2015-01-03 1 views
5

私は、2015年1月にブラウザと補足技術がaria-hidden = "true"を設定するのと同じようにspeak:noneを使用することを期待するべきかどうかは不思議です。半透明でないテキストを無視する必要があることを示したいと思います。クラスを追加してアリア隠し属性)。CSS設定は話していますか:今はaria-hidden = "true"と同じですか?

+0

私はこのシナリオを理解していません。いくつかのモーダルUI(ライトボックスなど)によって隠されているテキストです。またはコンテンツを隠す通常の方法である 'display:none'または' visibility:hidden'を使用する代わりに(何らかの理由で)不透明度を完全に透明に設定することによって視覚的に隠されたテキストです。 – BrendanMcK

+0

@BrendanMcKの場合、ここでのシナリオは、テキストが視覚的に無関係になるようにグレー表示されていることです。アクセシビリティデバイスとは無関係にしたいと思っています。 –

+0

本当に「視覚的に無関係」なら、アリアに隠れた音は良いマッチのように聞こえます。恐らくUIを見ずに確かに知ることは難しい。逆の例として、無効にされたボタンは、一般的にグレーアウトされていますが、スクリーンリーダーにはまだ表示されていますが、その時点で有効ではないため(たとえば、記入)。 – BrendanMcK

答えて

6

speakへのサポートに関する信頼性の高いデータはないようですが、実装されていないようです。

speak: noneは、ではなく、aria-hidden="true"に相当するではありません。

CSS音声モジュールCRによると、speakプロパティは、「テキストを聴覚的にレンダリングするかどうかを決定する」、すなわち可聴にします。 ARIAの仕様によれば、aria-hiddenは(オリジナルでイタリック)「著者によって実装さ要素およびその子孫のすべてが可視又は知覚に任意ユーザでないことを示す」

したがって、aria-hidden="true"ではありません。原因はです。それだけでは、著者が要素を隠していると宣言します。そして、それはあらゆる種類のレンダリングに関連します:可聴、可視、触覚、または将来どのようなモダリティが発明されるか。

+0

2つの方法とARIA仕様の引用の意味の違いを指摘していただきありがとうございます。今、私は、aria-hidden = "true"が、不透明で意味的に無関係にレンダリングされたテキストには適しているが、やはりいくらか可視的であることは疑問だ。理想的には、テキストは完全に非表示になりますが、この場合は設計のコントロールがなく、実装のみです。 –

+0

@MikeGodin、それが意味的に無関係(つまり無意味な場合)であれば、 'role = presentation'が設定されているはずです。 –

+0

@ JukkaK.Korpela - 'role = presentation'は、テキストの内容が無関係/無意味であることを意味するものではありません。例えば、 ''は、プレーンテキスト 'OK'または' OK 'として扱われます。また、タグ自体の_semanticsが無視されることを意味します。ボタンとしてではありません。 – BrendanMcK

関連する問題