5.2 Decorative images should be hidden from screen readers

When we have decorative images or icons they should be hidden from screen readers. A decorative image is one that is either only for styling or does not add any information that is not already on the page. Adding alt text to these images would lead to repeated content and extra noise.

WCAG 1.1.1: Non-text Content Opens in a new window

Details

• All decorative images have alt="".
• All decorative icons have aria-hidden="true".

Examples