Please activate JavaScript in your browser.
Pending
User tests:
Successful:
Unsuccessful:
Pull Request resolves #45679
[ x ] I read the Generative AI policy and my contribution is either not created with the help of AI or is compatible with the policy and GNU/GPL 2 or later.
Summary of Changes
Added id="top" to the element so the back-to-top link has a valid anchor target when JavaScript is unavailable
Expanded landmark to include main-top modules, system messages, and main-bottom modules so all primary page content is within a landmark region
Wrapped main-top and main-bottom module includes in countModules guards to prevent empty markup when no modules are published
Moved the back-to-top link inside so it resides within a landmark region
Excluded #top from the sticky-header scroll-margin-top rule to prevent incorrect scroll offset on anchor navigation
Testing Instructions
Enable "Back to Top" in Cassiopeia template style options
Scroll down the page and click the back-to-top arrow — page should scroll to top
Right-click the back-to-top link and "Open in new tab" — should navigate to the header
Enable "Sticky Header" in template style options and repeat step 2 — should scroll to the very top, not offset
Run Axe DevTools accessibility scan — the "region" violations for main content area and back-to-top link should be resolved
Verify no modules are assigned to main-top or main-bottom positions, then inspect the element — there should be no empty wrapper divs
Actual result BEFORE applying this Pull Request
The back-to-top link has no matching anchor target on the page
System messages, main-top, and main-bottom modules are outside the landmark, triggering Axe "region" rule violations
The back-to-top link sits outside , between landmarks, also triggering the "region" rule
On sticky-header pages, the scroll-margin-top: 10rem rule applies to all elements with an id, which would incorrectly offset the #top scroll target
Expected result AFTER applying this Pull Request
The back-to-top link navigates to the element as a proper fallback when JavaScript is disabled
All primary page content is within landmark regions (, , , )
The back-to-top link is inside the landmark
No empty markup is rendered for unpublished module positions
Scrolling to #top on sticky-header pages goes to the very top without offset
Link to documentations
Please select:
Saswatsusmoy
-
open
-
8 Mar 2026
Saswatsusmoy
-
change
-
8 Mar 2026
joomla-cms-bot
-
change
-
8 Mar 2026
Category
⇒
Repository
NPM Change
Front End
Templates (site)
Add a Comment
Login with GitHub to post a comment
finally someone who added the id=top