WordPress.org
Get WordPress

Make WordPress Core

Changeset 59907


Ignore:
Timestamp:
03/03/2025 06:43:08 PM (8 weeks 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.

Location:
trunk/src/wp-content/themes
Files:
11 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyeleven/header.php

    r59344 r59907  
    7979    <header id="branding">
    8080            <hgroup>
    81                 <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
     81            <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
     82                <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a></span></h1>
    8283                <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    8384            </hgroup>
    … …  
    9899                }
    99100                ?>
    100             <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
     101            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>>
    101102                <?php
    102103                /*

  • trunk/src/wp-content/themes/twentyfifteen/header.php

    r59026 r59907  
    3434                <?php
    3535                    twentyfifteen_the_custom_logo();
    36 
     36                    $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) );
    3737                if ( is_front_page() && is_home() ) :
    3838                    ?>
    39                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     39                        <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>
    4040                    <?php else : ?>
    41                         <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
     41                        <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a></p>
    4242                        <?php
    4343                    endif;

  • trunk/src/wp-content/themes/twentyfourteen/header.php

    r59026 r59907  
    3434<?php wp_body_open(); ?>
    3535<div id="page" class="hfeed site">
     36    <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
    3637    <?php if ( get_header_image() ) : ?>
    3738    <div id="site-header">
    38         <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
     39        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>>
    3940            <?php twentyfourteen_header_image(); ?>
    4041        </a>
    … …  
    4445    <header id="masthead" class="site-header">
    4546        <div class="header-main">
    46             <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     47            <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>
    4748
    4849            <div class="search-toggle">

  • trunk/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php

    r46827 r59907  
    1414    <?php endif; ?>
    1515    <?php $blog_info = get_bloginfo( 'name' ); ?>
     16    <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
    1617    <?php if ( ! empty( $blog_info ) ) : ?>
    1718        <?php if ( is_front_page() && is_home() ) : ?>
    18             <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     19            <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>
    1920        <?php else : ?>
    20             <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
     21            <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a></p>
    2122        <?php endif; ?>
    2223    <?php endif; ?>

  • trunk/src/wp-content/themes/twentyseventeen/template-parts/header/site-branding.php

    r55276 r59907  
    1616
    1717        <div class="site-branding-text">
     18            <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
    1819            <?php if ( is_front_page() ) : ?>
    19                 <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     20                <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>
    2021            <?php else : ?>
    21                 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
     22                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a></p>
    2223            <?php endif; ?>
    2324

  • trunk/src/wp-content/themes/twentysixteen/header.php

    r59026 r59907  
    3737                <div class="site-branding">
    3838                    <?php twentysixteen_the_custom_logo(); ?>
    39 
     39                    <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
    4040                    <?php if ( is_front_page() && is_home() ) : ?>
    41                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     41                        <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>
    4242                    <?php else : ?>
    43                         <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
     43                        <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a></p>
    4444                        <?php
    4545                    endif;
    … …  
    102102                ?>
    103103                <div class="header-image">
    104                     <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
     104                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>>
    105105                        <?php
    106106                        $custom_header = get_custom_header();

  • trunk/src/wp-content/themes/twentyten/header.php

    r59857 r59907  
    7272                <<?php echo $heading_tag; ?> id="site-title">
    7373                    <span>
    74                         <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
     74                    <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
     75                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>><?php bloginfo( 'name' ); ?></a>
    7576                    </span>
    7677                </<?php echo $heading_tag; ?>>

  • trunk/src/wp-content/themes/twentythirteen/header.php

    r59026 r59907  
    2424    <div id="page" class="hfeed site">
    2525        <header id="masthead" class="site-header">
    26             <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
     26        <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
     27            <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" <?php echo $is_front ? 'aria-current="page"' : ''; ?>>
    2728                <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
    2829                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

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

    r59026 r59907  
    3737    <header id="masthead" class="site-header">
    3838        <hgroup>
    39             <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
     39        <?php $is_front = ! is_paged() && ( is_front_page() || ( is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) ) ); ?>
     40            <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>
    4041            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    4142        </hgroup>
    … …  
    5556
    5657        <?php if ( get_header_image() ) : ?>
    57         <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php twentytwelve_header_image(); ?></a>
     58        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" <?php echo $is_front ? 'aria-current="page"' : ''; ?> rel="home"><?php twentytwelve_header_image(); ?></a>
    5859        <?php endif; ?>
    5960    </header><!-- #masthead -->

  • trunk/src/wp-content/themes/twentytwenty/inc/template-tags.php

    r56548 r59907  
    4141        'logo'        => '%1$s<span class="screen-reader-text">%2$s</span>',
    4242        'logo_class'  => 'site-logo',
    43         'title'       => '<a href="%1$s">%2$s</a>',
     43        'title'       => '<a href="%1$s" rel="home">%2$s</a>',
    4444        'title_class' => 'site-title',
    4545        'home_wrap'   => '<h1 class="%1$s">%2$s</h1>',
    … …  
    6464        $classname = $args['logo_class'];
    6565    } else {
    66         $contents  = sprintf( $args['title'], esc_url( get_home_url( null, '/' ) ), esc_html( $site_title ) );
     66        $contents = sprintf( $args['title'], esc_url( get_home_url( null, '/' ) ), esc_html( $site_title ) );
     67        if (
     68            ( is_front_page() || is_home() && ( (int) get_option( 'page_for_posts' ) !== get_queried_object_id() ) )
     69            && ! is_paged()
     70            && $args['title'] === $defaults['title']
     71        ) {
     72            $contents = str_replace( ' rel=', ' aria-current="page" rel=', $contents );
     73        }
    6774        $classname = $args['title_class'];
    6875    }

  • trunk/src/wp-content/themes/twentytwentyone/template-parts/header/site-branding.php

    r50802 r59907  
    2929            <h1 class="<?php echo esc_attr( $header_class ); ?>"><?php echo esc_html( $blog_info ); ?></h1>
    3030        <?php elseif ( is_front_page() && ! is_home() ) : ?>
    31             <h1 class="<?php echo esc_attr( $header_class ); ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo esc_html( $blog_info ); ?></a></h1>
     31            <h1 class="<?php echo esc_attr( $header_class ); ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo esc_html( $blog_info ); ?></a></h1>
    3232        <?php else : ?>
    33             <p class="<?php echo esc_attr( $header_class ); ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo esc_html( $blog_info ); ?></a></p>
     33            <p class="<?php echo esc_attr( $header_class ); ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo esc_html( $blog_info ); ?></a></p>
    3434        <?php endif; ?>
    3535    <?php endif; ?>
Note: See TracChangeset for help on using the changeset viewer.