Plugin per Figma per l'accessibilità del design
Individua i problemi di accessibilità prima ancora che venga scritta una sola riga di codice. Seleziona un layer in Figma e ottieni istantaneamente controlli WCAG su contrasto e dimensione del target, senza caricare nulla e senza token API.
Contrasto colore
Calcolo del contrasto WCAG AA/AAA con compositing alfa per i riempimenti semi-trasparenti. Risale i frame genitori per trovare lo sfondo effettivo, con la stessa formula dello scanner web.
Dimensione del target (WCAG 2.5.8)
Segnala gli elementi interattivi (nodi con una reazione di click o tap nel prototipo) sotto il minimo di 24×24px.
Non ancora sul marketplace della Figma Community. Il plugin è pienamente funzionante, ma non è ancora stata pubblicata una scheda sul marketplace. Nel frattempo installalo dal codice sorgente seguendo i passaggi qui sotto.
Installazione dal codice sorgente
- 1
Scarica il codice sorgente
Clona il repository di AccessiSight (oppure scarica la cartella packages/figma-plugin) sul tuo computer.
- 2
Apri il menu di sviluppo plugin di Figma
Nell'app desktop di Figma, vai su Menu → Plugins → Development → Import plugin from manifest…
- 3
Seleziona il manifest
Scegli il file manifest.json all'interno della cartella packages/figma-plugin che hai scaricato.
- 4
Eseguilo su una selezione
Seleziona uno o più layer di testo o interattivi nel tuo file, quindi esegui AccessiSight da Plugins → Development. I problemi appaiono istantaneamente al variare della selezione.
Domande frequenti sul plugin per Figma
Vuoi gli stessi controlli su un sito web pubblicato?
Esegui una scansione completa (o esegui la scansione di un intero sito) con l'applicazione web completa.
Scansiona un sito web