4

かわいいアスキーアートをWebサイトに追加中です。aria-hidden="true"スクリーン リーダーに問題が発生するのではないかと心配しているrole="presentation"ので、スクリーン リーダーに ASCII アートが表示されないように追加することを考えていました。これは正しいアプローチですか?テストするスクリーン リーダーがなく、aria-hidden または role がコンテンツを完全に非表示にしていないようです。

次のようになります。

アスキーアート

画像として表示することもできますが、CSS で選択できない実際のテキストとして表示すると便利です。とにかくキャラクターをイメージとしてやるのが変な気がします。

4

2 に答える 2

2

WAI-ARIA 仕様では、次のように定義hiddenされています。

要素がどのユーザーにも表示または認識できないことを示します。要素またはその祖先要素の 1 つにaria-hidden属性が設定されている場合にのみ、要素は DOM で非表示と見なされますtrue

したがって、あなたの場合aria-hiddenは、ascii-art を含む要素に適用するだけで十分です。

于 2014-03-27T09:11:12.810 に答える