pubblicità

Se stai lavorando sui progetti di web design, ne consegue che l’accessibilità Web dovrebbe essere una delle tue principali considerazioni per l’esperienza dell’utente. Se migliorare le pagine per gli utenti ipovedenti o assicurandosi che i tuoi riferimenti della pagina web rimanga efficaci sui dispositivi mobili, l’unico colore a volte può essere l’unico ostacolo tra te e un design davvero accessibile e inclusivo.

Uno dei più Considerazioni importanti è il rapporto di contrasto – o la relazione di luminanza tra elementi chiari e scuri (più spesso testo) nel design. Gli utenti che soffrono di alcune cognitive cognitive possono necessitare di un testo meno contrastante, mentre i lettori ipovedenti possono richiedere un’interfaccia utente molto contrastante nel design visivo che consumano.

Allo stesso modo, Daltonismo è anche una considerazione che richiede l’attenzione di qualsiasi Designer che implementa un processo di progettazione volto a un design giusto e accessibile.

La buona notizia è che c’è una maniglia. Di strumenti economici – anche gratis – elencati da Dribbbble, che può aiutarti a conoscere meglio il design per tutti, e come puoi aiutare le persone a vivere abbastanza il design che crei.

contrasto

contrasto

contrasto è un’applicazione MacOS che offre ai progettisti un modo, come suggerisce il nome, come suggerisce il nome Misurare il rapporto di contrasto delle scelte di colore per garantire che siano conformi alle linee guida di accessibilità dei contenuti Web (WCA G). Un’applicazione progettata per un feedback immediato senza essere un onere per il flusso di lavoro di progettazione, il contrasto fornisce anche una guida sul loro sito che funge da guida introduttiva ad alcuni standard di accessibilità WCAG.

L’applicazione agisce come a piccola barra dei menu che è possibile integrarsi in qualsiasi software di progettazione che si utilizza o spostare la barra dei menu attorno al desktop per utilizzarlo come una finestra fluttuante altrove sullo schermo.

Colore-safe

Se stai cercando un’opzione nel browser, Color Safe è uno strumento Web che consente ai progettisti di generare tavolozze di colore basate su standard WCAG per il rapporto di contrasto. Seleziona semplicemente il colore di sfondo, la famiglia del carattere, la dimensione e il peso dei caratteri del tuo progetto – oltre allo standard WCAG che stai cercando di raggiungere – e il colore sicuro genererà pallet che è possibile confrontare il rapporto di contrasto.

Tanaguru Contrast-Finder

Tanaguru Contrast-Finder è un facile strumento Web da utilizzare che consente di inserire semplicemente I tuoi colori in primo piano e il background preferito (in RGB o codice esadecimale) per controllare il rapporto di contrasto del tuo modello. Lo strumento consente di selezionare il rapporto di contrasto minimo desiderato durante la generazione di un elenco di colori adiacenti da valutare.

Queste alternative sono anche fornite con campioni in uso di dimensioni del testo, diversi rapporti di peso e contrasto, che ti danno Un’idea dei colori e delle scelte di testo che non saranno solo più accessibili, ma si adattano perfettamente nel tuo design globale.

Con i plugin per Adobe XD, Figma e Sketch, Stark è un plugin che offre una sequenza di strumenti per promuovere gli standard accessibili e il design inclusivo – direttamente dal software con cui i progettisti sono già Lavorando. Lo strumento di controllo di contrasto STARK consente ai progettisti di verificare che la loro tipografia e dimensione del carattere – in congiunzione con i colori di sfondo o il supporto del design visive – offrire la leggibilità necessaria e un contrasto sufficiente per armonizzare le linee guida di accessibilità.

In Premium, Stark aiuta anche a risolvere altri problemi di accessibilità, incluso il Daltonismo. L’applicazione consente ai progettisti di visualizzare il proprio lavoro nella simulazione di Daltonismo e apportare modifiche al loro sistema di progettazione.

Spectrum

Spectrum è anche uno strumento gratuito che può aiutarti a progettare i tuoi prodotti pensando ai Daltoniani.L’estensione gratuita di Google Chrome sviluppata da Yehor Lvivski, Spectrum consente inoltre ai progettisti di testare direttamente i loro siti su una gamma di oltre otto diverse versioni di carenze di visione del colore, tra cui una gamma di Daltonismo rosso-verde e blu-giallo.

Con oltre 200 milioni di persone compromesse visivamente nel mondo, l’accessibilità del Web dovrebbe essere una considerazione chiave in tutti i processi di progettazione. Ora che hai applicazioni pratiche nella tua casella degli strumenti, è il tuo turno di andare e fai web un posto più accessibile a tutti!

tramite dribbbbb

ti piace ? Suddividere ! :

Leave a comment

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *