10 Beste toegankelijkheid WordPress-thema's
Het bouwen van toegankelijke websites die mensen met verschillende soorten handicaps niet uitsluiten, is de laatste jaren meer een vereiste geworden in webdesign. Tegenwoordig is het moeilijk om een overheidscontract te krijgen zonder te zorgen voor digitale inclusiviteit, en veel bekende bedrijven zoals Microsoft, Apple en Google ook behandel toegankelijkheid als een prioriteit.
WordPress als toonaangevend contentbeheersysteem en blogplatform bevindt zich ook in de frontlinie van toegankelijkheidsontwikkeling. Het WordPress A11y (toegankelijkheid) team is bezig het platform beschikbaar te maken voor zoveel mogelijk mensen en ze hebben zelfs een geweldig handboek gepubliceerd over WordPress Toegankelijkheid voor ontwikkelaars.
De toegankelijkheid beoordeling
De toegankelijkheidsbeoordeling is een optionele fase in het themaherbeoordelingsproces van WordPress. Als een ingediend thema de toegankelijkheid-ready tag, zal het beoordelingsteam het controleren aan de hand van de toegankelijkheidsrichtlijnen om ervoor te zorgen dat thema's die zichzelf als toegankelijkheidsklaar promoten, echt zo zijn.
In deze post zullen we de 10 beste WordPress-thema's die voor toegankelijkheid geschikt zijn, bekijken om u te helpen bij het bouwen van digitaal inbegrepen WordPress-sites.
De beste toegankelijkheidsgereedbare WP-thema's
In deze verzameling hebben we niet alleen gelet op de vraag of een thema de tag toegankelijkheidsgereed in de WordPress-repository had, we hebben ook rekening gehouden met of het aan de belangrijkste principes van toegankelijkheidsontwerp voldeed.
We hebben enkele (verder geweldige) thema's weggelaten met te lage kleurcontrastverhoudingen, hamburger-menu's op desktopformaat of andere visuele ontwerpmethoden die de toegankelijkheid voor bepaalde groepen mensen met een handicap kunnen beïnvloeden.
1. Onbeperkt
Unlimited is een zorgvuldig ontworpen WordPress-thema voor algemene doeleinden met een rechterzijbalk. Het laadt snel en gebruikt een hoge kleurcontrastverhouding (wit & lichtgrijs versus donkergrijs) die voldoet aan de behoeften van gebruikers met een visuele beperking.
De zijbalk-widgets zijn slim gemarkeerd door donkergrijze bovenranden. Subtiele visuele ontwerpelementen helpen gebruikers om snel de inhoud te begrijpen; kijk maar eens naar de slim benadrukte meta-informatie (datum, auteur, aantal reacties) onderaan elke afbeelding.
Op de demosite kunt u zien hoe Unlimited er uit ziet als het volledig is ingesteld.
2. Simone
Simone heeft een vrij eenvoudig ontwerp met enorme afbeeldingen en schermgerichte, schaalbare typografie die gemakkelijk te lezen is op elk schermformaat. Het thema helpt lichamelijk gehandicapte gebruikers toegang tot de navigatie via hun toetsenborden.
U kunt veel functies van Simone aanpassen, zoals zijbalkpositie (links of rechts), koptekst, achtergrond, koppelingskleuren en vele andere. Het is ook translatie-ready, en is al in vele talen vertaald
Lees meer over Simone op zijn demosite.
3. Toegankelijke Zen
Toegankelijke Zen is een minimalistisch thema met één kolom dat vermindert het aantal afleidingen zo veel als het mogelijk is, en legt de inhoud op de voorgrond. De auteur deelde op zijn blog het kleurenpalet dat hij gebruikte. Het voldoet aan het AA-niveau van de Web Content Accessibility Guidelines (WCAG 2.0).
Het unieke aan dit thema dat er is geen hoofdmenu in het kopgedeelte, zodat bezoekers de inhoud meteen kunnen bereiken - dat kan een ideale oplossing zijn voor gebruikers van schermlezers. De hyperlinks zijn slim onderstreept stippellijntjes en zet alles aan als je zweeft, wat ook een goede toegankelijkheidsoplossing is
Als u geïnteresseerd bent in een inhoud gericht, minimalistisch blogthema, bekijk Toegankelijk Zen-leven.
4. Voorraad
Het Stock WordPress-thema heeft een elegante uitstraling zwart en wit koptekst dat bevat een gecentreerd hoofdmenu. Zwart en wit koppelen is altijd een goede keuze voor sites die geschikt zijn voor toegankelijkheid, omdat deze twee kleuren de hoogste kleurcontrastverhouding hebben van 21: 1.
Het ontwerp is vrij minimalistisch, en het thema is translatie-ready en aanbiedingen RTL-ondersteuning (van rechts naar links), dus het kan een goede manier zijn om een ouderthema te zijn van een toegankelijk kindthema.
Je kunt de huidige fase van de ontwikkeling bekijken op de Github-pagina van Stock.
5. Apex
Apex betrekt bezoekers met een logisch gestructureerde inhoud en enorme aanbevolen afbeeldingen die de site er indrukwekkend en professioneel laten uitzien. De bovenste navigatie bestaat uit een hoofdmenu aan de linkerkant, en een menu voor sociale media aan de rechterkant, waardoor het gemakkelijk en ongecompliceerd is om door de site te navigeren voor zowel gehandicapten als hulpmiddelen.
De fragmenten op de startpagina worden gevolgd door gebruiksvriendelijke knoppen "Doorgaan met lezen" dat zijn prachtig gemarkeerd en verleidt lezers om verder te gaan. U kunt zien hoe Apex eruit ziet op de demosite.
6. Klein kader
Het heeft niet minder dan 9 maanden geduurd voordat de auteur van het Tiny Framework dit aantrekkelijke WordPress-thema met toegankelijkheid ontwikkelde. Het Tiny Framework is flexibel genoeg om als ouderthema te worden gebruikt als u snel een betrouwbaar kindthema wilt ontwikkelen dat aandacht schenkt aan de behoeften van mensen met een handicap.
Het Tiny Framework-thema gebruikt een Hoog contrast kleurenpalet met zwarte, oranje en groene kleuren. Blok citaten, rubrieken en links hebben allemaal verschillende kleuren, waardoor de leesbaarheid van de inhoud op een significante manier wordt vergroot. Knoppen zijn ook gemakkelijk merkbaar, en het thema heeft over het algemeen een vrij energieke en levendige uitstraling, maar niet op de opdringerige manier.
7. Kuorinka
Kuorinka laadt heel snel en biedt niet alleen ondersteuning voor toegankelijkheid, maar omvat ook microdata van schema.org. Het gebruikt broodkruimels om de hoofdnavigatie te ondersteunen, wat altijd een goed idee is bij ontwerp van toegankelijkheid. Kuorinka staat de gebruiker toe om voeg korte informatie toe aan de bovenkant van de pagina die bezoekers kan helpen de belangrijkste boodschap te begrijpen die de site-eigenaar wil overbrengen.
De koppen van de zijbalk en de voettekst zijn widgets gemarkeerd met een lichtblauwe achtergrond dat helpt de visuele segmentatie van de inhoud enorm. Op de demosite kunt u andere coole functies zien, zoals een door de gebruiker bestuurde schuifregelaar, 3 verschillende lay-outs (een kolom, linkerzijbalk, rechterzijbalk) en vele andere.
8. Aaron
Aaron is een uitstekende keuze voor een toegankelijke bedrijfswebsite. Het heeft een enorme call-to-action knop op de startpagina die de ogen van de bezoekers meteen grijpt. Het thema heeft een hoge kleurcontrastverhouding, maar je moet opletten kies zorgvuldig de achtergrondafbeelding op de startpagina om de leesbaarheid van de markeringen en de knoppen te behouden.
Aaron heeft een toetsenbord-vriendelijk menu op de top van de site die wordt ondersteund door een handig zoekvak aan de rechterkant. Het thema kan ook worden gebruikt voor een e-commercesite, omdat het goed werkt met de WooCommerce-plug-in.
9. Storefront
Storefront is een flexibel aanbod van e-commerce-thema's WooCommerce-integratie en hoge aanpasbaarheid. De belangrijkste informatie, de gekochte producten in de winkelwagen en hun prijzen, zijn direct naast het hoofdmenu op de top van de site waardoor het thema ongelooflijk gebruiksvriendelijk is.
Op de demosite ziet u de optionele headerafbeelding die een bevat goed zichtbare call-to-action-knop. De producten zijn gesorteerd in verschillende categorieën dat helpt gehandicapte bezoekers met behulp van schermlezers en andere ondersteunende technologieën snel begrijpen wat er te koop is op de site.
Storefront heeft een elegant kindthema met de naam Boutique voor meer prestigieuze producten die ook toegankelijkheidsondersteuning bieden.
10. Auteur
Author is een prachtig ontworpen, snel en toegankelijkheids-WordPress-thema met een linkerzijbalk. De zijbalk gebruikt een donkere achtergrond met witte letters, wat de hoge kleurcontrastverhouding garandeert. De hyperlinks zijn onderstreept dus het is gemakkelijk om ze te herkennen.
De koppen gebruiken een serif-letterbeeld dat de leesbaarheid vergemakkelijkt. Op het sjabloon voor één bericht de voorgaand en volgende berichten zijn gemarkeerd met een lichtgrijze achtergrond die gebruikers aanmoedigt om meer berichten op de site te lezen.
