Add accessibility in replay details (#9146)

* Add description for accessibility in replays * Update docs/product/session-replay/replay-details.mdx Co-authored-by: Jasmin <[email protected]> --------- Co-authored-by: Ryan Albrecht <[email protected]> Co-authored-by: Jasmin <[email protected]>
getsentry · Feb 15, 2024 · 8dbe932 · 8dbe932
1 parent 72b7b30
commit 8dbe932
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/docs/product/session-replay/replay-details.mdx b/docs/product/session-replay/replay-details.mdx
@@ -22,10 +22,12 @@ Every replay has a detailed view that contains the embedded video player and ric
 
 - **Network:** A list of all network requests that were initiated by the page while the replay recording was active. As the video plays, there’s a visual indicator that tracks through the table of network requests, highlighting which requests happened prior to, or next to this point in the video. You can also click the timestamp on the far right of each request to bring yourself to that point in the replay player. If configured, Sentry can also show the actual [HTTP request body and headers](/platforms/javascript/session-replay/configuration/#network-details).
 
+- **Errors:** See all the errors that occurred in the replay, with links to the corresponding events and [issue(s)](/product/issues/issue-details/error-issues/), and the impact these issues have had holistically across _all users_ on your application.
+
 - **Trace:** Connects all the [trace(s)](/product/sentry-basics/tracing/distributed-tracing#traces-transactions-and-spans) that happened during the replay.
   - Due to transaction sampling, this view may be missing traces.
 
-* **Issues:** See the [issue(s)](/product/issues/issue-details/error-issues/) that correspond to frontend errors that occurred in the replay and the impact these issues have had holistically across _all users_ on your application.
+- **Accessibility:** Session Replay can be used to ensure that your pages follow common [accessibility](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/What_is_accessibility) standards and are [Web Content Accessibility Guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/) (WCAG) compliant. At any point in the replay, you can click "Run validation for `<timestamp>`" to run accessibility checks (powered by [axe-core](https://github.com/dequelabs/axe-core)) for the page or page state at that specific timestamp. Sentry will then surface any accessibility issues or let you know if there are none detected.
 
 - **Memory:** The view shows a heap size chart displaying the total amount of memory being used by JavaScript objects.
   - This view is only available when the replay was recorded on a Chromium-based browser.