Changeset 59907 for trunk/src/wp-content/themes/twentytwelve/header.php

Timestamp:

03/03/2025 06:43:08 PM (18 months ago)

Author:

joedolson

Message:

Bundled Themes: Add aria-current="page" on header links.

Mark links that point to the current URL in bundled theme headers with aria-current="page" to inform screen reader users that this link is the current page.

Changes to Twenty Ten through Twenty Twenty add aria-current and rel="home" where appropriate, Twenty Twenty One only adds rel="home".

Props bschneidewind, joedolson, hiabhaykulkarni, sabernhardt.
Fixes #62895.

File:

• trunk/src/wp-content/themes/twentytwelve/header.php (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwelve/header.php

@@ -37 +37 @@
         <header id="masthead" class="site-header">
                 <hgroup>
-                        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+                <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
+                        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a></h1>
                         <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
                 </hgroup>
@@ -55 +56 @@
 
                 <?php if ( get_header_image() ) : ?>
-                <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php twentytwelve_header_image(); ?></a>
+                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" <?php echo $is_front ? 'aria-current="page"' : ''; ?> rel="home"><?php twentytwelve_header_image(); ?></a>
                 <?php endif; ?>
         </header><!-- #masthead -->