Affix
Un elemento ancorato alla schermata durante lo scorrere di una pagina intera o di una specifica sezione, utile per i menu e gli indici
ComponentiMetadati e link per approfondire
Quando usarlo
Su pagine lunghe, può essere utile ancorare in una specifica area della schermata alcuni elementi per facilitare l’interazione utente soprattutto su mobile.
Come usarlo
- Per elementi come il gli indici di sezione, le azioni principali (pulsanti), i pulsanti di condivisione dei social network.
Attenzione a
- Non nascondere il contenuto di una pagina sotto un affix.
Buone pratiche sui contenuti
- In base all’elemento che viene ancorato con un Affix (pulsante, menu, icone), valgono le stesse considerazioni di contenuto valide per il componente specifico.
Accessibilità
Lo stato delle verifiche di accessibilità effettuate sul componente Bootstrap Italia
| Caratteristica | Stato | Descrizione |
|---|---|---|
Visivamente accessibile | Da verificare | Uso e contrasto dei colori, leggibilità |
Amichevole con lettori di schermo | Da verificare | Struttura titolazioni, etichette e testi alternativi |
Navigabile | Da verificare | Focus, struttura, navigazione da tastiera o altri device |
Comprensibile | Da verificare | Comprensibile, prevedibile, gestione semplice dell’errore |
Stato del componente
Lo stato del presente componente nelle diverse librerie di design e sviluppo del design system
| Libreria | Stato componente | Link |
|---|---|---|
UI Kit Italia (design) | Non presente | KitUI Kit Italia su Figma (si apre in una nuova finestra) |
Bootstrap Italia | Pronto | Scheda documentazione (si apre in una nuova finestra) |
React | Non presente | Scheda Storybook (si apre in una nuova finestra) |
Angular | Non presente | Scheda documentazione (si apre in una nuova finestra) |
Anatomia
Non presente.
Comportamento
Un elemento Affix rimane ancorato su schermata mentre si è su una specifica area della pagina. Allo scorrere completo dell’area di pagina, scorrerà anche l’elemento affix. Un elemento Affix può avere uno sviluppo verticale o orizzontale e può essere ancorato alla parte alta o alla parte bassa della schermata.
Specifiche di design
Non presenti.
Come iniziare
Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici
Come iniziare
Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici