Skip to content

fix(ui): add main landmark to AuthCardShell for screen readers - #178

Merged
antosubash merged 1 commit into
mainfrom
fix/174-auth-landmark-region
May 25, 2026
Merged

fix(ui): add main landmark to AuthCardShell for screen readers#178
antosubash merged 1 commit into
mainfrom
fix/174-auth-landmark-region

Conversation

@antosubash

Copy link
Copy Markdown
Owner

Summary

  • Changes the outermost <div> in AuthCardShell to <main>, giving all auth pages (login, register, forgot password, email verify, invite accept) a proper HTML landmark region
  • Screen readers can now identify the page's main content area on auth flows

Closes #174

Test plan

  • Verify login page renders correctly with the <main> element
  • Run an accessibility audit (e.g. Lighthouse or axe) on the login page and confirm no "missing landmark" warning
  • Check other auth flows (register, forgot password) still render properly

Change the outermost <div> to <main> so auth pages (login, register,
forgot password, etc.) expose a proper landmark region to assistive
technology.
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying simple-module-python with  Cloudflare Pages  Cloudflare Pages

Latest commit: 7b8f481
Status: ✅  Deploy successful!
Preview URL: https://7463b356.simple-module-python.pages.dev
Branch Preview URL: https://fix-174-auth-landmark-region.simple-module-python.pages.dev

View logs

@antosubash
antosubash merged commit b4e51dc into main May 25, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Login page has no HTML landmark regions (a11y)

1 participant