Make WordPress Core


Ignore:
Timestamp:
03/03/2025 06:43:08 PM (3 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:
1 edited

Legend:

Unmodified
Added
Removed
  • 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">
Note: See TracChangeset for help on using the changeset viewer.