Card

[bameyrick]

Use this place to discuss the card component in the ONS Design System

[dudelmeister]

This is just a suggestion - Currently the cards are a container of a link with a description - I can't help but feel as if the click area should be the entire card itself... How much research have we done on this component? I'm assuming it's tested ok?

[jrbarnes9]

Cards broken on iOS 10 and under:

[jrbarnes9]

The h3 font size on cards is too large for long titles

[jrbarnes9]

I suspect the aria-labelledBy and aria-describedBy attributes are not valid/required on the div because it's not an interactive element. Perhaps a hangover from the original implementation which was changed after DAC audit #1321 ?

[jrbarnes9]

To be reviewed by DAC in May2022 audit.

[Al-Davies]

Card - UR Findings:

• Descriptive text needs to be clear on what is contained within the links
• If it missing vital information, then users may ignore the link as the link title and description don't appear to be what they need.
• Headings need to be clear i.e. Cause of death is clear, but Population characteristics is vague.
• Help page on Census had a card titled 'How to complete the census' it held much more than this, like how to help others, when to complete it, moving house etc.
• Users scan pages looking for words, so any help text needs to be as wide-covering as possible to help explain the content that is available