search

italia / design-ui-kit

UI Kit Italia è la risorsa del design system .italia per costruire e prototipare siti internet e servizi digitali della Pubblica Amministrazione
https://designers.italia.it/design-system/come-iniziare/per-designer
Creative Commons Attribution 4.0 International
163 stars 27 forks source link

Review `card` component and its variants #115

Open Fupete opened 7 months ago

Fupete commented 7 months ago

Does a discussion already exist on the topic you are interested in, or on a similar topic?

What

In light of the accessibility design and development work done on cards in projects such as Designers Italia and the latest site models (ASL), there is a need to revisit the design of cards and update it: particularly with respect to elements order, correct semantics, heading tips, keyboard focus handling, card clusters on mobile devices.

The opportunity should also be taken to do this in a coordinated way with the card variants available on Bootstrap Italia and in the other development frameworks.

Why

Accessibility and consistency.

Context

Bootstrap Italia cards: https://italia.github.io/bootstrap-italia/docs/componenti/card/ Designers Italia cards: https://designers.italia.it/community/ ...

More

Twin issue on Bootstrap Italia: https://github.com/italia/bootstrap-italia/issues/1071

stale[bot] commented 5 months ago

Questo problema è stato automaticamente contrassegnato come non aggiornato perché non ha avuto attività recentemente. Sarà chiuso se non si verificano ulteriori attività.

Fupete commented 5 months ago

Not stale

Fupete commented 1 day ago

Articolo interessante sul tema: https://medium.com/@chiaracielo/card-accessibili-by-design-921fffdfd030