Test Pages/Compare/ARIA

ARIA-tree comparison demo

On each request this page shuffles ARIA attributes on otherwise-identical markup: a button'saria-label andaria-expanded, and the role on a wrapper region. The ARIA-tree comparator (which diffs Playwright's accessibility-tree snapshot) should show changes to the resolved accessible name and role.

Note: the structure and content comparators will also notice these attribute changes, since ARIA attributes live in the DOM. The ARIA comparator is unique in showing the accessibility-tree delta β€” including knock-on effects like a button's computed accessible name.

Interactive widget