[Page Structure] Ensure all page content is contained within landmarks

[coseeian]

Title

[Page Structure] Ensure all page content is contained within landmarks

Description

All page content should be contained within landmark regions using appropriate HTML5 elements (such as <header>, <nav>, <main>, <footer>) and/or ARIA landmark roles (such as role="banner", role="navigation", role="main", role="contentinfo").
Landmarks enable screen reader users and other assistive technology users to quickly navigate between meaningful sections of the page.
When content is placed outside of landmarks, it becomes difficult to locate and may lack a clear purpose or context for users relying on these navigation aids.

Steps to Reproduce

1. Go to the home page (/).
2. Locate the "hide banner" button at the bottom of the page.
3. Observe that this button is not contained within any landmark region (e.g., footer).

Actual Behavior

The "hide banner" button is not contained within any landmark region, making it difficult for screen reader users to locate via landmark navigation.

Expected Behavior

The "hide banner" button should be placed within an appropriate landmark region (such as <footer>).

Environments

No response

Suggested Fix

Move the "hide banner" button into a <footer> landmark region

Reference

• Success Criterion 1.3.1 Info and Relationships
• WCAG 2.2 Success Criterion 2.4.1 Bypass Blocks
• ARIA Authoring Practices Guide - Landmarks

What is your operating system?

None

Web browser and version

No response