2017-07-03 7 views
1

Chromeのアクセシビリティツールでは、オーバーレイボックスの特定の子供に適切なコントラスト比が設定されていないと不平を言っています。オーバーレイが隠されている場合、ツールは子供を「可視」と見なすようです。aria-hiddenプロパティが子孫で動作しない

オーバーレイのプロパティは、(attr("aria-hidden","false");を使用して)開いたり閉じたりして、インスペクタで正しく設定されていることがわかります。

子供のインスペクタでaria-hidden="true";を設定すると、この問題が個別に修正されます。

私は、aria-hiddenが要素の子を隠すことになっていると混乱しています。 誰かが私が間違っていることを知っていますか?

+0

[HTMLの[hidden]属性と[aria-hidden]属性の違いは何ですか?](https://stackoverflow.com/questions/31107040/whats-the-difference-between-html-hidden -and-aria-hidden-attributes) – GrumpyCrouton

+0

'hidden'は誰にも隠されていることを意味します。 'aria-hidden'はスクリーンリーダーや同様のツールに隠されていることを意味します –

答えて

0

ご意見ありがとうございました。私は、監査ツールがチェックしていたことによって私が本当に混乱していたことに気付きました。

[aria-hidden="true"] { visibility: hidden; }のアドバイスを使用しました。私のコードでは、aria-hiddenプロパティがtrueに設定されている場合にオーバーレイを適切に隠して、監査ツールを満足させる結果になりました。 :)

関連する問題