docs(aria): add demo video (#33668)

This commit is contained in:
Simon Knott 2024-11-20 15:36:51 +01:00 committed by GitHub
parent bfd64ac11b
commit 81e28a8854
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

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.