Making WordPress.org

Opened 7 weeks ago

Closed 6 weeks ago

#7553 closed defect (bug) (fixed)

Website Redesign / Plugin Directory / A11y / block level card link

Reported by: joedolson's profile joedolson Owned by: dufresnesteven's profile dufresnesteven
Milestone: Priority: normal
Component: Plugin Directory Keywords:
Cc:

Description

See: https://test.wordpress.org/plugins/?plugin_business_model=community

The block level card links in use create a number of accessibility problems.

1) For screen reader users, each line of text is read in browse mode as a separate link. A "line" is generally any separable piece of text, so, for example, the left parenthesis, number, screen reader text, and right parenthesis in the plugin ratings count are each read as an independent link.

2) For screen reader users, each link is read in its totality when browsed using the tab key. This means that the reading process is extremely verbose, creating a very poor experience for screen reader users.

3) For voice command users, it is extremely difficult to figure out how to trigger a block level link by command, because it is not obvious what text will select the link.

4) If a user wants to select any text within the block, they are unable to do so unless they begin their selection outside of the block, because the link overlays the text.

Because this link contains many important pieces of structured text: ratings, counts, author, installation status, etc., I think the use of a block level link makes the interface significantly more difficult to understand.

Change History (3)

#1 @dufresnesteven
7 weeks ago

  • Owner set to dufresnesteven
  • Status changed from new to assigned

#2 @dufresnesteven
7 weeks ago

@joedolson I made some changes in r13457 to not use an anchor tag as a wrapper.

Can you test and identify any remaining issues? Many thanks!

#3 @dd32
6 weeks ago

  • Resolution set to fixed
  • Status changed from assigned to closed
Note: See TracTickets for help on using tickets.