Affix

Elemento ancorato su schermata durante lo scorrere di una specifica sezione di pagina

Componenti

Metadati e link per approfondire

Utile per

Anteprima

Per visualizzare la funzionalità del componente potrebbe essere necessario utilizzare la scrollbar e/o cambiare la dimensione del browser.

Anteprima:
Inizio anteprima:Fine anteprima.

Quando usarlo

Gli affix sono elementi ancorati in una specifica area della schermata per facilitarne la visibilità e l’interazione utente. È utile soprattutto su pagine lunghe e 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

CaratteristicaStatoDescrizione

Visivamente accessibile

Pronto

Uso e contrasto dei colori, leggibilità

Amichevole con lettori di schermo

Pronto

Struttura titolazioni, etichette e testi alternativi

Navigabile

Pronto

Focus, struttura, navigazione da tastiera o altri device

Comprensibile

Pronto

Comprensibile, prevedibile, gestione semplice dell’errore

Stato del componente

Lo stato del presente componente nelle diverse librerie di design e sviluppo del design system

LibreriaStato componenteLink

UI Kit Italia (design)

Non presenteKitUI Kit Italia su Figma (si apre in una nuova finestra)

Bootstrap Italia

ProntoScheda documentazione (si apre in una nuova finestra)

React

Non presenteScheda Storybook (si apre in una nuova finestra)

Angular

Non presenteScheda documentazione (si apre in una nuova finestra)

Anatomia

Non presente.

Comportamento

Un affix rimane ancorato su schermata mentre si è su una specifica area della pagina. Allo scorrere completo dell’area di pagina, scorrerà anche l’affix. Un 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

Anteprima

Per visualizzare la funzionalità del componente potrebbe essere necessario utilizzare la scrollbar e/o cambiare la dimensione del browser.

Anteprima:
Inizio anteprima:Fine anteprima.

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici