[buddypress-trac] [BuddyPress Trac] #7747: BP Nouveau: Member and Group Cover Image links are not accessible to assistive techonologies.

[buddypress-trac]

#7747: BP Nouveau: Member and Group Cover Image links are not accessible to
assistive techonologies.
--------------------------+------------------------------
 Reporter:  mercime       |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Templates     |     Version:
 Severity:  normal        |  Resolution:
 Keywords:                |
--------------------------+------------------------------
Description changed by mercime:

Old description:

> Every link must have an accessible name nor discernable text for
> assistive technologies. If a link contains no text, the function or
> purpose of the link will not be presented to the user. This can introduce
> confusion for keyboard and screen reader users.
>
> Our cover image links have no link content:
> Groups: `<a id="header-cover-image" href="<?php echo esc_url(
> bp_get_group_permalink() ); ?>"></a>`
> Members: `<a id="header-cover-image" href="<?php
> bp_displayed_user_link(); ?>"></a>`
>
> Possible fixes: add accessible text to the link or remove the link and
> replace with a `div`. Other possibilities welcome.
>
> Ref: [https://www.w3.org/TR/WCAG20/ WCAG 2.0] > Principle 2: Operable -
> User interface components and navigation must be operable. > 2.4 Provide
> ways to help users navigate, find content, and determine where they are.
> > [https://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-
> refs 2.4.4 Link Purpose (In Context)] which is consistent in the new
> [https://www.w3.org/TR/WCAG21/#link-purpose-in-context WCAG 2.1]

New description:

 Every link must have an accessible name or discernable text for assistive
 technologies. "If a link contains no text, the function or purpose of the
 link will not be presented to the user. This can introduce confusion for
 keyboard and screen reader users."

 Our cover image links have no link content:
 Groups: `<a id="header-cover-image" href="<?php echo esc_url(
 bp_get_group_permalink() ); ?>"></a>`
 Members: `<a id="header-cover-image" href="<?php bp_displayed_user_link();
 ?>"></a>`

 Possible fixes: add accessible text to the link or remove the link and
 replace with a `div`. Other possibilities welcome.

 Ref: [https://www.w3.org/TR/WCAG20/ WCAG 2.0] > Principle 2: Operable -
 User interface components and navigation must be operable. > 2.4 Provide
 ways to help users navigate, find content, and determine where they are. >
 [https://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-
 refs 2.4.4 Link Purpose (In Context)] which is consistent in the new
 [https://www.w3.org/TR/WCAG21/#link-purpose-in-context WCAG 2.1]

--

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/7747#comment:1>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac