From 94dae5f12ff620039e9c2b8c84e222f031215f0a Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 13 Feb 2026 13:15:36 +0000 Subject: [PATCH 1/2] Initial plan From e5690be117c42c9572162e010a646029cd22d2e3 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 13 Feb 2026 13:21:37 +0000 Subject: [PATCH 2/2] Fix: Wrap progress and clock elements in landmark regions for accessibility - Changed div elements to aside elements with semantic meaning - Added aria-label attributes for unique accessible names - Created test-landmarks.sh to prevent regression - Added test:landmarks to npm test suite - Updated AGENTS.md documentation Fixes the axe/region accessibility violation where page content was not contained by landmarks. Co-authored-by: mgifford <116832+mgifford@users.noreply.github.com> --- AGENTS.md | 4 ++-- index.html | 4 ++-- package.json | 3 ++- scripts/test-landmarks.sh | 35 +++++++++++++++++++++++++++++++++++ 4 files changed, 41 insertions(+), 5 deletions(-) create mode 100755 scripts/test-landmarks.sh diff --git a/AGENTS.md b/AGENTS.md index e15b631..008f40b 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -108,8 +108,8 @@ Only one notes block per slide: ### Required Elements Keep these in the `` for proper presentation functionality: ```html -
-
+ +
Leaving slide mode.
``` diff --git a/index.html b/index.html index 6787302..7a59db6 100644 --- a/index.html +++ b/index.html @@ -24,8 +24,8 @@ -
-
+ +
Leaving slide mode.
diff --git a/package.json b/package.json index c16fdb2..e8477fe 100644 --- a/package.json +++ b/package.json @@ -8,10 +8,11 @@ "dev:transcript": "node scripts/whisper-transcript-watch.js", "test:html": "html-validate -c .htmlvalidate.json '*.html'", "test:a11y": "pa11y-ci --config .pa11yci.json || true", + "test:landmarks": "bash scripts/test-landmarks.sh", "test:links": "bash scripts/check-links.sh", "test:spell": "cspell '**/*.{md,html,js,css}' || true", "test:css": "bash scripts/validate-css.sh", - "test:all": "npm run test:html && npm run test:css && npm run test:links && npm run test:spell", + "test:all": "npm run test:html && npm run test:landmarks && npm run test:css && npm run test:links && npm run test:spell", "test": "npm run test:all" }, "repository": { diff --git a/scripts/test-landmarks.sh b/scripts/test-landmarks.sh new file mode 100755 index 0000000..f4dac3e --- /dev/null +++ b/scripts/test-landmarks.sh @@ -0,0 +1,35 @@ +#!/usr/bin/env bash +# Test that progress and clock elements are contained in landmark regions +# This prevents regression of the accessibility issue where these elements +# were not contained by landmarks. + +set -e + +echo "🔍 Testing landmark accessibility..." + +# Check if progress and clock elements use