Changeset 11564 for trunk/src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php

Timestamp:

06/02/2017 12:15:51 AM (9 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:

• trunk/src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php (modified) (1 diff)

trunk/src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php

@@ -59 +59 @@
 <?php if ( ! bp_disable_group_avatar_uploads() ) : ?>
     <div id="item-header-avatar">
-        <a href="<?php echo esc_url( bp_get_group_permalink() ); ?>" title="<?php echo esc_attr( bp_get_group_name() ); ?>">
+        <a href="<?php echo esc_url( bp_get_group_permalink() ); ?>" class="bp-tooltip" data-bp-tooltip="<?php echo esc_attr( bp_get_group_name() ); ?>">
 
             <?php bp_group_avatar(); ?>