By camilledavis on
Change record status: 
Published (View all published change records)
Project: 
Drupal core
Introduced in branch: 
10.3.x
Introduced in version: 
10.3.0
Issue links: 
https://www.drupal.org/node/3350947
Description: 

In the Claro theme's page.html.twig, the page-specific header (with the page title and breadcrumb) has been moved to inside the landmark.
The target for the skip-link has been moved to be the first child of the landmark.

Before


  <header class="content-header clearfix">
    <div class="layout-container">
      {{ page.breadcrumb }}
      {{ page.header }}
    </div>
  </header>

  <div class="layout-container">
    {{ page.pre_content }}
    <main class="page-content clearfix" role="main">
      <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
      {{ page.highlighted }}
      {% if page.help %}
        <div class="help">
          {{ page.help }}
        </div>
      {% endif %}
      {{ page.content }}
    </main>

  </div>

After


  <main>
    <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
    <header class="content-header clearfix">
      <div class="layout-container">
        {{ page.breadcrumb }}
        {{ page.header }}
      </div>
    </header>

    <div class="layout-container">
      {{ page.pre_content }}
      <div class="page-content clearfix">
        {{ page.highlighted }}
        {% if page.help %}
          <div class="help">
            {{ page.help }}
          </div>
        {% endif %}
        {{ page.content }}
      </div>

    </div>
  </main>
Impacts: 
Themers