Re: Redundant links in link list

The question of whether the list mark-up should be used with the card pattern is something I wonder about. When other developers have come to me for advice, I’ve usually told them that, generally speaking, it’s better to keep the list structure. Heydon offered these reasons in his article:

Screen readers provide shortcuts to lists and between list items

Screen readers enumerate the items so users know how many are available

I’m curious to know whether the presence of headings in the cards negates these advantages, or what others think about this in general.

Peter


--
Peter Weil
Web Developer
University Marketing, University of Wisconsin–Madison
608-220-3089


On Mar 1, 2022, at 5:37 AM, Steve Green <steve.green@testpartners.co.uk<mailto:steve.green@testpartners.co.uk>> wrote:


If the cards contain headings (as yours do), we recommend removing all the list mark-up because the headings provide sufficient semantic structure. If the cards do not contain headings, you should retain the list mark-up.

Steve Green
Managing Director
Test Partners Ltd


-----Original Message-----
From: Tobias Bengfort <tobias.bengfort@posteo.de<mailto:tobias.bengfort@posteo.de>>
Sent: 01 March 2022 10:51
To: w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>
Subject: Redundant links in link list

Hi,

a common pattern with media elements is to have the same link on an image and a heading. This makes it easier to use the link with the mouse, but for keyboard navigation this is just annoying.

I understand it is helpful to use tabindex="-1" on the image link to remove the redundant link from the tab order. Will this also remove the redundant links from link navigation in assistive technology, e.g. NVDA?
Or should I use role="none" in addition to the tabindex?

Demo: https://files.ce9e.org/redundant-links.html


thanks,
tobias