Share
Iniziamo ponendo alcune domande.
Una guida di stile è un documento di progettazione che può essere utilizzato per stabilire una serie di standard quando si creano collateral o interfacce utente per un'azienda, in pratica qualsiasi prodotto o manufatto prodotto per l'azienda.
È possibile creare una guida di stile per uno sviluppatore, in modo che conosca le specifiche su cosa costruire o un progettista in modo da comprendere le considerazioni sulla progettazione e l'immagine più ampia. Potrebbe anche essere utilizzato in modo più ampio all'interno di un'organizzazione per fornire guida e chiarezza durante la creazione di nuovi documenti.
L'accessibilità garantisce che i tuoi progetti seguano uno standard condiviso e siano accessibili a una vasta gamma di persone, come quelle con disabilità fisiche o cognitive.
Una guida di stile è un ottimo modo per rafforzare la coerenza attraverso i tuoi progetti. Si assicura di avere una solida base su cui lavorare. Quando parliamo di guide di stile, normalmente pensiamo all'integrità del logo, alla tipografia, al colore. Ma per quanto riguarda l'accessibilità? Considera i seguenti casi per l'utilizzo di una guida di stile sull'accessibilità:
Una guida di stile dà la direzione. Ad esempio, invece di dover creare un modello perfetto di pixel ogni volta che si progetta un modulo, uno sviluppatore potrebbe preferire fare riferimento a una guida all'accessibilità per decidere come crearlo. Quando si impostano le linee guida per l'accessibilità, è possibile includere istruzioni su quali tipi di controllo modulo utilizzare e quando.
Il SEO è un'altra ragione per cui i progettisti devono essere consapevoli dell'accessibilità. Ad esempio, posizionare il testo all'interno di un'immagine significa che gli screen reader non saranno in grado di accedervi e Google penalizzerà il tuo sito Web per i contenuti con scarsa marcatura. Rendere accessibile il tuo sito web ha il risultato positivo aggiunto di aiutare il SEO.
L'accessibilità è una parte importante di UX; dopotutto, non tutti sperimenteranno un prodotto allo stesso modo. Colori contrastanti possono indirizzare un utente attraverso un flusso previsto, ma qualcuno che non è in grado di distinguere quei colori contrastanti può trovare l'esperienza non intuitiva. Anticipare gli ostacoli all'usabilità e pianificare per loro una guida allo stile di accessibilità è una buona pratica.
Hand off è un perfetto esempio di quando si cerca di utilizzare una guida di stile di accessibilità. Potresti lavorare in base a un contratto e cercare di legare le cose per il prossimo appaltatore o agenzia che entra per riprendere da dove hai lasciato. Dai alla prossima linea di lavoratori una visione del tuo pensiero dal punto di vista dell'accessibilità.
I moduli hanno un certo numero di euristiche o regole empiriche associate all'accessibilità. Come è costruito un modulo è molto importante. Quando è stata l'ultima volta che hai inserito un elemento con a ? I dettagli di markup come questo sono davvero utili per le tecnologie assistive.
Parlando visivamente potresti considerare la vicinanza delle etichette per formare input. Un altro esempio potrebbe essere l'allineamento e il modo in cui vengono visualizzati sui dispositivi mobili.
Tocca la dimensione del bersaglio è molto importante. Sui dispositivi mobili e tablet l'utente dovrebbe avere la quantità ottimale di spazio per selezionare un elemento del pulsante. Se è troppo piccolo, è probabile che pensino che il sistema sia in ritardo o che il collegamento potrebbe non funzionare! Idealmente ti piacerebbe che un bersaglio fosse alto circa 44 punti e largo, in modo che fosse possibile toccarlo con un dito.
C'è abbastanza contrasto di colore sugli elementi nella tua pagina? Il testo è leggibile contro certe foto? È importante considerare che molte persone soffrono di problemi alla vista o sono in qualche modo persuasive daltonici.
Il testo di piccole dimensioni è un altro problema comune, in particolare per gli anziani. Gli sviluppatori devono definire le interfacce utente per la flessibilità, in modo che gli utenti che hanno difficoltà a leggere il testo possano ingrandire e rimpicciolire. Se stai progettando un'applicazione, devi creare un layout che si adatti allo schermo del dispositivo. Gli utenti dovrebbero evitare qualsiasi controllo in cui l'utente deve ingrandire o scorrere orizzontalmente.
Inoltre, la dimensione del testo deve essere almeno di 11 punti, in modo che sia leggibile. Idealmente, si desidera che l'utente medio eviti di utilizzare lo zoom avanti e indietro per leggere il contenuto.
Il degrado aggraziato si riferisce all'efficacia del prodotto quando qualcuno ha una connessione più lenta, diverse dimensioni dello schermo, diversa risoluzione, un browser diverso o addirittura restrizioni sul proprio browser. La consapevolezza di questi vincoli e limitazioni può aiutare la tua organizzazione a determinare se il pubblico può ancora accedere ai tuoi contenuti con uno qualsiasi di questi vincoli imposti. La maggior parte dei fallimenti non sono sorprese scioccanti. Si tratta di eventi prevedibili che è possibile pianificare, anziché desiderarli come incidenti imprevedibili rari.
Se stai conducendo una valutazione dell'usabilità, puoi usare ciò che hai osservato; i problemi di accessibilità in tutto il sistema possono aiutare a delineare le regole di accessibilità nella guida allo stile. Ad esempio, se hai utilizzato metriche di test come errori critici e ritieni che si stiano verificando a causa del contrasto di colore, tocca i problemi di dimensionamento o qualsiasi altro problema di accessibilità, includilo nella tua guida di stile sull'accessibilità. È molto più probabile che esempi altamente pertinenti diano maggiore credibilità al tuo documento e acquisti dalle parti interessate.
Le guide di stile sono all'ordine del giorno. Le guide allo stile di accessibilità non sono così comuni, ma non dovrebbero essere trascurate. In effetti possono essere critici in alcuni casi. Tuttavia, sono anche utili quando si pensa all'esperienza utente generale. Contrasto di colore, dimensioni del target di tocco ed elementi del modulo sono tutti potenziali per problemi se non eseguiti correttamente.
Accentsconagua