10 Bästa tillgänglighetsklar WordPress-teman

Att bygga tillgängliga webbplatser som inte utesluter personer med olika typer av funktionshinder har blivit ett mer krav på webbdesign under de senaste åren. Dessa dagar är det svårt att få ett statligt kontrakt utan att ta hand om digital inklusivitet och många kända företag som Microsoft, Apple och Google också behandla tillgänglighet som en prioritet.

WordPress som ett ledande content management system och bloggplattform är också på framsidan av tillgänglighetsutveckling. WordPress A11y (Accessibility) Team är upptagen med att göra plattformen tillgänglig för så många som möjligt, och de har även publicerat en bra handbok om WordPress Accessibility för utvecklare.

Tillgänglighetsgranskningen

Tillgänglighetsöversynen är ett frivilligt steg i WordPress-temavärdeprocessen. Om ett inlämnat tema använder tillgänglighet-ready taggar, granskningsgruppen kommer att kolla det mot riktlinjerna för tillgänglighet för att se till att teman som främjar sig som tillgänglighetsberedskap verkligen är så.

I det här inlägget tar vi en titt på de 10 bästa tillgänglighetsberedda WordPress-teman för att hjälpa dig att bygga digitalt inkluderade WordPress-webbplatser.

De bästa tillgänglighets-klara WP-teman

I den här samlingen noterade vi inte bara om ett tema hade tillgänglighetsfärdig tagg i WordPress-förvaret, vi tog också hänsyn till om det uppfyllde huvudprinciperna för tillgänglighetsdesign.

Vi utelämnade några (annars stora) teman som använde för låga färgkontrastförhållanden, hamburgermenyer på skrivbordsstorlek eller andra visuella konstruktionsmetoder som kan påverka tillgängligheten för vissa grupper av funktionshindrade.

1. Obegränsat

Obegränsat är ett omsorgsfullt utformat, generellt ändamålsenligt WordPress-tema med rätt sidofält. Den laddas snabbt och använder ett kontrastförhållande med hög färg (vit och ljusgrå mot mörkgrå) som matchar synskadade användare.

Sidpanelens widgets är smart markerad av mörkgråa övre gränser. Subtila visuella designelement hjälper användarna att snabbt känna av innehållet; bara ta en titt på den smartt belägna meta informationen (datum, författare, antal kommentarer) längst ner i den presenterade bilden vid varje inlägg.

På sin demo-sida kan du se hur Obegränsat ser ut när det är fullt konfigurerat.

2. Simone

Simone har en ganska enkel design med enorma bilder och skärmfokuserad, skalbar typografi som är lätt att läsa på varje skärmstorlek. Temat hjälper fysiskt funktionshindrade användare få tillgång till navigering via sina tangentbord.

Du kan anpassa många funktioner i Simone, som sidobar position (vänster eller höger), rubrik, bakgrund, länkfärger och många andra. Det är också translation-ready, och är redan översatt till många språk

Läs mer om Simone på sin demo webbplats.

3. Tillgänglig Zen

Tillgänglig Zen är ett minimalistiskt tema med ett kolumn som minskar antalet distraktioner så mycket som möjligt och lägger innehållet i fokus. Författaren delade på sin blogg den färgpalett han använde. Det uppfyller AA-nivån i Web Content Accessibility Guidelines (WCAG 2.0).

Den unika saken om detta tema som det finns ingen huvudmeny i rubrikavsnittet, så besökare kan komma till innehållet på en gång - det kan vara en idealisk lösning för användare av skärmläsare. Hyperlänkarna är smart understrukna med prickade linjer och sväng fast på svävar, vilket också är en stor tillgänglighetslösning

Om du är intresserad av en innehållsinriktad, minimalistisk blogg tema, kolla in Tillgänglig Zen live.

4. Lager

Stock WordPress-temat har en elegant svartvitt rubrik som inkluderar en centrerad huvudmeny. Parning svartvitt är alltid ett bra val för tillgänglighetsberedda platser, eftersom dessa två färger har det högsta färgkontrastförhållandet som är 21: 1.

Designen är ganska minimalistisk, och temat är translation-ready och erbjudanden RTL (höger till vänster) språkstöd, så det kan vara ett bra känt för att vara ett föräldertema för ett tillgängligt barntema.

Du kan kolla in nuvarande utvecklingsstadiet på Stock Github-sidan.

5. Apex

Apex engagerar besökare med a logiskt strukturerat innehåll och stora utvalda bilder som gör att webbplatsen ser imponerande och professionell ut. Toppnavigeringen består av a huvudmeny på vänster sida, och a social media meny till höger, vilket gör det enkelt och enkelt att navigera genom webbplatsen för både funktionshindrade och hjälpmedel.

Utdrag på hemsidan följs av användarvänliga "Fortsätt läsa" -knapparna som är vackert framhävd och lockar läsarna att fortsätta. Du kan se hur Apex ser ut på sin demoplats.

6. Liten ram

Det tog inte mindre än 9 månader för författaren till Tiny Framework att skapa detta engagerande, tillgänglighetsberedda WordPress-tema. Den lilla ramen är flexibel nog att användas som föräldertema om du snabbt vill utveckla ett tillförlitligt barntema som uppmärksammar behoven hos funktionshindrade.

Tiny Framework-temat använder en färgpalett med hög kontrast med svarta, orange och gröna färger. Blockquotes, rubriker och länkar har alla olika färger, vilket ökar läsbarheten av innehållet på ett betydande sätt. Knapparna är också lätt märkbara, och temat överallt har en ganska energisk och levande utseende, men inte på det påträngande sättet.

7. Kuorinka

Kuorinka lastar verkligen snabbt och erbjuder inte bara tillgänglighetsstöd utan inkluderar också schema.org mikrodata. Det använder brödsmulor för att stödja huvudnavigeringen, vilket alltid är en bra idé i tillgänglighetsdesign. Kuorinka tillåter användaren att lägg till kort information överst på sidan som kan hjälpa besökare att förstå det viktigaste budskapet som webbplatsägaren vill förmedla.

Rubrikerna i sidofältet och sidfotarna är markerad med en ljusblå bakgrund som i hög grad hjälper till visuell segmentering av innehållet. På demosidan kan du se andra häftiga funktioner som a användarstyrd skjutreglage, 3 olika layouter (en kolumn, vänster sidofält, höger sidofält) och många andra.

8. Aaron

Aaron är ett utmärkt val för en webbplats som är tillgänglig för tillgänglighet. Den har en stor uppmaningsknapp på hemsidan som tar tag på besökarnas ögon på en gång. Temat har a högt färgkontrastförhållande, men du måste vara uppmärksam på Välj noga bakgrundsbilden på hemsidan för att hålla läsbarheten av höjdpunkterna och knapparna.

Aaron har en tangentbordsvänlig meny på toppen av webbplatsen som stöds av a användbar sökruta på den högra sidan. Temat kan också användas för en e-handelsplats, eftersom det fungerar bra med WooCommerce-plugin.

9. Storefront

Storefront är ett flexibelt tema för e-handel WooCommerce integration och hög anpassningsbarhet. Den viktigaste informationen, de inköpta produkterna i kundvagnen och deras priser är bredvid huvudmenyn på toppen av webbplatsen som gör temat otroligt användarvänligt.

På demosidan kan du se den valfria headerbilden som innehåller en mycket synlig knapp-till-action-knapp. Produkterna är sorterade i olika kategorier som hjälper funktionshindrade besökare som använder skärmsläsare och annan assistentteknologi, snabbt förstår vad som säljs på webbplatsen.

Storefront har ett elegant barntema som heter Boutique för att presentera mer prestigefyllda produkter som också har tillgänglighetsstöd.

10. Författare

Författaren är ett vackert utformat, snabbt och tillgänglighetsskartat WordPress-tema med ett vänster sidofält. Sidofältet använder en mörk bakgrund med vita bokstäver, vilket säkerställer det höga färgkontrastförhållandet. De hyperlänkar är understrukna så det är lätt att känna igen dem.

De rubriker använder en serif typsnitt som underlättar läsbarheten. På den enkla postmallen tidigare och Nästa inlägg är markerad med en ljusgrå bakgrund som uppmuntrar användarna att läsa mer inlägg på webbplatsen.