✅ Button with Visible Focus
Correct: Focus ring is visible for keyboard users using :focus styles.
Welcome to Our Site
This is a clean and semantic demo layout using all structural HTML5 tags.
Focus Matters – Not Everyone Uses a Mouse
❌ Focus Style Removed
Incorrect: outline: none removes keyboard focus indicator. Bad for accessibility.
✅ Toggle with Focus Feedback
Correct: Custom component includes keyboard-visible focus feedback.
❌ Tooltip with Hover Only
Only visible on hover
Incorrect: Tooltip is inaccessible to keyboard and touch users. No focus support.
✅ Tooltip for Mouse + Keyboard
Accessible tooltip
Correct: Tooltip works for both mouse (:hover) and keyboard (:focus).