1

私は自分の Web サイトをスクリーン リーダーやその他の支援技術にアクセスしやすくすることにしました。今はナビゲーションに集中しています。本当に必要なアイテムが深くネストされていて、最後近くにある場合、メニューのすべてのアイテムを反復処理したいのは誰ですか?

そのため、私が取り組んでいる Web サイトには、完全に CSS ベースのドロップダウン メニューがあり、キーボードでアクセスできるように JavaScript を追加し、スクリーン リーダーを支援するために aria 属性を追加しています。

私の質問は

既存のメニューが純粋な CSS であることを考えると、メニューの一部が表示されるたびに aria-hidden 属性を更新するために、javascript でメニューを拡張する必要があるかどうかを知りたいですか? それとも、最初に aria-hidden="true" に設定し、スクリーン リーダーにデフォルトの状態を示すためだけにそのままにしておくだけで十分ですか?

純粋なCSSを使用してコンテンツを表示/非表示にするものはすべてjavascriptで拡張する必要があるというのは、私にはうまくいきません.純粋なCSSの表示切り替えの目的全体を無効にしているように感じます.

4

1 に答える 1

2

はい、状態が変化したときに aria-hidden を設定する必要があります。

作成者は、コンテンツを非表示にするために使用されるメカニズムに関係なく、表示されないコンテンツに aria-hidden="true" を設定する必要があります。

aria-hidden 仕様

この言い回しは、可視性を切り替えるために CSS を使用するか JavaScript を使用するかにかかわらず、aria-hidden 値を更新する必要があることを示唆しています。

于 2012-12-05T07:00:56.283 に答える