10 Best Accessibility-Ready WordPress Temaer

At bygge tilgængelige websteder, der ikke udelukker personer med forskellige former for handicap, er blevet mere af et krav i webdesign i de seneste år. Disse dage er det svært at få en regeringskontrakt uden at tage sig af digital inklusivitet, og mange kendte virksomheder som Microsoft, Apple og Google også behandle tilgængelighed som en prioritet.

WordPress som et førende content management system og blogging platform er også på frontlinjen for tilgængelighed udvikling. WordPress A11y (Accessibility) Team er optaget af at gøre platformen tilgængelig for så mange som muligt, og de har endda offentliggjort en stor håndbog om WordPress Accessibility for udviklere.

Tilgængelighedsoversigten

Tilgængelighedsvurderingen er et valgfrit trin i WordPress-temaevalueringsprocessen. Hvis et indgivet tema bruger tilgængelighed-klar tag, kontrollen teamet vil tjekke det mod retningslinjerne for tilgængelighed for at sikre, at temaer, der fremmer sig som tilgængelighedsklare, er virkelig så.

I dette indlæg vil vi se på de 10 bedste tilgængelighedsklare WordPress-temaer for at hjælpe dig med at opbygge digitalt inkluderende WordPress-websteder.

De bedste tilgængeligheds-klare WP-temaer

I denne samling opmærkte vi ikke kun på, om et tema havde tilgængelighedsfuld tag i WordPress-depotet, vi tog også hensyn til om det opfyldte de vigtigste principper for tilgængelighed design.

Vi udeladte nogle (ellers store) temaer, der brugte for lave farvekontrastforhold, hamburgermenuer på skrivebordsstørrelse eller andre visuelle designpraksis, der kan påvirke tilgængelighed for bestemte grupper af handicappede.

1. Ubegrænset

Ubegrænset er et omhyggeligt designet, generelle formål WordPress tema med et højre sidebjælke. Den laster hurtigt og bruger et højt farvekontrastforhold (hvidt og lysegrå mod mørkegrå), der svarer til behovene hos synshandicappede brugere.

Sidepanelet widgets er smart fremhævet af mørke grå topgrænser. Subtile visuelle designelementer hjælper brugerne til hurtigt at forstå indholdet; bare kig på den smart understregede meta information (dato, forfatter, antal kommentarer) i bunden af ​​det viste billede ved hvert indlæg.

På sin demo side kan du se, hvordan Unlimited ser ud, når den er helt oprettet.

2. Simone

Simone har et ret simpelt design med store billeder og skærmfokuseret, skalerbar typografi, der er let at læse på hver skærmstørrelse. Temaet hjælper fysisk handicappede brugere adgang navigation via deres tastaturer.

Du kan tilpasse mange funktioner i Simone som sidebar position (venstre eller højre), header, baggrund, link farver og mange andre. Det er også oversættelse-klar, og er allerede oversat til mange sprog

Læs mere om Simone på sit demo site.

3. Tilgængelig Zen

Tilgængelig Zen er et minimalistisk tema med en kolonne reducerer antallet af distraktioner så meget som muligt, og sætter indholdet i fokus. Forfatteren delte på sin blog den farvepalet, han brugte. Det opfylder AA-niveauet af retningslinjerne for Web Content Accessibility (WCAG 2.0).

Det unikke ved dette tema, at der er ingen hovedmenu i overskriftsafsnittet, så besøgende kan komme til indholdet på én gang - det kan være en ideel løsning for brugerne af skærmlæserne. Hyperlinksne er klogt understreget med punkterede linjer og drej solidt på svingning, som også er en stor tilgængelighed løsning

Hvis du er interesseret i en indholdsfokuseret, minimalistisk blog tema, tjek tilgængelig Zen live.

4. Lager

Stock WordPress temaet har en elegant sort og hvid overskrift der omfatter en centreret hovedmenu. Parring sort og hvid er altid et godt valg for tilgængelighedsklare websteder, da disse to farver har det højeste farvekontrastforhold, der er 21: 1.

Designet er helt minimalistisk, og temaet er oversættelse-klar og tilbud RTL (højre til venstre) sprogunderstøttelse, så det kan være et godt kendskab til at være et forælder tema for et tilgængeligt barn tema.

Du kan tjekke den aktuelle udviklingstrin på Stocks Github-side.

5. Apex

Apex engagerer besøgende med a logisk struktureret indhold og store fremhævede billeder Det gør hjemmesiden ser imponerende og professionel ud. Den øverste navigation består af a hovedmenu på venstre side, og a Social Media menu til højre, hvilket gør det nemt og ligetil at navigere gennem webstedet for både handicappede og hjælpemidler.

Uddragene på hjemmesiden efterfølges af brugervenlige "Fortsæt læsning" knapper som er smukt fremhævet og lokker læsere til at fortsætte. Du kan se, hvordan Apex ser ud på sit demo-websted.

6. Lille ramme

Det tog ikke mindre end 9 måneder for forfatteren af ​​den lille ramme at skabe dette engagerende, tilgængelighedsklare WordPress-tema. Den lille ramme er fleksibel nok til at blive brugt som forælder tema, hvis du hurtigt ønsker at udvikle et pålideligt barnemne, der tager hensyn til handicappedes behov.

Tiny Framework-temaet bruger a høj kontrast farvepalet med sorte, orange og grønne farver. blockquotes, overskrifter og links har alle forskellige farver, hvilket øger læsbarheden af ​​indholdet på en betydelig måde. Knapper er også let mærkbare, og temaet overalt har et ret energisk og levende udseende, men ikke på den påtrængende måde.

7. Kuorinka

Kuorinka belastninger virkelig hurtigt og tilbyder ikke kun tilgængelighed støtte, men også schema.org mikrodata. Det bruger brødkrummer til at understøtte hovednavigationen, hvilket altid er en god ide i tilgængelighed design. Kuorinka tillader brugeren at Tilføj kort information øverst på siden som kan hjælpe besøgende med at forstå den vigtigste meddelelse, som ejeren af ​​webstedet ønsker at formidle.

Overskrifterne på sidebjælken og sidefunktionerne er fremhævet med en lyseblå baggrund der i høj grad hjælper den visuelle segmentering af indholdet. På demosiden kan du se andre seje funktioner som a brugerstyret skyder, 3 forskellige layouter (en kolonne, venstre sidebjælke, højre sidebjælke) og mange andre.

8. Aaron

Aaron er et godt valg til en tilgængelighedsklar virksomhedens hjemmeside. Den har en stor call-to-action-knap på hjemmesiden, der griber besøgernes øjne på en gang. Temaet har a høj farve kontrastforhold, men du skal være opmærksom på Vælg omhyggeligt baggrundsbilledet på hjemmesiden for at holde læsbarheden af ​​højdepunkterne og knapperne.

Aaron har a tastaturvenlig menu på toppen af ​​webstedet, der understøttes af a praktisk søgefelt på højre side. Temaet kan også bruges til et e-handelswebsted, da det fungerer godt med WooCommerce plugin.

9. Storefront

Storefront er et fleksibelt e-handels tema tilbud WooCommerce integration og høj tilpassbarhed. De vigtigste oplysninger, de købte varer i vognen og deres priser er lige ved siden af ​​hovedmenuen på toppen af ​​webstedet, der gør temaet utrolig brugervenligt.

På demosiden kan du se det valgfrie overskriftsbillede, der indeholder en meget synlig call-to-action-knap. Produkterne er sorteret i forskellige kategorier Det hjælper handicappede besøgende, der bruger skærmlæsere og andre hjælpemidler, hurtigt at forstå, hvad der er til salg på webstedet.

Storefront har et elegant børne tema kaldet Boutique for at tilbyde mere prestigefyldte produkter, der også har tilgængelighed støtte.

10. Forfatter

Forfatter er et smukt designet, hurtigt og tilgængelighedsklar WordPress-tema med et venstre sidebjælke. Sidebjælken bruger en mørk baggrund med hvide bogstaver, som sikrer det høje farvekontrastforhold. Det hyperlinks er understreget så det er nemt at genkende dem.

Det overskrifter bruger en serif skrifttype der letter læsbarheden. På single post skabelonen Tidligere og Næste stillinger er fremhævet med en lys grå baggrund Det opfordrer brugerne til at læse flere indlæg på webstedet.