10 parasta esteettömyys-valmis WordPress -teemaa

Verkkosivujen suunnittelussa on viime vuosina vaadittu enemmän sellaisten verkkosivustojen rakentamista, jotka eivät sulje pois erilaisia ​​vammaisia ​​ihmisiä. Nykyään on vaikea saada julkista sopimusta huolimatta digitaalista osallisuutta ja monia tunnettuja yrityksiä, kuten Microsoft, Apple ja Google. käsittele saavutettavuutta ensisijaisena.

WordPress on johtava sisällönhallintajärjestelmä ja blogointifoorumi myös esteettömyyden kehittämisen etulinjassa. WordPress A11y (Accessibility) -tiimi on kiireinen, jotta foorumi on saatavilla mahdollisimman monelle ihmiselle, ja he ovat jopa julkaisseet suuren WordPress-käsikirjan..

Saavutettavuuden arviointi

Helppokäyttöselvitys on valinnainen vaihe WordPress-teeman tarkistusprosessissa. Jos lähetetty teema käyttää saavutettavuus-ready tag, tarkistusryhmä tarkistaa sen esteettömyyssuuntaviivojen avulla varmistaakseen, että aiheita, jotka edistävät itseään esteettömyyteen, ovat todella.

Tässä viestissä tarkastelemme 10 parasta esteettömyyttä käyttävää WordPress-teemaa, joiden avulla voit rakentaa digitaalisesti kattavia WordPress-sivustoja.

Paras esteettömyys-valmis WP -teemat

Tässä kokoelmassa emme vain kiinnittäneet huomiota siihen, onko teemalla esteettömyystunnus WordPress-arkistossa, vaan otimme huomioon myös onko se saavuttanut saavutettavuuden suunnittelun pääperiaatteet.

Jätimme pois joitakin (muuten suuria) teemoja, joissa käytettiin liian alhaisia ​​värikontrastisuhteita, työpöydän kokoisia hampurilaisia ​​valikoita tai muita visuaalisen suunnittelun käytäntöjä, jotka saattavat vaikuttaa esteettömyyteen tietyille vammaisten ryhmille.

1. Rajoittamaton

Rajoittamaton on huolellisesti suunniteltu, yleiskäyttöinen WordPress-teema, jossa on oikea sivupalkki. Se ladataan nopeasti ja käyttää suurta värikontrastisuhdetta (valkoinen ja vaaleanharmaa tai tummanharmaa), joka vastaa näkövammaisten käyttäjien tarpeita.

Sivupalkin widgetit ovat fiksuja tummat harmaat ylärajat. Hienot visuaaliset elementit auttavat käyttäjiä ymmärtämään sisällön nopeasti; katsokaa älykkäästi korostettua metatietoa (päivämäärä, kirjoittaja, kommenttien lukumäärä) kunkin kuvan alareunassa olevasta kuvasta.

Demo-sivustolla näet, miten Unlimited näyttää, kun se on täysin perustettu.

2. Simone

Simonella on melko yksinkertainen muotoilu valtavia kuvia ja näyttökeskeinen, skaalautuva typografia, jota on helppo lukea jokaisella näytön koolla. Teema auttaa fyysisesti vammaisia ​​käyttäjiä pääset navigointiin näppäimistön kautta.

Voit mukauttaa Simonin monia ominaisuuksia, kuten sivupalkin asentoa (vasen tai oikea), otsikkoa, taustaa, linkkien värejä ja monia muita. Se on myös käännös-ready, ja se on jo käännetty moniin kieliin

Lue lisää Simonesta demo-sivustollaan.

3. Esteetön Zen

Esteetön Zen on minimalistinen, yhden sarakkeen teema vähentää häiriötekijöiden määrää niin paljon kuin se on mahdollista, ja asettaa sisällön keskittymään. Kirjoittaja jakoi blogissaan käyttämänsä värivalikoiman. Se täyttää verkkosisällön esteettömyyden suuntaviivojen (WCAG 2.0) AA-tason.

Ainutlaatuinen asia tästä aiheesta on ei ole päävalikkoa otsikon osassa, joten kävijät voivat päästä sisältöön heti - se voi olla ihanteellinen ratkaisu näytönlukijan käyttäjille. Hyperlinkit korostuvat älykkäästi katkoviivat ja käänny vankka päälle, joka on myös erinomainen esteettömyysratkaisu

Jos olet kiinnostunut a sisällöllinen, minimalistinen blogi-teema, tutustu kohteeseen Zen live.

4. Varasto

Stock WordPress-teema on tyylikäs musta ja valkoinen otsikko joka sisältää keskitetyn päävalikon. Musta ja valkoinen yhdistäminen on aina loistava valinta esteettömyyteen sopiville sivustoille, sillä näillä kahdella värillä on korkein värikontrastisuhde, joka on 21: 1.

Suunnittelu on melkoinen minimalistinen, ja teema on käännös-ready ja tarjoukset RTL (oikealta vasemmalle) kielituki, joten se voi olla hyvä kynttilä, koska se on vanhemman teema, joka on saatavilla lapsen teemalla.

Voit tarkistaa Stock: n Github-sivun kehityksen nykyisen vaiheen.

5. Apex

Apex houkuttelee kävijöitä a loogisesti jäsennetty sisältö ja valtavia kuvia että sivusto näyttää vaikuttavalta ja ammattimaiselta. Alkuun navigointi koostuu a päävalikko vasemmalla puolella, ja a sosiaalisen median valikko oikealla, mikä helpottaa ja yksinkertaistaa navigoida sivuston kautta sekä vammaisille että apuvälineille.

Kotisivun otteita seuraa käyttäjäystävällinen "Jatka lukemista" -painikkeita jotka ovat kauniisti korostettu ja houkuttelee lukijoita jatkamaan. Voit nähdä, miten Apex näyttää demo-sivustollaan.

6. Pieni kehys

Tiny Frameworkin laatija kesti vähintään yhdeksän kuukautta aikaa luoda tämä mielenkiintoinen ja esteettömästi valmis WordPress-teema. Pienet puitteet ovat riittävän joustavia, jotta niitä voidaan käyttää vanhempana, jos haluat nopeasti kehittää luotettavan lapsiteeman, joka kiinnittää huomiota vammaisten tarpeisiin.

Tiny Framework -teema käyttää a korkean kontrastin värivalikoima musta, oranssi ja vihreä väri. Blockquotes, otsikot ja linkeillä on eri värit, joka lisää sisällön luettavuutta merkittävästi. Painikkeet ovat myös helposti havaittavissa, ja teemalla on ylivoimaisesti energinen ja elävä ulkoasu, mutta ei häiritsevästi.

7. Kuorinka

Kuorinka lataa todella nopeasti ja se ei tarjoa vain esteettömyyttä, mutta sisältää myös schema.org mikrodata. Se käyttää leivonnaisia ​​tukemaan pääavustusta, joka on aina hyvä idea saavutettavuuden suunnittelussa. Kuorinka sallii käyttäjän lisää lyhyitä tietoja sivun yläreunaan joka voi auttaa kävijöitä ymmärtämään tärkeimmän viestin, jonka sivuston omistaja haluaa välittää.

Sivupalkin otsikot ja alatunnisteiden widgetit ovat korostettu vaaleansinisellä taustalla joka helpottaa sisällön visuaalista segmentointia. Demo-sivustossa näet muita hienoja ominaisuuksia, kuten a käyttäjän ohjaama liukusäädin, 3 erilaista asettelua (yksi sarake, vasen sivupalkki, oikea sivupalkki) ja monet muut.

8. Aaron

Aaron on loistava valinta esteettömyyteen valmistautuvalle yrityksen verkkosivustolle. Sillä on valtava toimintapainike kotisivulla, joka tarttuu kävijöiden silmiin kerralla. Teemalla on a korkea kontrastisuhde, mutta sinun täytyy kiinnittää huomiota valitse huolellisesti taustakuva etusivulla voit säilyttää kohokohtien ja painikkeiden luettavuuden.

Aaronilla on a näppäimistöystävällinen valikko sen sivuston yläosassa, jota tukee kätevä hakukenttä oikealla puolella. Teemaa voidaan käyttää myös sähköisen kaupankäynnin sivustoon, koska se toimii hyvin WooCommerce-laajennus.

9. Kauppakeskus

Storefront on joustava sähköisen kaupankäynnin teeman tarjonta WooCommerce-integraatio ja korkea muokattavuus. Tärkeimmät tiedot, ostetut tuotteet korissa ja niiden hinnat ovat päävalikon vieressä sivuston yläosassa, joka tekee teeman uskomattoman käyttäjäystävälliseksi.

Demo-sivustossa näet valinnaisen otsikon kuvan, joka sisältää a näkyvästi kutsuva toimintopainike. Tuotteet ovat eri kategorioihin joka auttaa näytönlukijoita ja muita avustavia tekniikoita käyttäviä vammaisia ​​kävijöitä ymmärtämään nopeasti, mitä sivustolla on myynnissä.

Kauppakeskuksessa on tyylikäs lasten teema nimeltä Boutique, joka sisältää arvostettuja tuotteita, joilla on myös esteettömyys.

10. Tekijä

Kirjoittaja on kauniisti suunniteltu, nopea ja helppokäyttöinen WordPress-teema, jossa on vasen sivupalkki. Sivupalkissa käytetään tummaa taustaa valkoisilla kirjaimilla, mikä takaa korkean värikontrastisuhteen. hyperlinkit ovat alleviivattuja joten on helppo tunnistaa ne.

otsikoissa käytetään serif-kirjasinta helpottaa luettavuutta. Yksi postimallissa on Edellinen ja Seuraava viestit ovat korostettu vaaleanharmaalla taustalla joka kannustaa käyttäjiä lukemaan lisää viestejä sivustolla.