cherry-pick(#33668): docs(aria): add demo video

This commit is contained in:
Simon Knott 2024-11-20 15:36:51 +01:00 committed by Max Schmitt
parent 4b0eca4d22
commit 2ba644852b

View file

@ -2,6 +2,7 @@
id: aria-snapshots
title: "Aria snapshots"
---
import LiteYouTube from '@site/src/components/LiteYouTube';
## Overview
@ -9,6 +10,11 @@ In Playwright, aria snapshots provide a YAML representation of the accessibility
These snapshots can be stored and compared later to verify if the page structure remains consistent or meets defined
expectations.
<LiteYouTube
id="P4R6hnsE0UY"
title="Getting started with ARIA Snapshots"
/>
The YAML format describes the hierarchical structure of accessible elements on the page, detailing **roles**, **attributes**, **values**, and **text content**.
The structure follows a tree-like syntax, where each node represents an accessible element, and indentation indicates
nested elements.