Dev Tools · 1h ago
CSS outline:none breaks keyboard accessibility sitewide
Accessibility audits across multiple sites found three recurring patterns that break keyboard and screen reader navigation. The most common is removing focus indicators with outline:none, which fails WCAG 2.4.7. Other patterns include using non-focusable HTML elements for interactive components and missing ARIA labels on icon-only buttons.
Meridian48 take
These are basic, well-documented accessibility failures that keep appearing because teams prioritize visual design over inclusive user experience.
Read the full reporting
One line of CSS that breaks keyboard accessibility sitewide and two other patterns we keep finding in audits →
DEV Community
accessibilitycss