10 Best Accessibility-Ready WordPress Temaer

Å bygge tilgjengelige nettsteder som ikke utelukker personer med ulike former for funksjonshemming, har blitt et mer krav til webdesign i de senere årene. I disse dager er det vanskelig å få en offentlig kontrakt uten å ta vare på digital inklusivitet, og mange kjente selskaper som Microsoft, Apple og Google også behandle tilgjengelighet som en prioritet.

WordPress som et ledende content management system og blogging plattform er på frontlinjen av tilgjengelighetsutvikling også. WordPress A11y (Accessibility) Team er opptatt av å gjøre plattformen tilgjengelig for så mange som mulig, og de har til og med publisert en flott håndbok om WordPress Tilgjengelighet for utviklere.

Tilgjengelighetsanmeldelsen

Tilgjengelighetsanmeldelsen er et valgfritt trinn i WordPress-tema gjennomgangsprosessen. Hvis et innlevert tema bruker tilgjengelighet-klar tagg, vurderer vurderingsgruppen det mot tilgjengelighetsretningslinjene for å sikre at temaer som fremmer seg selv som tilgjengelighetsskikk, er virkelig så.

I dette innlegget vil vi se på de 10 beste tilgjengelighets-klare WordPress-temaene for å hjelpe deg med å bygge digitalt inkluderende WordPress-nettsteder.

De beste tilgjengelighets-klare WP-temaene

I denne samlingen ga vi ikke bare oppmerksom på om et tema hadde tilgjengelighets-klar-taggen i WordPress-depotet, vi tok også hensyn til om det møtte de viktigste prinsippene for tilgjengelighet design.

Vi har utelatt noen (ellers store) temaer som brukte for lave fargekontrastforhold, hamburgermenyer på skrivebordsstørrelse eller annen visuell designpraksis som kan påvirke tilgjengeligheten for bestemte grupper av funksjonshemmede.

1. Ubegrenset

Ubegrenset er et nøye utformet, generelle formål WordPress-tema med et høyre sidebar. Den laster raskt og bruker et høyt fargekontrastforhold (hvitt og lysegrå mot mørkegrå) som samsvarer med behovene til synshemmede brukere.

Sidebar widgets er smart fremhevet av mørkegrå toppgrenser. Subtile visuelle designelementer hjelper brukerne til raskt å forstå innholdet; bare ta en titt på smart informert meta informasjon (dato, forfatter, antall kommentarer) nederst på det kjente bildet på hvert innlegg.

På sin demo side kan du se hvordan ubegrenset ser ut når den er fullstendig opprettet.

2. Simone

Simone har en ganske enkel design med store bilder og skjermfokusert, skalerbar typografi som er lett å lese på hver skjermstørrelse. Temaet hjelper fysisk deaktiverte brukere få tilgang til navigasjon via tastaturene.

Du kan tilpasse mange funksjoner i Simone som sidebarposisjon (venstre eller høyre), topptekst, bakgrunn, linkfarger og mange andre. Det er også oversettelse-klar, og er allerede oversatt til mange språk

Les mer om Simone på sin demo side.

3. Tilgjengelig Zen

Tilgjengelig Zen er et minimalistisk tema med en kolonne som reduserer antall distraksjoner så mye som mulig, og legger innholdet i fokus. Forfatteren delte på sin blogg fargepaletten han brukte. Den oppfyller AA-nivået for retningslinjene for tilgang til webinnhold (WCAG 2.0).

Den unike tingen om dette temaet som det er ingen hovedmeny i header-delen, slik at besøkende kan komme til innholdet på en gang - det kan være en ideell løsning for brukerne av skjermleseren. Hyperlinksene er smart understreket med stiplede linjer og Vri fast på svingingen, som også er en stor tilgjengelighetsløsning

Hvis du er interessert i en innholdsfokusert, minimalistisk blogg tema, sjekk ut Tilgjengelig Zen live.

4. Lager

The Stock WordPress tema har en elegant svart og hvitt header som inkluderer en sentrert hovedmeny. Parring svart og hvitt er alltid et godt valg for tilgjengelighetsklare nettsteder, da disse to farger har det høyeste fargekontrastforholdet som er 21: 1.

Utformingen er ganske minimalistisk, og temaet er oversettelse-klar og tilbud RTL (høyre til venstre) språkstøtte, slik at det kan være et godt candith for å være et overordnet tema for et tilgjengelig barn tema.

Du kan sjekke dagens utviklingsstadium på Stocks Github-side.

5. Apex

Apex engasjerer besøkende med a logisk strukturert innhold og store kjente bilder som gjør at nettstedet ser imponerende og profesjonelt ut. Toppnavigasjonen består av a hovedmeny på venstre side, og a sosiale medier menyen til høyre, noe som gjør det enkelt og greit å navigere gjennom nettstedet for både funksjonshemmede og hjelpemidler.

Utdragene på hjemmesiden er etterfulgt av brukervennlige "Fortsett å lese" knapper det er vakkert uthevet og lokker leserne til å fortsette. Du kan se hvordan Apex ser ut på sitt demo-nettsted.

6. Bittesmå rammeverk

Det tok ikke mindre enn 9 måneder for forfatteren av det lille rammene å skape dette engasjerende, tilgjengelighetsklare WordPress-temaet. Den lille rammen er fleksibel nok til å bli brukt som et overordnet tema hvis du vil raskt utvikle et pålitelig barnemne som tar hensyn til behovene til funksjonshemmede.

Tiny Framework-temaet bruker en høy kontrast fargepalett med svarte, oransje og grønne farger. Blockquotes, overskrifter og koblinger alle har forskjellige farger, som øker lesbarheten til innholdet på en betydelig måte. Knapper er også lett merkbare, og temaet overalt har et ganske energisk og levende utseende, men ikke på påtrengende måte.

7. Kuorinka

Kuorinka laster veldig fort og tilbyr ikke bare tilgjengelighetsstøtte, men inkluderer også schema.org mikrodata. Den bruker breadcrumbs for å støtte hovednavigasjonen, noe som alltid er en god ide i tilgjengelighetsdesign. Kuorinka tillater brukeren å legg til kort informasjon øverst på siden som kan hjelpe besøkende å forstå den viktigste meldingen som eieren ønsker å formidle.

Overskriftene på sidefeltet og bunntekstene er fremhevet med en lyseblå bakgrunn som bidrar sterkt til den visuelle segmenteringen av innholdet. På demoområdet kan du se andre kule funksjoner som a brukerstyrt skyveknapp, 3 forskjellige oppsett (en kolonne, venstre sidefelt, høyre sidefelt), og mange andre.

8. Aaron

Aaron er et godt valg for en tilgjengelighets-klar selskapets nettside. Den har en stor call-to-action-knapp på hjemmesiden som griper besøkernes øyne på en gang. Temaet har a høy fargekontrastforhold, men du må være oppmerksom på velg grundig bakgrunnsbilde på hjemmesiden for å holde lesbarheten av høydepunktene og knappene.

Aaron har a tastaturvennlig meny på toppen av nettstedet som støttes av a Hendig søkeboks på høyre side. Temaet kan også brukes til et e-handelsområde, da det fungerer bra med WooCommerce plugin.

9. Storefront

Storefront er et fleksibelt tema for e-handel WooCommerce integrasjon og høy tilpassbarhet. Den viktigste informasjonen, de kjøpte produktene i handlekurven og deres priser er rett ved siden av hovedmenyen på toppen av siden som gjør temaet utrolig brukervennlig.

På demonstrasjonsstedet kan du se det valgfrie overskriftsbildet som inneholder en svært synlig call-to-action-knapp. Produktene er assortert til forskjellige kategorier som hjelper funksjonshemmede besøkende som bruker skjermlesere og annen assistentteknologi, raskt forstår hva som er på salg på nettstedet.

Storefront har et elegant barntema kalt Boutique for å ha mer prestisjefylte produkter som også har tilgjengelighetsstøtte.

10. Forfatter

Forfatteren er et vakkert designet, raskt og tilgjengelighetsklar WordPress-tema med et venstre sidebjelke. Sidebjelken bruker en mørk bakgrunn med hvite bokstaver, som sikrer det høye fargekontrastforholdet. De hyperkoblinger er understreket så det er lett å gjenkjenne dem.

De overskrifter bruker en serif skrifttype som letter lesbarheten. På den enkle innleggsmalen er tidligere og neste innlegg er uthevet med en lys grå bakgrunn som oppfordrer brukerne til å lese flere innlegg på nettstedet.