Usability and accessibility » Cards
“Cards”, areas of multiple elements wrapped as a clickable link area, are a standard component in most website designs. To ensure them to be usable for all actually requires careful implementation.
Adrian Roselli thoroughly covers all the aspects — starting from why just packing everything in an anchor tag is a bad idea to the intrinsic details of implementing the best possible experience for assistive technology users:
My personal go-to implementation is that of Heydon Pickering:
A key issue with “cards” and similar UI elements: they sometimes have more than one link target (e.g. for meta data or category pages). This is addressed in implementations like that by Heydon Pickering; also discussed more specifically elsewhere:
I'm Sebastian, Sociologist and Interaction Designer aiming to bring together social science and design for inclusive, privacy-focused, and sustainable "human-first" digital strategies. This is my "digital garden" with carefully curated resources. For a more stream-like outlet, see my journal.
My occasionally sent email newsletter has all of the above, and there is of course also an RSS feed or my Mastodon/Fediverse profile.