Welcome to Our Site

This is a clean and semantic demo layout using all structural HTML5 tags.

Accessible Visibility: Hiding Right & Wrong

✅ Decorative Icon Hidden from SR

This icon is purely decorative. It’s hidden from screen readers.

✅ Icon-only Button with SR Label

Correct: Icon-only button includes aria-label so screen readers can announce its purpose.

✅ Tooltip Text for SR Only

Correct: Tooltip is invisible visually but available to screen readers.

❌ Hidden Interactive Element

Incorrect: Screen readers will ignore this button even though it’s focusable and functional. aria-hidden must not be used on interactive elements.