Bootstrap Italia

Definizione — Bootstrap Italia è la libreria front-end open source dell’ecosistema Design system .italia, promossa da Designers Italia/AgID per realizzare siti e servizi pubblici coerenti, inclusivi e riusabili. Fornisce componenti, layout e utilità costruiti su Bootstrap 5 e allineati alle Linee guida per i servizi digitali della PA. :contentReference[oaicite:5]{index=5}

Caratteristiche chiave

• Componenti UI pronti all’uso (header, nav, card, modali, tab, accordion, form) derivati dall’UI Kit e progettati per l’accessibilità.
• Accessibilità: pattern pensati per soddisfare WCAG 2.1 AA; resta comunque necessario HTML semantico, gestione del focus e degli stati ARIA. :contentReference[oaicite:6]{index=6}
• Documentazione e risorse del Design system .italia: fondamenti, componenti, contributo e kit di progettazione. :contentReference[oaicite:7]{index=7}

Versioni e aggiornamenti

• Il progetto è attivo con rilasci continui (es. ramo 2.x su Bootstrap 5). Verifica sempre la versione corrente nella documentazione ufficiale prima di integrare o aggiornare. :contentReference[oaicite:8]{index=8}

Buone pratiche d’uso

• Markup nativo prima di ARIA; segui i pattern di tastiera previsti (tablist, menù, dialog) e mantieni nome/ruolo/stato sincronizzati.
• Colori/contrasto: rispetta le palette/tokens del Design system e verifica 1.4.3/1.4.11 (testo/UI).
• Form: etichette associate, fieldset/legend, messaggi di errore/suggerimento con aria-describedby.
• QA: integra test automatici (axe/Lighthouse/Pa11y) e prove manuali con NVDA/VoiceOver.

Quando usarlo

• Progetti della Pubblica Amministrazione o di fornitori/partner che devono aderire al Design system .italia (coerenza, efficienza e inclusione). :contentReference[oaicite:9]{index=9}