- From: Steve Green <steve.green@testpartners.co.uk>
- Date: Tue, 1 Mar 2022 11:37:59 +0000
- To: Tobias Bengfort <tobias.bengfort@posteo.de>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Your demo contains what we refer to as "cards" or "tiles". The best design pattern I have found is at https://heydon.github.io/Inclusive-Components/cards-pseudo-content/. There is a lengthy explanation at https://inclusive-components.design/cards/. 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> Sent: 01 March 2022 10:51 To: 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
Received on Tuesday, 1 March 2022 11:38:15 UTC