Add a "Card" Pattern

[weboverhauls]

Requesting the addition of a card pattern. This is typically a repeated section with an image, heading, and text. The whole area is clickable which creates accessibility issues from the nature of the design (for example, the label is much too verbose) and how it's technically implemented (for example, mouse click only).

Examples/articles:
https://inclusive-components.design/cards/
http://ebay.github.io/mindpatterns/navigation/tile/index.html

[yatil]

@weboverhauls Thanks for opening the issue. Anything you think is missing from the articles you quoted, or is this mostly about the desire for WAI to also add something?

[weboverhauls]

@yatil Mostly to add it. It's a very common pattern and would be great to confirm/clarify technique. It would be great for the tutorial, especially since they're written more succinctly and clearly than other resources :-)