[web] Add #main-content to some pug pages (fix skip-to-content links) (#18050)

* Add `#main-content` to some pug pages

This fixes our `skip-to-content` accessibility anchor links. Alternatively or additionally, we can set `suppressSkipToContent = true` in some pages: that will remove the anchor link in the page.

While working on this, I noticed that sometimes we still have a bit of extra nesting or components that should maybe be out of `<main>` or `#main-content`. In a future PR we can maybe update these elements to target the "real core content" of the page.

* Add `suppressSkipToContent` in confirm-email page

GitOrigin-RevId: 6cbf4112f2d1a2d8eff06f142d0c2b4f3a5d9cff
This commit is contained in:
Antoine Clausse 2024-04-23 13:13:38 +02:00 committed by Copybot
parent 2a5dca0897
commit 0c4ca15003
5 changed files with 5 additions and 6 deletions

View file

@ -2,7 +2,7 @@ extends ../layout-marketing
include ../_mixins/bookmarkable_tabset
block content
.content.content-alt
.content.content-alt#main-content
.container
.row
.col-xs-12

View file

@ -1,7 +1,7 @@
extends ../layout-marketing
block content
.content.content-alt
.content.content-alt#main-content
.container.bonus
.row
.col-md-8.col-md-offset-2

View file

@ -11,5 +11,5 @@ block entrypointVar
block append meta
block content
main.content.content-alt
main.content.content-alt#main-content
#compromised-password

View file

@ -31,7 +31,7 @@ block append meta
block content
script(type="text/javascript", nonce=scriptNonce, src=(wsUrl || '/socket.io') + '/socket.io.js')
.content.content-alt
.content.content-alt#main-content
.container(ng-cloak)
.row
.col-md-8.col-md-offset-2

View file

@ -5,7 +5,6 @@ block entrypointVar
block content
.content.content-alt
.content.content-alt#main-content
.container
#user-activate-register-container