10 migliori temi per WordPress compatibili con accessibilità
Costruire siti Web accessibili che non escludono persone con diversi tipi di disabilità è diventato più un requisito nel web design negli ultimi anni. In questi giorni è difficile ottenere un contratto governativo senza occuparsi dell'inclusività digitale e anche molte aziende note come Microsoft, Apple e Google trattare l'accessibilità come una priorità.
WordPress come sistema leader di gestione dei contenuti e piattaforma di blogging è anche in prima linea nello sviluppo dell'accessibilità. Il team di WordPress A11y (Accessibility) è impegnato a rendere la piattaforma disponibile a quante più persone possibile e ha persino pubblicato un ottimo manuale sull'accessibilità di WordPress per gli sviluppatori.
La revisione dell'accessibilità
La revisione dell'accessibilità è una fase facoltativa del processo di revisione del tema WordPress. Se un tema inviato utilizza il l'accessibilità-ready tag, il team di revisione lo controllerà in base alle linee guida sull'accessibilità per garantire che i temi che si promuovono come pronte per l'accessibilità siano davvero così.
In questo post daremo uno sguardo ai 10 migliori temi WordPress pronti per l'accessibilità per aiutarti a creare siti WordPress digitalmente inclusivi.
I migliori temi WP compatibili con accessibilità
In questa raccolta non abbiamo solo prestato attenzione al fatto che un tema avesse il tag di accessibilità nel repository di WordPress, abbiamo anche preso in considerazione se ha soddisfatto i principi fondamentali della progettazione dell'accessibilità.
Abbiamo omesso alcuni temi (altrimenti eccezionali) che utilizzavano rapporti di contrasto del colore troppo bassi, menu di hamburger su dimensioni desktop o altre pratiche di progettazione visiva che potrebbero influire sull'accessibilità per determinati gruppi di persone disabili.
1. Illimitato
Illimitato è un tema WordPress progettato con cura e generico con una barra laterale destra. Si carica rapidamente e utilizza un elevato rapporto di contrasto del colore (bianco e grigio chiaro o grigio scuro) che soddisfa le esigenze degli utenti ipovedenti.
I widget della barra laterale sono elegantemente evidenziato dai bordi superiori grigio scuro. Elementi di design visivo sottili aiutano gli utenti a capire rapidamente il contenuto; dai un'occhiata alle metamorfosi intelligentemente enfatizzate (data, autore, numero di commenti) nella parte inferiore dell'immagine in vetrina ad ogni post.
Sul suo sito demo puoi vedere come appare Unlimited quando è completamente configurato.
2. Simone
Simone ha un design abbastanza semplice con immagini enormi e la tipografia scalabile e focalizzata sullo schermo, facile da leggere su ogni dimensione dello schermo. Il tema aiuta gli utenti disabili accedere alla navigazione tramite le loro tastiere.
È possibile personalizzare molte funzioni di Simone come la posizione della barra laterale (sinistra o destra), l'intestazione, lo sfondo, i colori dei collegamenti e molti altri. È anche traduzione-ready, ed è già tradotto in molte lingue
Leggi di più su Simone sul suo sito demo.
3. Zen accessibile
Lo Zen accessibile è un tema minimalista a una colonna riduce il numero di distrazioni per quanto è possibile, e mette il contenuto al centro dell'attenzione. L'autore ha condiviso sul suo blog la tavolozza dei colori che ha usato. Risponde al livello AA delle linee guida per l'accessibilità del contenuto Web (WCAG 2.0).
La cosa unica di questo tema che c'è nessun menu principale nella sezione intestazione, in modo che i visitatori possano accedere al contenuto in una sola volta, può essere una soluzione ideale per gli utenti di screen reader. I collegamenti ipertestuali sono elegantemente sottolineati con linee tratteggiate e diventa solido in bilico, che è anche un'ottima soluzione per l'accessibilità
Se sei interessato a a incentrato sui contenuti, minimalista tema del blog, dai un'occhiata a Accessible Zen live.
4. Stock
Il tema Stock WordPress ha un elegante intestazione in bianco e nero che include un menu principale centrato. L'abbinamento in bianco e nero è sempre un'ottima scelta per i siti pronti per l'accessibilità, in quanto questi due colori hanno il più alto rapporto di contrasto del colore 21: 1.
Il design è abbastanza minimalista, e il tema è traduzione-ready e offerte Supporto per la lingua RTL (da destra a sinistra), quindi può essere un buon candito per essere un tema padre di un tema figlio accessibile.
Puoi controllare la fase attuale dello sviluppo sulla pagina Github di Stock.
5. Apice
L'apice coinvolge i visitatori con a contenuto logicamente strutturato e enormi immagini in primo piano che rendono il sito impressionante e professionale. La navigazione superiore consiste di a menu principale sul lato sinistro, e a menu dei social media sulla destra, che rende facile e immediato navigare nel sito sia per le persone disabili che per i dispositivi di assistenza.
Gli estratti sulla home page sono seguiti da tasti "Continua a leggere" user-friendly che sono splendidamente evidenziato e incoraggia i lettori ad andare avanti. Puoi vedere come appare Apex sul suo sito demo.
6. Quadro minuscolo
Ci sono voluti non meno di 9 mesi per l'autore del Tiny Framework per creare questo tema WordPress coinvolgente e pronto per l'accessibilità. Il Tiny Framework è abbastanza flessibile da essere utilizzato come tema principale se vuoi sviluppare rapidamente un tema figlio affidabile che presta attenzione alle esigenze delle persone disabili.
Il tema Tiny Framework utilizza a tavolozza dei colori ad alto contrasto con colori nero, arancio e verde. blockquotes, intestazioni e i link hanno tutti colori diversi, che aumenta la leggibilità del contenuto in modo significativo. I pulsanti sono anche facilmente visibili, e il tema ha un aspetto abbastanza energico e vivace, ma non in modo invadente.
7. Kuorinka
Kuorinka carica molto velocemente e non offre solo supporto per l'accessibilità, ma include anche schema.org microdata. Utilizza i breadcrumb per supportare la navigazione principale, che è sempre una buona idea nel design dell'accessibilità. Kuorinka consente all'utente di aggiungi brevi informazioni nella parte superiore della pagina che può aiutare i visitatori a comprendere il messaggio più importante che il proprietario del sito desidera trasmettere.
I titoli della barra laterale e dei widget del piè di pagina sono evidenziato con uno sfondo azzurro questo aiuta notevolmente la segmentazione visiva del contenuto. Sul sito demo puoi vedere altre interessanti funzionalità come a cursore controllato dall'utente, 3 diversi layout (una colonna, barra laterale sinistra, barra laterale destra) e molti altri.
8. Aaron
Aaron è un'ottima scelta per un sito Web aziendale pronto per l'accessibilità. Ha un enorme pulsante di invito all'azione sulla home page che afferra gli occhi dei visitatori in una sola volta. Il tema ha a alto rapporto di contrasto dei colori, ma è necessario prestare attenzione a Scegli con cura l'immagine di sfondo nella home page per mantenere la leggibilità delle alte luci e dei pulsanti.
Aaron ha un menu a tastiera nella parte superiore del sito supportato da a utile casella di ricerca Sul lato destro. Il tema può essere utilizzato anche per un sito di e-Commerce, in quanto funziona bene con Plugin WooCommerce.
9. Storefront
Storefront è un'offerta di tema e-commerce flessibile Integrazione con WooCommerce e alta personalizzazione. Le informazioni più importanti, i prodotti acquistati nel carrello e i loro prezzi, sono proprio accanto al menu principale nella parte superiore del sito che rende il tema incredibilmente facile da usare.
Sul sito demo è possibile vedere l'immagine dell'intestazione opzionale che contiene a pulsante di invito all'azione molto visibile. I prodotti sono assortiti in diverse categorie che aiuta i visitatori disabili che utilizzano screen reader e altre tecnologie assistive a capire rapidamente cosa è in vendita sul sito.
Storefront ha un tema bambino elegante chiamato Boutique per presentare prodotti più prestigiosi che ha anche il supporto dell'accessibilità.
10. Autore
L'autore è un tema WordPress dal design accattivante, veloce e accessibile con una barra laterale sinistra. La barra laterale utilizza uno sfondo scuro con lettere bianche, che garantisce l'elevato rapporto di contrasto del colore. Il i collegamenti ipertestuali sono sottolineati quindi è facile riconoscerli.
Il i titoli usano un carattere tipografico serif che facilita la leggibilità. Sul modello a singolo post il precedente e Il prossimo i post sono evidenziato con uno sfondo grigio chiaro che incoraggia gli utenti a leggere più post sul sito.