Index: src/bp-activity/bp-activity-filters.php
===================================================================
--- src/bp-activity/bp-activity-filters.php	(revision 11559)
+++ src/bp-activity/bp-activity-filters.php	(working copy)
@@ -207,10 +207,12 @@
 	global $allowedtags;
 
 	$activity_allowedtags = $allowedtags;
-	$activity_allowedtags['a']['class'] = array();
-	$activity_allowedtags['a']['id']    = array();
-	$activity_allowedtags['a']['rel']   = array();
-	$activity_allowedtags['a']['title'] = array();
+	$activity_allowedtags['a']['aria-label'] = array();
+	$activity_allowedtags['a']['class']      = array();
+	$activity_allowedtags['a']['data-title'] = array();
+	$activity_allowedtags['a']['id']         = array();
+	$activity_allowedtags['a']['rel']        = array();
+	$activity_allowedtags['a']['title']      = array();
 
 	$activity_allowedtags['b']    = array();
 	$activity_allowedtags['code'] = array();
@@ -223,7 +225,6 @@
 	$activity_allowedtags['img']['height'] = array();
 	$activity_allowedtags['img']['class']  = array();
 	$activity_allowedtags['img']['id']     = array();
-	$activity_allowedtags['img']['title']  = array();
 
 	$activity_allowedtags['span']                   = array();
 	$activity_allowedtags['span']['class']          = array();
Index: src/bp-activity/bp-activity-template.php
===================================================================
--- src/bp-activity/bp-activity-template.php	(revision 11559)
+++ src/bp-activity/bp-activity-template.php	(working copy)
@@ -1493,7 +1493,7 @@
 
 		// Setup variables for activity meta.
 		$activity_permalink = bp_activity_get_permalink( $activities_template->activity->id, $activities_template->activity );
-		$activity_meta      = sprintf( '%1$s <a href="%2$s" class="view activity-time-since" title="%3$s">%4$s</a>',
+		$activity_meta      = sprintf( '%1$s <a href="%2$s" class="view activity-time-since bp-tooltip" data-title="%3$s">%4$s</a>',
 			$new_content,
 			$activity_permalink,
 			esc_attr__( 'View Discussion', 'buddypress' ),
Index: src/bp-friends/classes/class-bp-core-friends-widget.php
===================================================================
--- src/bp-friends/classes/class-bp-core-friends-widget.php	(revision 11559)
+++ src/bp-friends/classes/class-bp-core-friends-widget.php	(working copy)
@@ -111,7 +111,7 @@
 				<?php while ( bp_members() ) : bp_the_member(); ?>
 					<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-title="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>
 						</div>
 
 						<div class="item">
Index: src/bp-groups/classes/class-bp-groups-widget.php
===================================================================
--- src/bp-groups/classes/class-bp-groups-widget.php	(revision 11559)
+++ src/bp-groups/classes/class-bp-groups-widget.php	(working copy)
@@ -131,7 +131,7 @@
 				<?php while ( bp_groups() ) : bp_the_group(); ?>
 					<li <?php bp_group_class(); ?>>
 						<div class="item-avatar">
-							<a href="<?php bp_group_permalink() ?>" title="<?php bp_group_name() ?>"><?php bp_group_avatar_thumb() ?></a>
+							<a href="<?php bp_group_permalink() ?>" class="bp-tooltip" data-title="<?php bp_group_name() ?>"><?php bp_group_avatar_thumb() ?></a>
 						</div>
 
 						<div class="item">
Index: src/bp-members/classes/class-bp-core-members-widget.php
===================================================================
--- src/bp-members/classes/class-bp-core-members-widget.php	(revision 11559)
+++ src/bp-members/classes/class-bp-core-members-widget.php	(working copy)
@@ -126,7 +126,7 @@
 
 					<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-title="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>
 						</div>
 
 						<div class="item">
Index: src/bp-members/classes/class-bp-core-recently-active-widget.php
===================================================================
--- src/bp-members/classes/class-bp-core-recently-active-widget.php	(revision 11559)
+++ src/bp-members/classes/class-bp-core-recently-active-widget.php	(working copy)
@@ -85,7 +85,7 @@
 				<?php while ( bp_members() ) : bp_the_member(); ?>
 
 					<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-title="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>
 					</div>
 
 				<?php endwhile; ?>
Index: src/bp-members/classes/class-bp-core-whos-online-widget.php
===================================================================
--- src/bp-members/classes/class-bp-core-whos-online-widget.php	(revision 11559)
+++ src/bp-members/classes/class-bp-core-whos-online-widget.php	(working copy)
@@ -84,7 +84,7 @@
 				<?php while ( bp_members() ) : bp_the_member(); ?>
 
 					<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-title="<?php bp_member_name(); ?>"><?php bp_member_avatar(); ?></a>
 					</div>
 
 				<?php endwhile; ?>
Index: src/bp-templates/bp-legacy/buddypress/activity/index.php
===================================================================
--- src/bp-templates/bp-legacy/buddypress/activity/index.php	(revision 11559)
+++ src/bp-templates/bp-legacy/buddypress/activity/index.php	(working copy)
@@ -142,7 +142,7 @@
 
 	<div class="item-list-tabs no-ajax" id="subnav" aria-label="<?php esc_attr_e( 'Activity secondary navigation', 'buddypress' ); ?>" role="navigation">
 		<ul>
-			<li class="feed"><a href="<?php bp_sitewide_activity_feed_link(); ?>" title="<?php esc_attr_e( 'RSS Feed', 'buddypress' ); ?>"><?php _e( 'RSS', 'buddypress' ); ?></a></li>
+			<li class="feed"><a href="<?php bp_sitewide_activity_feed_link(); ?>" class="bp-tooltip" data-title="<?php esc_attr_e( 'RSS Feed', 'buddypress' ); ?>" aria-label="<?php esc_attr_e( 'RSS Feed', 'buddypress' ); ?>"><?php _e( 'RSS', 'buddypress' ); ?></a></li>
 
 			<?php
 
Index: src/bp-templates/bp-legacy/buddypress/groups/single/activity.php
===================================================================
--- src/bp-templates/bp-legacy/buddypress/groups/single/activity.php	(revision 11559)
+++ src/bp-templates/bp-legacy/buddypress/groups/single/activity.php	(working copy)
@@ -9,7 +9,7 @@
 ?>
 <div class="item-list-tabs no-ajax" id="subnav" aria-label="<?php esc_attr_e( 'Group secondary navigation', 'buddypress' ); ?>" role="navigation">
 	<ul>
-		<li class="feed"><a href="<?php bp_group_activity_feed_link(); ?>" title="<?php esc_attr_e( 'RSS Feed', 'buddypress' ); ?>"><?php _e( 'RSS', 'buddypress' ); ?></a></li>
+		<li class="feed"><a href="<?php bp_group_activity_feed_link(); ?>" class="bp-tooltip" data-title="<?php esc_attr_e( 'RSS Feed', 'buddypress' ); ?>" aria-label="<?php esc_attr_e( 'RSS Feed', 'buddypress' ); ?>"><?php _e( 'RSS', 'buddypress' ); ?></a></li>
 
 		<?php
 
Index: src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php
===================================================================
--- src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php	(revision 11559)
+++ src/bp-templates/bp-legacy/buddypress/groups/single/group-header.php	(working copy)
@@ -58,7 +58,7 @@
 
 <?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-title="<?php echo esc_attr( bp_get_group_name() ); ?>">
 
 			<?php bp_group_avatar(); ?>
 
Index: src/bp-templates/bp-legacy/css/buddypress-rtl.css
===================================================================
--- src/bp-templates/bp-legacy/css/buddypress-rtl.css	(revision 11559)
+++ src/bp-templates/bp-legacy/css/buddypress-rtl.css	(working copy)
@@ -23,6 +23,7 @@
 	3.9 - Private Messaging Threads
 	3.10 - Extended Profiles
 	3.11 - Widgets
+	3.12 - Tooltips
 4.0 - Media Queries
 	4.1 - Smartphones Landscape
 	4.2 - Smartphones Portrait
@@ -1677,11 +1678,6 @@
 3.11 - Widgets
 --------------------------------------------------------------*/
 
-.widget.buddypress div.item-avatar img.avatar {
-	float: right;
-	margin: 0 0 15px 10px;
-}
-
 .widget.buddypress span.activity {
 	display: inline-block;
 	font-size: small;
@@ -1694,7 +1690,7 @@
 	padding: 1em 0;
 }
 
-.widget.buddypress div.item{
+.widget.buddypress div.item {
 	margin:0 0 1em 0;
 }
 
@@ -1704,20 +1700,32 @@
 	margin-right: 50px;
 }
 
-.widget.buddypress ul.item-list img.avatar {
-	height: 40px;
+.widget.buddypress div.avatar-block::after {
+	content: "";
+	display: table;
+}
+
+.widget.buddypress .item-avatar a.bp-tooltip {
+	float: right;
+	margin-bottom: 15px;
 	margin-left: 10px;
-	width: 40px;
 }
+
 .widget.buddypress div.item-avatar img {
+	display: inline-block;
 	height: 40px;
 	margin: 1px;
 	width: 40px;
 }
 
-.widget.buddypress div.avatar-block{
-	overflow: hidden;
-}
+.widget.buddypress .item-avatar a,
+.widget.buddypress .item-avatar a:hover,
+.widget.buddypress .item-avatar a:focus,
+.widget.buddypress .item-avatar a:active,
+.widget.buddypress .item-avatar a img {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+ }
 
 .widget.buddypress #bp-login-widget-form label {
 	display: block;
@@ -1764,6 +1772,100 @@
 }
 
 /*--------------------------------------------------------------
+3.12 - Tooltips
+--------------------------------------------------------------*/
+.buddypress .bp-tooltip {
+	position: relative;
+}
+
+.bp-tooltip::after {
+	background: #000;
+	border: 1px solid #aaa;
+	border-radius: 2px;
+	box-shadow: 0 0 1px 1px hsla(360, 50%, 100%, .5);
+	color: #fff;
+	content: attr(data-title);
+	display: none;
+	font-family: sans-serif;
+	font-size: 11px;
+	font-weight: normal;
+	letter-spacing: normal;
+	line-height: 1.5;
+	margin-top: 5px;
+	opacity: 0;
+	padding: 3px 6px;
+	position: absolute;
+	left: 50%;
+	text-align: center;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	top: 100%;
+	transform: translateX(-50%);
+	-webkit-transform: translateX(-50%);
+	white-space: pre;
+	word-wrap: break-word;
+	z-index: 998;
+}
+
+.bp-tooltip::before {
+	border: 5px solid transparent;
+	border-bottom-color: #000;
+	bottom: -5px;
+	color: #000;
+	content: "";
+	display: none;
+	height: 0;
+	margin-left: -5px;
+	opacity: 0;
+	pointer-events: none;
+	position: absolute;
+	left: 50%;
+	top: auto;
+	width: 0;
+	z-index: 999;
+}
+
+@-webkit-keyframes tooltip-show {
+	from {
+	opacity: 0;
+	}
+	to {
+	opacity: 1;
+	}
+}
+@keyframes tooltip-show {
+	from {
+	opacity: 0;
+	}
+	to {
+	opacity: 1;
+	}
+}
+
+.bp-tooltip:hover::before,
+.bp-tooltip:hover::after,
+.bp-tooltip:active::before,
+.bp-tooltip:active::after,
+.bp-tooltip:focus::before,
+.bp-tooltip:focus::after {
+	display: inline-block;
+	overflow: visible;
+	text-decoration: none;
+	-webkit-animation-name: tooltip-show;
+	animation-name: tooltip-show;
+	-webkit-animation-duration: 0.1s;
+	animation-duration: 0.1s;
+	-webkit-animation-fill-mode: forwards;
+	animation-fill-mode: forwards;
+	-webkit-animation-timing-function: ease-in;
+	animation-timing-function: ease-in;
+	-webkit-animation-delay: 0.4s;
+	animation-delay: 0.4s;
+	z-index: 999;
+}
+
+/*--------------------------------------------------------------
 4.0 - Media Queries
 --------------------------------------------------------------*/
 /*--------------------------------------------------------------
Index: src/bp-templates/bp-legacy/css/buddypress.css
===================================================================
--- src/bp-templates/bp-legacy/css/buddypress.css	(revision 11559)
+++ src/bp-templates/bp-legacy/css/buddypress.css	(working copy)
@@ -23,6 +23,7 @@
 	3.9 - Private Messaging Threads
 	3.10 - Extended Profiles
 	3.11 - Widgets
+	3.12 - Tooltips
 4.0 - Media Queries
 	4.1 - Smartphones Landscape
 	4.2 - Smartphones Portrait
@@ -1677,11 +1678,6 @@
 3.11 - Widgets
 --------------------------------------------------------------*/
 
-.widget.buddypress div.item-avatar img.avatar {
-	float: left;
-	margin: 0 10px 15px 0;
-}
-
 .widget.buddypress span.activity {
 	display: inline-block;
 	font-size: small;
@@ -1694,7 +1690,7 @@
 	padding: 1em 0;
 }
 
-.widget.buddypress div.item{
+.widget.buddypress div.item {
 	margin:0 0 1em 0;
 }
 
@@ -1704,20 +1700,32 @@
 	margin-left: 50px;
 }
 
-.widget.buddypress ul.item-list img.avatar {
-	height: 40px;
+.widget.buddypress div.avatar-block::after {
+	content: "";
+	display: table;
+}
+
+.widget.buddypress .item-avatar a.bp-tooltip {
+	float: left;
+	margin-bottom: 15px;
 	margin-right: 10px;
-	width: 40px;
 }
+
 .widget.buddypress div.item-avatar img {
+	display: inline-block;
 	height: 40px;
 	margin: 1px;
 	width: 40px;
 }
 
-.widget.buddypress div.avatar-block{
-	overflow: hidden;
-}
+.widget.buddypress .item-avatar a,
+.widget.buddypress .item-avatar a:hover,
+.widget.buddypress .item-avatar a:focus,
+.widget.buddypress .item-avatar a:active,
+.widget.buddypress .item-avatar a img {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+ }
 
 .widget.buddypress #bp-login-widget-form label {
 	display: block;
@@ -1764,6 +1772,100 @@
 }
 
 /*--------------------------------------------------------------
+3.12 - Tooltips
+--------------------------------------------------------------*/
+.buddypress .bp-tooltip {
+	position: relative;
+}
+
+.bp-tooltip::after {
+	background: #000;
+	border: 1px solid #aaa;
+	border-radius: 2px;
+	box-shadow: 0 0 1px 1px hsla(360, 50%, 100%, .5);
+	color: #fff;
+	content: attr(data-title);
+	display: none;
+	font-family: sans-serif;
+	font-size: 11px;
+	font-weight: normal;
+	letter-spacing: normal;
+	line-height: 1.5;
+	margin-top: 5px;
+	opacity: 0;
+	padding: 3px 6px;
+	position: absolute;
+	right: 50%;
+	text-align: center;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	top: 100%;
+	transform: translateX(50%);
+	-webkit-transform: translateX(50%);
+	white-space: pre;
+	word-wrap: break-word;
+	z-index: 998;
+}
+
+.bp-tooltip::before {
+	border: 5px solid transparent;
+	border-bottom-color: #000;
+	bottom: -5px;
+	color: #000;
+	content: "";
+	display: none;
+	height: 0;
+	margin-right: -5px;
+	opacity: 0;
+	pointer-events: none;
+	position: absolute;
+	right: 50%;
+	top: auto;
+	width: 0;
+	z-index: 999;
+}
+
+@-webkit-keyframes tooltip-show {
+	from {
+	opacity: 0;
+	}
+	to {
+	opacity: 1;
+	}
+}
+@keyframes tooltip-show {
+	from {
+	opacity: 0;
+	}
+	to {
+	opacity: 1;
+	}
+}
+
+.bp-tooltip:hover::before,
+.bp-tooltip:hover::after,
+.bp-tooltip:active::before,
+.bp-tooltip:active::after,
+.bp-tooltip:focus::before,
+.bp-tooltip:focus::after {
+	display: inline-block;
+	overflow: visible;
+	text-decoration: none;
+	-webkit-animation-name: tooltip-show;
+	animation-name: tooltip-show;
+	-webkit-animation-duration: 0.1s;
+	animation-duration: 0.1s;
+	-webkit-animation-fill-mode: forwards;
+	animation-fill-mode: forwards;
+	-webkit-animation-timing-function: ease-in;
+	animation-timing-function: ease-in;
+	-webkit-animation-delay: 0.4s;
+	animation-delay: 0.4s;
+	z-index: 999;
+}
+
+/*--------------------------------------------------------------
 4.0 - Media Queries
 --------------------------------------------------------------*/
 /*--------------------------------------------------------------
