Changeset 11564 for trunk/src/bp-friends/classes/class-bp-core-friends-widget.php

Timestamp:

06/02/2017 12:15:51 AM (7 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-friends/classes/class-bp-core-friends-widget.php (modified) (1 diff)

trunk/src/bp-friends/classes/class-bp-core-friends-widget.php

@@ -112 +112 @@
                     <li class="vcard">
                         <div class="item-avatar">
-                            <a href="<?php bp_member_permalink(); ?>" title="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>
+                            <a href="<?php bp_member_permalink(); ?>" class="bp-tooltip" data-bp-tooltip="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>
                         </div>