Clarity Dashboard Filter Panel Accessibility Limits

Answer

No – the filter panel does not provide a consistent focus‑trap prevention mechanism across all supported browsers, and the ARIA live region used for segment‑creation announcements is not reliably configured.

Confirmed facts

• Each interactive control in the filter panel receives a visible focus indicator and appropriate ARIA labels for NVDA and JAWS.
• When a new segment is created, the current implementation does not consistently fire ARIA live region notifications; reliance on implicit DOM updates means screen readers may not announce the action.

Likely explanation

• Differing tabIndex assignments or missing focus‑out handlers between the filter panel and the adjacent heatmap canvas can cause the focus to become trapped in the panel in certain browser environments.
• The notification container often lacks an explicit aria-live attribute (e.g., aria-live="polite") or a role="status", leading to inconsistent announcements across browsers and screen‑reader versions.

Verification steps for this case

1. Open a Clarity dashboard, press Tab to move into the filter panel and confirm each control announces its name and shows a visible focus outline.
2. Continue pressing Tab past the last filter control; observe whether focus moves to the heatmap canvas or remains trapped. Repeat in Chrome, Firefox, and Edge.
3. Create a new segment via the UI, then listen with NVDA/JAWS for an announcement; use dev tools to inspect the notification element for aria-live or role attributes.

If you observe a focus trap or missing announcement, please specify the browser and screen‑reader version you are testing with, as this detail determines whether the recommended fix (adding explicit aria-live and ensuring proper focus‑out handling) is needed.