[HTML 5] aria-hidden

You want to use aria-hidden to prevent screen reader to access some content should be hidden from users.

For example, slides, you want to remove previous and next slides from the accessbility tree, so that it won't confuse the users who uses screen reader.

[HTML 5] aria-hidden

TOP-LEFT: aria-hidden need a value, without a value is invalid.

TOP-RIGHT: Element is hidden, so no label

BOTTOM-LEFT: aria label can refer to a hidden element

BOTTOM-RIGHT: inner element works as a label

[HTML 5] aria-hidden

上一篇:智能选择器和语义化的CSS


下一篇:ARIA无障碍技术