Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
06/02/2017 12:15:51 AM (2 years ago)
Author:
mercime
Message:

Replace title attributes with BuddyPress Tooltips.

The values of title attributes provide additional information which show up on
mouse :hover for some links. However, such text values are not even read by some
ATs and the native title tooltips do not show up for keyboard users on :focus.
This means that some users are deprived of helpful information which can
provide some guidance to navigate through the BP screens.

The new BP tooltip pattern shows additional information on :hover and :focus and
prevents redundant information for users of screen readers or other ATs by
adding aria-label="some-info" only as needed.

See #7188.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php

    r11171 r11564  
    5959<?php if ( ! bp_disable_group_avatar_uploads() ) : ?>
    6060    <div id="item-header-avatar">
    61         <a href="<?php echo esc_url( bp_get_group_permalink() ); ?>" title="<?php echo esc_attr( bp_get_group_name() ); ?>">
     61        <a href="<?php echo esc_url( bp_get_group_permalink() ); ?>" class="bp-tooltip" data-bp-tooltip="<?php echo esc_attr( bp_get_group_name() ); ?>">
    6262
    6363            <?php bp_group_avatar(); ?>
Note: See TracChangeset for help on using the changeset viewer.