Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
Simon Knott 2024-11-20 15:36:51 +01:00 committed by Max Schmitt
parent 4b0eca4d22
commit 2ba644852b
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/src/aria-snapshots.md
View file

@ -2,6 +2,7 @@
id: aria-snapshots id: aria-snapshots
title: "Aria snapshots" title: "Aria snapshots"
--- ---
import LiteYouTube from '@site/src/components/LiteYouTube';
## Overview ## 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 These snapshots can be stored and compared later to verify if the page structure remains consistent or meets defined
expectations. 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 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 The structure follows a tree-like syntax, where each node represents an accessible element, and indentation indicates
nested elements. nested elements.