WordPress -Hjälpmedel

WordPress-hjälpmedel: Hur man skapar en tillgänglig webbplats

Tillgänglighet (eller tillgänglighet) i WordPress är en viktig komponent i att bygga webbplatser som ännu inte diskuteras tillräckligt. Hur tillgängligt är det populära CMS? Varför är tillgänglighet så viktigt? Och hur blir din WordPress-webbplats tillgänglig för alla?

Tillgång för alla: Fakta om tillgänglighet

WordPress får mer än 35 procent av alla webbplatser igång. E-handelswebbplatser, stora onlinepublikationer, nyhetskanaler, bloggar och företagswebbplatser använder WordPress eftersom det är lätt att använda.

Och just för att WordPress är så populärt har det ett stort inflytande på webbtillgängligheten. Ämnet tillgänglighet ligger dock inte alltid i förgrunden när man utvecklar och omformar en webbplats. Istället är många WordPress-användare bekymrade över att välja rätt tema, förbättra sin SEO-ranking och se till att deras webbplats laddas snabbt. Det är inget fel med det - men det borde vara lika viktigt att din WordPress-webbplats är tillgänglig för alla. 

Enligt statistik från Interactive Accessibility lever 56 miljoner amerikaner med en funktionsnedsättning. Dessutom säger Pew Research Center att 54 procent av vuxna med funktionshinder i USA använder Internet regelbundet. Och det är bara USA. Dessa siffror ökar över helavärlden.

Om du ignorerar tillgänglighetsproblemet utesluter du redan 20 procent av världens befolkning från möjligheten att använda din webbplats. Kort sagt, att försumma tillgänglighet är inte bra för ditt företag. Ännu viktigare är att det är fruktansvärt att skapa en rättvisare och rättvisare värld. 

Så om du någonsin har undrat hur du skapar en tillgänglig webbplats med WordPress, är den här guiden för dig. Vi kommer att svara på några viktiga frågor, inklusive:

  • Vad är webbtillgänglighet?
  • Är WordPress "out of the box" barriärfri?
  • Vilka verktyg och plugins hjälper dig att skapa en tillgänglig WordPress-webbplats?

Vad är webbtillgänglighet egentligen?

Webbtillgänglighet avser de verktyg som gör det möjligt för personer med funktionshinder att använda och göra webben tillgänglig. Detta är särskilt relevant för funktionshinder som kan påverka hur personer kommer åt och använder webben, inklusive:

  • Synnedsättning
  • Akustiska funktionsnedsättningar
  • Språkförsämring
  • Kognitiva funktionshinder 
  • Neurologiska funktionsnedsättningar
  • Tillfälliga funktionsnedsättningar (t.ex. en bruten arm)

Den här listan innehåller också åldersrelaterade funktionshinder – och till och med funktionshinder till följd av en långsam Internetanslutning. En av de främsta anledningarna till att tillgängligheten är så viktig är Internets växande roll i vårt dagliga liv: från tillgång till information och nyheter, till dagligvaruhandel, till att upprätthålla kontakten med våra nära och kära.

Andra skäl till varför tillgänglighet på Internet är viktigt: 

Med tanke på Internets betydelse i en modern värld måste webben vara tillgänglig för alla, oavsett status eller kapacitet.

Är WordPress "out of the box" barriärfri? 

WordPress var inte alltid barriärfri: för bara några år sedan hade användare som förlitade sig på hjälpmedelsteknik på webben betydande problem med att navigera i administratörens instrumentpanel.

WordPress-hjälpmedel: Hur man skapar en tillgänglig webbplats

Mycket har förändrats sedan dess. Först en liten grupp volontärer – den så kallade Göra WordPress Tillgängligt team - tillgängligheten till WordPress avsevärt förbättrats.  

Som ett resultat av sitt arbete är administrationsområdet anslutet till mediebiblioteket och Theme Anpassaren har blivit mycket mer tillgänglig. Dessutom har WordPress Core lade till många genvägar för att påskynda redigering och formatering av inlägg och sidor. 

Den Kodningsstandarder för tillgänglighet till WordPress lämnades in i mars 2016 till WordPress Kärnmanualen har lagts till. Sedan dess har Themes Och Plugins klara ett strikt tillgänglighetstest för att över som alls klassificeras som barriärfri.

Vad är Core Contributor-handboken?

Guiden definierar de kodningsstandarder som WordPress-utvecklare måste uppfylla när de lägger till sina bidrag till WordPress-kärnan och skickar teman och plugins till det officiella arkivet.

Även om stora förändringar och förbättringar har gjorts WordPress Det finns fortfarande mycket arbete kvar att göra på tillgänglighetsområdet. Även om det är sant att WordPress sträva efter att följa riktlinjerna för hjälpmedel för redigeringsverktyg (ATAG) 2.0, men det finns andra problem som förhindrar 100 % tillgänglighet: 

  • Theme - och Plugin tredjepartsutvecklare följer inte alltid tillgänglighetsriktlinjerna. Som ett resultat av detta kan de flesta tillgänglighetsproblem i WordPress till icke-tillgängliga Themes Och Plugins Tillskrivas.
  • Den nya Gutenberg -Redaktören hade 90 tillgänglighetsproblem när den släpptes. (Vid tidpunkten för den här artikeln är endast 22 frågor fortfarande olösta.)
WordPress-hjälpmedel: Hur man skapar en tillgänglig webbplats

Tips för tillgängliga WordPress-webbplatser

När du skapar en tillgänglig webbplats finns det vissa principer som anges i riktlinjerna för webbinnehållstillgänglighet . Du bör definitivt använda dem för att se till att alla kan använda din WordPress-webbplats. 

Checklista för tillgänglighet på WordPress webbplats

  • Märkbar:Alla användare måste kunna uppfatta komponenterna i informationen och användargränssnittet.
  • Operable: Oavsett vilken enhet användare använder för att komma åt din webbplats måste användargränssnittskomponenterna och navigeringen kunna användas.
  • Förståeligt: Alla användare måste kunna förstå informationen såväl som användargränssnittet.
  • Robust: Både användare och olika användaragenter (inklusive hjälptekniker) måste kunna läsa och förstå innehållet på webbplatsen. 

Baserat på dessa fyra huvudprinciper, här är några av de riktlinjer du behöver följa när du skapar en tillgänglig webbplats med WordPress. 

Riktlinjer för att säkerställa att din WordPress-webbplats är märkbar

  • Länkar och knappar bör inte vara annorlunda än ditt innehåll helt enkelt efter färgschemat.
  • Erbjud stöd för punktskrift och ge textalternativ för visuellt och auditivt innehåll, till exempel bilder och videor.
  • Ställ in textbredden och linjetjockleken på storlekar som maximerar läsbarheten.
  • Se till att det finns tillräcklig kontrast mellan texten och bakgrunden. Med andra ord, använd inte klarröd text på en svart bakgrund.
  • Ljud- och videoinnehåll bör innehålla transkriptioner, bildtexter eller teckenspråk.
  • Animerade GIF-filer, blinkande animationer och annat innehåll som kan orsaka anfall och fysiska reaktioner bör undvikas.

riktlinjer för att säkerställa att din WordPress-webbplats fungerar

  • Att avstå från att använda CAPTCHA eller erbjuda flera sätt att lösa det, eftersom de kan orsaka problem för många människor.
  • Länkar bör inte öppna innehåll i ett nytt fönster utan att meddela användarna eller utan tidigare interaktion från användarna.
  • Kontrollera att användarna kan komma åt knappar och menyalternativ (samt nedrullningsbara menyer) med tangentbordet och musen. 
  • Medieelement som video, ljud, karuseller eller skjutreglage bör inte ställas in på automatisk uppspelning eller ändring utan användarinteraktion.

Riktlinjer för att säkerställa att din WordPress-webbplats är förståelig

  • När du utformar, tänk på olika visningsportar och ändra huvudelementens position och utseende i enlighet därmed.
  • Använd rubriker för att definiera olika underavsnitt på en sida.
  • Undvik användning av jargong, svåra termer och förkortningar. Se istället till att ditt innehåll är skrivet på ett tydligt och koncist sätt.
  • Länkar måste vara beskrivande och meningsfulla även utan sammanhang. Det är till exempel bättre att ha en knapp eller en länk med texten "Läs mer om våra tjänster" än att bara "lära dig mer".

Riktlinjer för att säkerställa att din WordPress-webbplats är robust

  • Infoga hoppa över länkar högst upp på varje sida.
  • Kontrollera att formulärfälten har lämpliga etiketter. Dina formulär bör också innehålla varnings- och bekräftelsemeddelanden, som också är lätta att känna igen för personer som är blinda för färg.
  • Verwende tabindex, um ein Element, das normalerweise keinen Fokus erhält, wie zum Beispiel <div> oder <span>, in die Navigationsreihenfolge einzufügen, wenn es für die Interaktion verwendet wird.
  • Nedladdningsbara media som PDF-dokument, ljud eller videoinnehåll bör ha en beskrivning som anger att en nedladdning startar.
  • Icke-standardiserade interaktiva element, såsom dragspel eller flikar, bör ha en betydelse enligt WAI-ARIA-rollerna.
Samtycke*
Det här fältet är avsett för validering och bör inte ändras.

Plugins och verktyg för Hjälpmedel i WordPress

Om du följer ovanstående riktlinjer kommer din webbplats att vara tillgänglig. Det är dock inte alltid så lätt att hålla reda på alla dessa regler och policyer.

Lyckligtvis finns det ett antal Plugins och verktyg för mer WordPress för att hjälpa dig att skapa tillgängliga webbplatser snabbare – utan att glömma viktiga steg. 

WP-hjälpmedel

WP-hjälpmedel

WP Accessibility är en av de bästa WordPress-plugins från det officiella WordPress-plugin-arkivet. Den har ett 5-stjärnigt betyg och mer än 30 000 aktiva installationer. Plugin behandlar och åtgärdar vanliga tillgänglighetsproblem i WP-teman. 

Viktiga funktioner i WP-hjälpmedel:

  • Lägga till hoppa över länkar med anpassade mål
  • Lägga till disposition i fokustillstånd för tangentbord
  • Ta bort index över fliken fokuserbara objekt
  • Lägga till långa beskrivningar i bilder
  • Tvinga fram alt-attribut för bilder i Klassisk redigerare

WP Accessibility åtgärdar också tillgänglighetsproblem i WordPress Kärna, till exempel att ta bort överflödiga titelattribut från sidlistor, kategorilistor och arkivmenyer.

Det bästa WordPress Tillgänglighet Plugin för: Företag med befintliga webbplatser som vill förbättra sin tillgänglighet.

Pris: Du kan ladda ner WP Accessibility gratis från den officiella lagringsplatsen. 

Verktygsfältet AccessibleWP

WPTillgängligt verktygsfält

AccessibleWP Toolbar, tidigare känt som Accessible Poetry, har ett betyg på 4,5 stjärnor och mer än 4 000 aktiva installationer. Den WordPress Plugin gör det enklare för dig att aktivera vissa funktioner och göra din webbplats mer tillgänglig. 

Viktiga funktioner i AccessibleWP Toolbar:

  • Aktivera tangentbordsnavigering så att användarna kan navigera på din webbplats med sitt tangentbord,
  • Användare kan inaktivera CSS3-animeringar
  • Användare kan ändra webbplatsfärger till färger med bättre kontrast
  • Användare kan ändra webbplatsfärgerna till gråskalefärger
  • Användare kan öka eller minska teckenstorleken på din webbplats

Det bästa WordPress Tillgänglighet Plugin för: Företag som vill ha en mer tillgänglig webbplats men vill behålla ett varumärkesspecifikt färgschema och övergripande estetik. 

Pris: Du kan ladda ner AccessibleWP Toolbar gratis från den officiella databasen. 

Hjälpmedel för ett klick

Hjälpmedel med ett klick

Den populära WordPress - Plugin för Tillgänglighet, One Click Accessibility, utvecklades ursprungligen för Pojo Framework och är nu tillgänglig med alla WordPress - Themes Kompatibel. Den Plugin har betyget 4,5 stjärnor och mer än 30 000 aktiva installationer. 

Viktiga funktioner i hjälpmedel för ett klick: 

  • Användare kan aktivera eller styra teckenstorlek, kontrast, understrykningslänkar, läsbara teckensnitt med ett hjälpmedelsverktygsfält
  • Aktivera hoppa över länkar
  • Lägga till dispositionsfokus för fokuserbara element
  • Ta bort målattribut från länkar och lägg till landmärkesroller

Det bästa WordPress Tillgänglighet Plugin för: Webbplatser som ursprungligen skapades som en del av Pojo-ramverket.

Pris: One Click Accessibility kan laddas ner gratis från den officiella lagringsplatsen. 

WordPress Hjälpmedel

WordPress -Hjälpmedel

WordPress Hjälpmedelshjälpen har ett 5-stjärnigt betyg och mer än 10 000 aktiva installationer. Den Plugin erbjuder en gratisversion med en omfattande uppsättning funktioner. Premiumversionen erbjuder ännu fler funktioner, inklusive möjligheten att styra modala fönster och popup-fönster, lägga till dragspel och anpassa logotyper.

Huvuddragen i WordPress Hjälpmedelshjälp: 

  • Lägga till hoppa över länkar
  • Ange teckenstorlek enligt dina önskemål
  • Kontrollera sidor och inlägg efter hjälpmedelsfel
  • Ställ in anpassade färger för bättre/mörkare kontrast
  • Stryka under eller markera alla länkar

Det bästa WordPress Tillgänglighet Plugin för: Företag som har en robust Plugin för att göra tillgänglighet till en viktig funktion på deras webbplats och verksamhet. 

Pris: WordPress Hjälpmedelshjälpen kan laddas ner gratis. Du kan köpa Pro-versionen för $ 80, som du kan använda för att Plugin på en webbplats och få stöd i tre månader. 

WP ADA-efterlevnadskontroll grundläggande

WP ADA Compliance Check Basic kontrollerar din webbplats efter webbtillgänglighetsfrågor och ger dig en detaljerad rapport. Bedömningen baseras på webbtillgänglighetsstandarderna enligt avsnitt 508 och WCAG 2.1 NIVÅ A/AA. 

Viktiga funktioner i WP ADA Compliance Check Basic: 

  • Utvärdera webbplatsen för frågor om webbtillgänglighet
  • Kör hjälpmedelsrapporter
  • Få lättförståeliga instruktioner om hur du löser tillgänglighetsproblem
  • Automatisk korrigering av tillgänglighetsproblem (endast premiumversion)
  • Problem där Theme -Identifiera filer (endast premiumversion)

Det bästa WordPress Tillgänglighet Plugin för: Företag som främst vill fokusera på de juridiska riktlinjerna för webbtillgänglighet, eller företag som är intresserade av tidsbesparande funktionen för automatisk korrigering med premiumversionen.

Pris: WP ADA Compliance Check Basic kan laddas ner gratis och är begränsad till 25 inlägg eller sidor. Premium-versionen börjar på $ 165 för en webbplats och ger dig ett års support och uppdateringar. 

Åtkomstövervakare

Åtkomstövervakare

Access Monitor-plugin har 5-stjärnigt betyg och 400 installationer. Plugin lägger inte till hjälpmedelsfunktioner på din webbplats, men låter dig kontrollera hur tillgänglig din WordPress-webbplats för närvarande är. Den utför också en automatisk kontroll av webbplatsens tillgänglighet, som styrs av web accessibility service Tenon.io

Viktiga funktioner i Access Monitor: 

  • Schemalägga veckovisa eller månatliga tillgänglighetsrapporter
  • Testa en viss uppsättning sidor
  • Lär dig mer om tillgänglighetsproblem som definitivt kan bestämmas av maskinen

Det bästa WordPress Tillgänglighet Plugin för: Företag som vill ha ett enkelt, gratis sätt att identifiera tillgänglighetsproblem enligt ett regelbundet schema. 

Pris: Access Monitor kan laddas ner gratis från det officiella arkivet. 

En anteckning om WordPress Plugins och tillgänglighet

Det är viktigt att nämna att Plugins Samt WordPress Themes skickas in av alla och genomgår en valfri tillgänglighetskontroll under granskningsprocessen. Som ett resultat av detta har många WordPress Plugins principer för digital tillgänglighet – och deras användning kan göra din webbplats otillgänglig. 

Vanliga exempel på sådana plugins är skjutreglage eller karusell plugins som är inställda på automatisk uppspelning eller paus med tangentbordsinteraktion. Ett annat exempel är ett formulär plugin som inte har korrekt märkta fält. Med det i åtanke bör du testa din WordPress-webbplats igen för tillgänglighet varje gång du installerar ett nytt plugin. 

WordPress Themes och tillgänglighet

Om du går till det officiella förvaret för WordPress och din sökning efter tillgängliga Themes filter, upptäcker du tyvärr att det bara finns 108 Themes , som är märkta som barriärfria. 

Som redan nämnts har Theme tillverkaren tack vare ansträngningarna från Göra WordPress Tillgängligt team henne Theme under granskningsprocessen för en frivillig granskning av tillgängligheten. 

Om du vill ta emot taggen "Hjälpmedel klar" Theme följa en uppsättning riktlinjer för digital tillgänglighet som är Theme Granskningshandbok och i tjänstemannen WordPress Codex listas. 

Utveckla tillgängliga WordPress-webbplatser

Låt oss inse det: De flesta WordPress-användare kommer att välja ett premiumtema från tredjepartsleverantörer, från tredjepartsmarknader eller en helt individuell design. 

Om du är en utvecklare med uppgift att skapa en tillgänglig WordPress-webbplats finns det några teman du kan använda som utgångspunkt.

Understreck

Understrecken utvecklades av Automattic och är en utgångspunkt för de flesta WordPress .com Tillgängliga Themes . Den Theme innehåller flera tillgängliga funktioner. 

Genesis av StudioPress

Genesis by StudioPress är ett populärt premiumramverk som används för att utveckla ditt eget tillgängliga Genesis Child Theme kan användas. Alternativt kan du använda en av de befintliga underordnade Themes med tillgängliga funktioner.  

GenereraPress

GeneratePress är en annan populär Theme , som är tillgänglig och kan användas som utgångspunkt för din design.

Wcag Theme

Wcag Theme utvecklades speciellt med avseende på tillgänglighet och motsvarar avsnitt 508 & WCAG 2.0 AA. Dessutom har den fullt tangentbordsstöd. 

Astra

Astra är en populär Theme med gratis- och premiumversioner, som kännetecknas av en tillgänglig tagg, kompatibilitet med populära Sidbyggare Plugins och snabba laddningstider.

Astra ger dig en tillgänglig grund för din WordPress-webbplats och påskyndar utvecklingstiden och utvecklingsprocessen. 

Fler resurser om WordPress-hjälpmedel

När det är WordPress och tillgänglighet finns det en mängd information på Internet. Om du vill lära dig mer om tillgänglighet, här är några bra ställen att starta din forskning:

  • Göra tillgängliga WordPress-teman: en presentation av Joseph Karr O'Connor från WordCamp 2013 i Montreal. Presentationen täcker tillgänglighet i allmänhet och dess tillämpning i WordPress, inklusive att skapa tillgängliga plugins, teman och widgets, samt underlätta åtkomsten till ditt innehåll.
  • WordPress Utvecklingsverktyg och tillgänglighet Plugins : En lista över verktyg och resurser som kan Göra WordPress Tillgängligt team och hjälper dig att testa och förbättra hjälpmedelsfunktionerna på dina webbplatser.
  • Göra WordPress Tillgänglig hemsida: Den officiella bloggen för Göra WordPress Tillgängliga team, där du kan läsa de senaste nyheterna och hjälpa dig WordPress mer tillgänglig.
  • WAVE Web Accessibility Evaluation Tool: Använd det här verktyget för att testa din WordPress-webbplats för tillgänglighet. Efter en skanning visar verktyget problem som du behöver åtgärda för att uppfylla tillgänglighetsriktlinjerna. 
  • Stark: När du börjar skapa din webbplats i Sketch eller Adobe XD hjälper detta dig Plugin se till att dina webbplatsprojekt är tillgängliga från början. 
  • Hjälpmedelsfärghjul: Använd det här verktyget för att välja färger som är tillräckligt kontrasthöga och följa tillgänglighetsriktlinjerna. Du kan också se hur personer som lider av färgblindhet kommer att se de färger du väljer. 
  • Axe Chrome Extension: Om du använder Chrome låter det här tillägget dig kontrollera vilken webbplats som helst för tillgänglighetsproblem med ett enda klick.
  • A11y Machine :Du kan ladda ner A11y Machine från GitHub. Det här verktyget fungerar som ett automatiserat testverktyg för tillgänglighet. Detta innebär att du kontrollerar vilken webbplats som helst för dess tillgänglighet. Verktyget skapar sedan en detaljerad rapport som du sedan kan använda för att förbättra tillgängligheten på din webbplats.

Slutsats: Hur du säkerställer tillgängligheten på din WordPress-webbplats

WordPress som plattform erbjuder dig redan utanför box vissa funktioner för tillgänglighet – men är fortfarande inte helt tillgängliga. Om du vill utveckla tillgängliga webbplatser med WordPress finns det några saker du behöver tänka på: 

  • Följ de officiella riktlinjerna för tillgänglighet till webbinnehåll samt WordPress Riktlinjer för tillgänglighet, som är Theme Läs manualen. 
  • Börja med en barriärfri WordPress Theme att förkorta utvecklingstiden och skapa en solid grund för en tillgänglig webbplats. 
  • Använda WordPress Tillgänglighet Plugins och verktyg för att testa din färdiga webbplats och se till att den är tillgänglig för alla.

Om du implementerar tipsen ovan är du på god väg att skapa tillgängliga webbplatser och göra Internet enklare att använda och tillgängligt för alla . Och om du behöver snabb och säker WordPress-värd för alla tillgängliga webbplatser du ska bygga, tveka inte att välja en gratis provperiod på Raidboxes registreras. 

Dina frågor om WordPress Accessibility

Vilka frågor har du till Maddy? Använd kommentarsfunktionen. Vill du ha fler tips på webbdesign och utveckling? Följ oss sedan på Twitter, Facebook eller via vårt nyhetsbrev.

Tyckte du om artikeln?

Med din recension hjälper du oss att förbättra vårt innehåll ytterligare.

Skriva en kommentar

Din e-postadress kommer inte att publiceras.