Accessibile per design,
conforme per impostazione predefinita
Set completo di componenti UI accessibili e responsive secondo le linee guida WCAG 2.1 Livello AA e i requisiti dell'European Accessibility Act (EAA 2019/882). Progettato specificamente per i servizi digitali governativi e del settore pubblico in tutta Europa.
Scuro
Chiaro
Conformità all'accessibilità per la Pubblica Amministrazione
Implementa tutti i requisiti obbligatori di accessibilità per le applicazioni web del settore pubblico europeo ai sensi della EU Directive 2016/2102
Tema ad alto contrasto
Tema ad alto contrasto integrato con schema cromatico giallo su nero per gli utenti ipovedenti. Soddisfa il rapporto di contrasto WCAG AAA (7:1+). Attivabile tramite il pannello Impostazioni, mantenuto tra le sessioni.
Screen reader integrato
Screen reader integrato con controlli di riproduzione, pausa, avanti e indietro per la narrazione del contenuto della pagina. Etichette ARIA complete e HTML semantico. Compatibile con JAWS, NVDA, VoiceOver e TalkBack.
Navigazione da tastiera
Accessibilità completa da tastiera con indicatori di focus visibili. Link di salto al contenuto principale. Tutti gli elementi interattivi raggiungibili tramite il tasto Tab.
Dimensione area touch
Aree touch minime di 44x44 pixel su tutti gli elementi interattivi. Conforme a WCAG 2.5.5 (Livello AAA) per l'accessibilità motoria.
Riduzione del movimento
Opzione per disabilitare tutte le animazioni e le transizioni per gli utenti con disturbi vestibolari. Rispetta la preferenza di sistema prefers-reduced-motion.
Testo scalabile
Dimensione del carattere regolabile dal 75% al 150%. Controlli per interlinea e spaziatura delle lettere. Tutti i layout rimangono intatti con zoom al 200%.
Font Atkinson Hyperlegible
SP CORE utilizza Atkinson Hyperlegible come carattere principale — un font specificamente progettato per lettori ipovedenti dal Braille Institute. Le sue forme distintive delle lettere massimizzano il riconoscimento dei caratteri e la leggibilità per gli utenti con disabilità visive.
Impostazioni di visualizzazione utente
Tutte le preferenze di accessibilità sono centralizzate nel pannello Impostazioni. Le preferenze dell'utente vengono salvate in localStorage e applicate su tutte le pagine.
Libreria di componenti completa
Oltre 20 moduli pronti per la produzione — dai token di design fondamentali ai componenti interattivi complessi
Fondamenti
Componenti
17 moduliModuli
Costruito per la produzione
SP CORE è costruito senza dipendenze esterne, con JavaScript vanilla e un'architettura CSS pulita basata su BEM. Progettato per un'integrazione perfetta in qualsiasi progetto esistente.
.csg-
[data-theme]
Supporto browser
Testato e supportato su tutti i principali browser (ultime 2 versioni).