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

[joedolson]

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.

[dufresnesteven]

@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!