Buttons

Quando usarlo

I pulsanti comunicano che l’interazione dà il via a un’azione o a un evento. Non dovrebbero essere utilizzati come elementi di navigazione.

Come usarlo

• Usa la variante primary per valorizzare l’azione principale
• Usa la variante secondary per valorizzare l’azione secondaria
• Usa pulsanti disabilitati con moderazione, assicurandoti che per l’utente sia chiaro come attivarli
• Per comunicare senza ambiguità la gerarchia delle azioni generate dai pulsanti, usa le varianti di grandezza e tipologia.
• Usa un pulsante con icona per aggiungere un’informazione visiva all’interazione (es. pulsante di accesso ad area riservata)

Attenzione a

• Non usare più di un pulsante primary nello stesso contesto di azione
• Non usare pulsanti primary per azioni di valore secondario
• Non usare i pulsanti all’interno di paragrafi di testo

Buone pratiche sui contenuti

• Le etichette di testo devono comunicare in maniera immediata, chiara e senza ambiguità il significato dell’azione
• Non usare etichette di testo troppo lunghe
• Prediligi etichette di testo che fanno riferimento a una sola azione alla volta
• Usa la seconda persona singolare (es. "Aggiungi un servizio")
• Usa la prima persona singolare nel caso di accettazione di termini e condizioni o modali informative (es. "Accetto" o "Ho capito")
• I pulsanti con sola icona potrebbero generare ambiguità: se possibile, aggiungi sempre un’etichetta di testo

Accessibilità

Lo stato delle verifiche di accessibilità effettuate sul componente Bootstrap Italia