wai-tutorials icon indicating copy to clipboard operation
wai-tutorials copied to clipboard

Add a "Card" Pattern

Open weboverhauls opened this issue 6 years ago • 2 comments

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

weboverhauls avatar Jul 30 '18 19:07 weboverhauls

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

yatil avatar Aug 01 '18 09:08 yatil

@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 :-)

weboverhauls avatar Aug 01 '18 14:08 weboverhauls