10 najboljih WordPress tema za pristupačnost

Izgradnja pristupačnih web-mjesta koja ne isključuju osobe s različitim vrstama invaliditeta postala je više zahtjev u web dizajnu u posljednjih nekoliko godina. Ovih dana teško je dobiti vladin ugovor bez brige o digitalnoj inkluzivnosti, a mnoge poznate tvrtke kao što su Microsoft, Apple i Google također pristupačnost smatrati prioritetom.

WordPress kao vodeći sustav za upravljanje sadržajem i platforma za bloganje također je na prvoj liniji razvoja pristupačnosti. Tim za WordPress A11y (Pristupačnost) je zauzet izradom platforme dostupnom što većem broju ljudi, a čak su i objavili veliki Priručnik o pristupačnosti za WordPress za programere.

Pregled dostupnosti

Pregled pristupačnosti je izborna faza u postupku pregleda WordPress teme. Ako poslana tema koristi Dostupnost spreman oznaka, tim za pregled će ga provjeriti u odnosu na smjernice za pristupačnost kako bi se osiguralo da su teme koje se promoviraju kao spremne za pristupačnost zaista tako.

U ovom postu ćemo pogledati 10 najboljih WordPress tema koje su spremne za pristupačnost i koje će vam pomoći da izgradite digitalno uključive WordPress stranice.

Najbolje WP teme za pristupačnost

U ovoj zbirci nismo samo obratili pozornost na to da li tema ima oznaku spremnosti za pristupačnost u WordPress repozitoriju, također smo uzeli u obzir je li zadovoljila glavna načela dizajna pristupačnosti.

Izostavili smo neke (inače sjajne) teme koje su koristile premali omjer kontrasta boja, izbornike hamburgera na veličinu radne površine ili druge prakse vizualnog dizajna koje mogu utjecati na pristupačnost za određene grupe osoba s invaliditetom.

1. Neograničeno

Neograničeno je pažljivo dizajnirana, općenita namjena WordPress teme s desne strane. Brzo se učitava i koristi visoki omjer kontrasta boje (bijela i svijetlo siva u odnosu na tamno sivu) koja odgovara potrebama korisnika s oštećenjem vida.

Widgeti na bočnoj traci su pametni označene tamnim sivim gornjim rubovima. Elementi suptilnog vizualnog dizajna pomažu korisnicima da brzo shvate sadržaj; samo pogledajte pametno naglašene meta informacije (datum, autor, broj komentara) na dnu istaknute slike u svakom postu.

Na demo web-stranici možete vidjeti kako izgleda Unlimited kada je u potpunosti postavljen.

2. Simone

Simone ima prilično jednostavan dizajn ogromne slike i ekranizirana, skalabilna tipografija koja se lako čita na svakoj veličini zaslona. Tema pomaže korisnicima s tjelesnim invaliditetom pristupite navigaciji preko njihovih tipkovnica.

Možete prilagoditi mnoge značajke Simonea, kao što su položaj bočne trake (lijevo ili desno), zaglavlje, pozadinu, boje veza i mnoge druge. To je također prijevod spreman, i već je preveden na mnoge jezike

Pročitajte više o Simone na njegovoj demo stranici.

3. Dostupan Zen

Dostupan Zen je minimalistički, jedna kolona tema smanjuje broj smetnji koliko je to moguće i stavlja sadržaj u fokus. Autor je na svom blogu podijelio paletu boja koju je koristio. Ispunjava AA razinu Smjernica za pristupačnost web-sadržaja (WCAG 2.0).

Jedinstvena stvar o ovoj temi je nema glavnog izbornika u zaglavlju, tako da posjetitelji mogu odmah doći do sadržaja - to može biti idealno rješenje za korisnike čitača zaslona. Hiperlinkovi su pametno podcrtani isprekidane linije i okretati se lebdeći, što je također izvrsno rješenje za pristupačnost

Ako ste zainteresirani za usredotočen na sadržaj, minimalistički blog temu, provjerite pristupačni Zen uživo.

4. Zalihe

Stock WordPress tema je elegantna crno-bijelo zaglavlje koji uključuje središnji glavni izbornik. Uparivanje crno-bijelog je uvijek odličan izbor za web-lokacije spremne za pristupačnost, budući da ove dvije boje imaju najveći omjer kontrasta boje koji je 21: 1.

Dizajn je sasvim minimalistički, a tema je prijevod spreman i ponude Podrška jezika RTL (s desna na lijevo), tako da može biti dobra svijest za roditeljsku temu pristupačne dječje teme.

Možete provjeriti trenutnu fazu razvoja na Stock's Github stranici.

5. Apex

Apex posjećuje posjetitelje logički strukturiran sadržaj i ogromne istaknute slike koji čine stranicu impresivnom i profesionalnom. Gornja navigacija se sastoji od a Glavni izbornik s lijeve strane, i a izbornik društvenih medija s desne strane, što olakšava navigaciju kroz web-lokaciju za osobe s invaliditetom i pomoćne uređaje.

Isječci na početnoj stranici slijede user-friendly gumbe "Nastavi čitati" koji su lijepo istaknuto i potiče čitatelje da nastave. Možete vidjeti kako Apex izgleda na svojoj demo stranici.

6. Mali okvir

Trebalo je 9 mjeseci da autor Tiny Frameworka stvori ovu zanimljivu WordPress temu spremnu za pristupačnost. Tiny Framework je dovoljno fleksibilan da bi se mogao koristiti kao nadređena tema ako želite brzo razviti pouzdanu temu za djecu koja vodi računa o potrebama osoba s invaliditetom.

Tiny Framework tema koristi a paleta boja visokog kontrasta s crnom, narančastom i zelenom bojom. Blockquotes, naslovi i sve veze imaju različite boje, što značajno povećava čitljivost sadržaja. Gumbi su također lako uočljivi, a tema ima previše energičan i živopisan izgled, ali ne na nametljiv način.

7. Kuorinka

Kuorinka opterećenja jako brzo i ne nudi samo podršku za pristupačnost, nego također uključuje mikropodaci schema.org. Koristi krušne mrvice kako bi podržao glavnu navigaciju, što je uvijek dobra ideja u dizajnu pristupačnosti. Kuorinka omogućuje korisniku na vrh stranice dodajte kratke informacije koji mogu pomoći posjetiteljima razumjeti najvažniju poruku koju vlasnik web-lokacije želi prenijeti.

Naslovi bočne trake i widgeta podnožja su svijetloplave pozadine koja uvelike pomaže vizualnoj segmentaciji sadržaja. Na demo web-lokaciji možete vidjeti druge zanimljive značajke kao što je klizač kojim upravlja korisnik, 3 različita izgleda (jedan stupac, lijeva bočna traka, desna bočna traka) i mnoge druge.

8. Aaron

Aaron je odličan izbor za web-lokaciju tvrtke koja je spremna za pristupačnost. Ono ima ogroman gumb poziva na akciju na početnoj stranici koja odmah privlači oči posjetitelja. Tema ima a visoki kontrast boja, ali morate obratiti pozornost na to pažljivo birajte pozadinsku sliku na početnoj stranici kako biste zadržali čitljivost istaknutih elemenata i gumba.

Aaron ima izbornik pogodan za tipkovnicu na vrhu stranice koje podržava praktični okvir za pretraživanje na desnoj strani. Tema se može koristiti i za web-mjesto e-trgovine, jer dobro funkcionira s web-lokacijom Dodatak za WooCommerce.

9. Prodavaonica

Prodavaonica je fleksibilna ponuda e-trgovine WooCommerce integracija i visoka prilagodljivost. Najvažnije informacije, kupljeni proizvodi u košarici i njihove cijene su pored glavnog izbornika na vrhu stranice što temu čini nevjerojatno razumljivom.

Na demo stranici možete vidjeti opcionalnu zaglavlje koje sadrži a vrlo vidljiv gumb poziva na radnju. Proizvodi su razvrstane u različite kategorije koji pomaže posjetiteljima s invaliditetom pomoću čitača zaslona i drugih pomoćnih tehnologija da brzo razumiju što se prodaje na web-lokaciji.

Storefront ima elegantnu temu za djecu pod nazivom Boutique za predstavljanje prestižnijih proizvoda koji također imaju podršku za pristupačnost.

10. Autor

Autor je lijepo dizajnirana, brza i pristupačna WordPress tema s lijevom bočnom trakom. Bočna traka koristi tamnu pozadinu s bijelim slovima, što osigurava visoki kontrast boja. hiperlinkovi su podcrtani tako da ih je lako prepoznati.

zaglavlja koriste serif slovo što olakšava čitljivost. Na jednom predlošku posta prijašnji i Sljedeći su postovi označena svijetlo sivom pozadinom koja potiče korisnike da pročitaju više postova na web-lokaciji.