Add Playwright e2e smoke test and accessibility checklist

2026-08-05 17:08:18 -05:00
parent 151b09ba90
commit a075523287
6 changed files with 117 additions and 5 deletions
@@ -0,0 +1,26 @@
+# Accessibility Checklist — Filtered Image block
+
+This is a manual checklist for the team to verify on every release.
+
+## Rendered output
+
+- [ ] The `<img>` element has the `alt` attribute set to the user's entered text.
+- [ ] The `<img>` is wrapped in a `<figure>` with a `<figcaption>` only when the user supplied a caption.
+- [ ] The filter class is on the `<figure>`, not the `<img>`. The visible filter is presentational and does not affect the accessible name.
+- [ ] Lighthouse accessibility score >= 95 on a page with at least one Filtered Image block.
+- [ ] axe-core run on the public URL returns zero violations.
+
+## Editor UI
+
+- [ ] The preset grid is reachable by Tab and arrow keys.
+- [ ] Each preset button has `aria-pressed="true"` when active.
+- [ ] Each preset swatch is a `<button>` with `aria-label`, not a `<div>` with click handlers.
+- [ ] The intensity slider is a `<RangeControl>` with a visible label.
+- [ ] axe-core run inside the editor inspector returns zero violations.
+
+## Edge cases
+
+- [ ] Filter preset "Normal" always renders with no visual change.
+- [ ] Intensity 0 disables the filter regardless of preset.
+- [ ] An invalid filter slug in saved HTML does not crash the page.
+- [ ] Removing the image from the media library does not cause a JS error in the editor.