Operable → Navigable → 2.4.7
Focus Visible
WCAG Requirement
Any keyboard operable UI has a visible focus indicator.
Experience Builder Notes
EB themes often suppress or have low-contrast focus indicators. Our keyboard navigation scan checks for this. Critical issue for keyboard users.
Map & GIS Considerations
Map controls are among the worst offenders for missing focus indicators. Zoom buttons, layer toggles, basemap switchers, and popup close buttons frequently have no visible focus state — or one that's invisible against the map background. Custom EB themes often override browser default outlines. Verify that every map control shows a visible focus ring when reached via Tab key, with at least 3:1 contrast against the surrounding area.
Sufficient Techniques
- ✓Ensure focus indicator has sufficient contrast (3:1)
- ✓Don't suppress outline with CSS
- ✓Map toolbar buttons must show visible focus when tabbed to
- ✓Popup close buttons need clear focus indicators
Common Failures in EB Apps
- ✗outline: none without replacement focus style
- ✗Focus indicator not visible against theme
- ✗Map controls losing focus visibility
- ✗Popup close button has no visible focus state
- ✗Map toolbar icons with suppressed focus outlines
Full specification: WCAG 2.1 — 2.4.7 Focus Visible
Have questions about 2.4.7?
Ask our AI assistant about this criterion, remediation strategies, or how it applies to your EB app.
Ask About 2.4.7