From 2ba644852bbbae82b0740a494807b3389d885193 Mon Sep 17 00:00:00 2001
From: Simon Knott <info@simonknott.de>
Date: Wed, 20 Nov 2024 15:36:51 +0100
Subject: [PATCH] cherry-pick(#33668): docs(aria): add demo video

---
 docs/src/aria-snapshots.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/src/aria-snapshots.md b/docs/src/aria-snapshots.md
index d781907c0a..0b4673abef 100644
--- a/docs/src/aria-snapshots.md
+++ b/docs/src/aria-snapshots.md
@@ -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.