WordPress Tillgänglighet: Hur man skapar en tillgänglig webbplats (+ Plugins för det)

Maddy Osman Senast uppdaterad den 19 okt 2020
12 Min.
WordPress -Hjälpmedel
Senast uppdaterad den 19 okt 2020

Hjälpmedel (eller tillgänglighet) i WordPress är en viktig komponent för att skapa webbplatser som ännu inte har diskuterats tillräckligt. Men hur tillgängligt är det populära CMS? Varför är tillgänglighet så viktigt? Och hur blir din 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 att fungera. Använd e-handelssidor, stora onlinepublikationer, nyhetskanaler, bloggar och företagswebbplatser WordPress eftersom det är lätt att använda.

Och just för att WordPress så populärt, det har en stor inverkan på webbtillgänglighet. Frågan om tillgänglighet ligger dock inte alltid i förgrunden när man utvecklar och omformar en webbplats. Istället vill många WP-användare hitta rätt Theme för att förbättra sin SEO-ranking och se till att deras webbplats laddas snabbt. Det är inget fel med detta – men det borde vara lika viktigt att din WordPress sidan ä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 den här guiden är helt rätt 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 WP-sida? 

Vad är webbtillgänglighet?

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 Tillgänglighet: Hur man skapar en tillgänglig webbplats (+ Plugins för det)

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?

I handboken definieras de kodningsstandarder som WP-utvecklare måste uppfylla när de bidrar till WordPress Lägg till Core och Themes Och Plugins till det officiella förvaret.

Ä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 Tillgänglighet: Hur man skapar en tillgänglig webbplats (+ Plugins för det)

Tips för att skapa en tillgänglig WP-sida

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

Checklista för webbplatsens tillgänglighet

  • 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 kommer att följa när du skapar en tillgänglig webbplats med WordPress måste följa efter. 

Policyer för att säkerställa att din 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.

Policyer för att säkerställa att din webbplats är användbar

  • 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 föregående interaktion mellan 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.

Policyer för att säkerställa att din 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".

Policyer för att säkerställa att din 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.
  • Använd tabindexför att skapa ett element som normalt inte får fokus, till exempel
    eller , i navigeringsordningen när den används för interaktion.
  • 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.

Det bästa WordPress Tillgänglighet Plugins och verktyg

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 WordPresss-hjälpmedel Plugins från den officiella WordPress Plugin Databasen. Den har ett 5-stjärnigt betyg och mer än 30 000 aktiva installationer. Den Plugin ta itu med och ta itu med allmänna tillgänglighetsproblem i WP- Themes . 

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-kontroll av efterlevnad-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

Den Plugin Access Monitor har 5-stjärniga och 400 installationer. Den Plugin lägger inte till hjälpmedelsfunktioner på din webbplats, men låter dig kontrollera hur tillgänglig din sida är just nu. Den kontrollerar också automatiskt webbplatsens tillgänglighet, som styrs av webbtillgänglighetstjänsten 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 inställd på Spela upp automatiskt eller Pausa med tangentbordsinteraktion. Ett annat exempel är ett formulär Plugin som inte har korrekt märkta fält. I den meningen bör du använda din sida varje gång du skapar en ny Plugin installera, testa om för tillgänglighet. 

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. 

WordPress - Themes

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. 

Utveckling av barriärfria WordPress Sidor

Låt oss vara ärliga: De flesta WP-användare kommer att registrera sig för en premie Theme marknadsplatser från tredje part eller en helt anpassad design. 

Om du är en utvecklare som är involverad i skapandet av en tillgänglig WordPress finns det några ämnen som du kan använda som utgångspunkt.

Understreck

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

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

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

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

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 WP-sida och påskyndar utvecklingstid och utvecklingsprocess. 

Mer tillgänglighetsresurser i WordPress

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änglig WordPress Themes : En presentation av Joseph Karr O'Connor från WordCamp 2013 i Montreal. Presentationen behandlar tillgänglighet i allmänhet och dess tillämpning i WordPress , inklusive skapandet av tillgängliga Plugins , Themes widgets och gör det enklare att komma åt 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 webbplatsen för hjälpmedel. Efter en genomsökning visar verktyget problem som du behöver åtgärda för att uppfylla riktlinjerna för hjälpmedel. 
  • 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: Så säkerställer du tillgängligheten på din WP-sida

WordPress som plattform erbjuder out of the box dig några tillgänglighetsfunktioner - men är fortfarande inte helt tillgänglig. Om du använder tillgängliga webbplatser med WordPress utveckla, måste du överväga några saker: 

  • 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 ovanstående tips är du på god väg att skapa tillgängliga webbplatser och göra Internet mer tillgängligt och tillgängligt för alla.  Och om du vill ha en snabb och säker WordPress hosting för alla tillgängliga webbplatser du ska skapa, tveka inte att registrera dig för en gratis provperiod av RAIDBOXES för att registrera sig. 

Dina frågor: WordPress Tillgänglighet & tillgängliga webbplatser

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.

Bild: Unsplash

Maddy Osman är SEO Content Strateg. Det fungerar med utvalda kunder i WordPress och webbhotell område. På grund av sin bakgrund inom webbdesign och WordPress hon har en djup förståelse för SEO - och vet exakt hur man kopplar varumärken med SEO-relevant innehåll.

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.