italia / bootstrap-italia

Bootstrap Italia è un tema basato su Bootstrap 5 conforme alle "Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione"
https://italia.github.io/bootstrap-italia
BSD 3-Clause "New" or "Revised" License
305 stars 161 forks source link

Ordine dei contenuti per le card #1116

Open cfabry opened 1 month ago

cfabry commented 1 month ago

Versione di Bootstrap Italia

2.8.7

Comportamento attuale

Nelle card quando contengono anche la categoria, la sequenza delle informazioni non è corretta. Il titolo dovrebbe essere il primo elemento e tutti eventuali metadati (categoria, data, tags, ecc) dovrebbe essere collocati dopo. Questo perché nelle sequenze complesse di card, la sequenza si potrebbe perdere durante la lettura e l'utente potrebbe non distinguere più a cosa appartiene l'elemento che definiamo "categoria", che in realtà è un testo senza alcun valore semantico. Anche perché la suddivisione dei contenuti in "card" è solo visivo, semanticamente quello che conta è la sequenza delle informazioni; in questo contesto il titolo è l'unico elemento semantico che fa da spartiacque tra un blocco di contenuti e l'altro.

Possibili soluzioni

Spostare i metadati dopo il titolo. Evidentemente questo richiede un re-design della card. In alternativa, come soluzione temporanea minimale, sarebbe necessario inserire un alert lato accessibilità.

Fupete commented 1 month ago

Ciao @cfabry, ti segnalo che c'è già una issue dedicata a questa attività da un po' di tempo in backlog https://github.com/italia/bootstrap-italia/issues/1071 ci trovi anche la issue sulla repo design ui kit. Concordo che nel frattempo un alert potrebbe aiutare, ti va di proporre un contenuto? Usiamo l'altra issue per discuterne per favore per non disperdere le energie. Va bene in italiano anche.