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

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

Hjälpmedel (eller hjälpmedel) i WordPress är en viktig komponent i att skapa webbplatser som ännu inte diskuteras tillräckligt. Men hur tillgänglig är den populära CMS? Varför är tillgängligheten så viktig? Och hur blir din webbplats tillgänglig för alla?

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

WordPress gör mer än 35 procent av alla webbplatser fungerar. Använd e-handelssidor, stora onlinepublikationer, nyhetskanaler, bloggar och företagswebbplatser WordPress eftersom den är enkel att använda.

Och just därför att WordPress så populär, det har en stor inverkan på webbtillgänglighet. Frågan om tillgänglighet är dock inte alltid i förgrunden när du utvecklar och omformar en webbplats. Istället vill många WP-användare hitta rätt Theme att förbättra sin SEO ranking och se till att deras hemsida laddas snabbt. Det är inget fel med detta – men det ska vara lika viktigt att din WordPress sidan är tillgänglig för alla. 

Enligt statistik från Interaktiv hjälpmedel 56 miljoner amerikaner med funktionshinder. Dessutom har Pew forskningscenter 54 procent av vuxna med funktionshinder i USA använder Internet regelbundet. Och det är bara USA. Över hela världen dessa siffror ökar.

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

Så om du någonsin undrat hur man skapar en tillgänglig webbplats med WordPress denna guide är helt rätt för dig. Vi kommer att svara på några viktiga frågor, bland annat:

  • Vad är Webbtillgänglighet?
  • Är WordPress "ur lådan" barriärfri?
  • Vilka verktyg och Plugins hjälpa 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 åtkomlig. Detta är särskilt relevant för funktionshinder som kan påverka hur personer får tillgång till och använder webben, inklusive:

  • Synnedsättningar
  • Akustiska nedskrivningar
  • Nedskrivning av språk
  • Kognitiva funktionshinder 
  • Neurologiska funktionshinder
  • Tillfälliga funktionshinder (till exempel en bruten arm)

Den här listan omfattar även åldersrelaterade funktionshinder – och till och med funktionshinder som är ett resultat av en långsam Internetanslutning. En av de främsta anledningarna till tillgänglighet är så viktigt är den växande roll som Internet i vårt dagliga liv: från tillgång till information och nyheter, till matinköp, att upprätthålla kontakten med våra nära och kära.

Andra skäl till att 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 förmåga.

Är WordPress "ur lådan" barriärfri? 

WordPress var inte alltid hinderfri: 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 admininstrumentpanelen.

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

Sedan dess har mycket hänt. Först en liten grupp frivilliga – de så kallade Göra WordPress Tillgängligt team - tillgängligheten till WordPress förbättras avsevärt.  

Som ett resultat av deras arbete har Admin-område tillsammans med Mediebiblioteket och Theme Customizer 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. 

Det är Kodningsstandarder för tillgänglighet av WordPress lämnades i mars 2016 in till WordPress Kärnhandbok Tillade. Sedan dess har Themes Och Plugins klarar ett strikt prov för tillgänglighet för att över och över vara klassas som hinderfritt.

Vad är handboken core contributor?

Handboken definierar kodningsstandarderna 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 återstår mycket arbete på tillgänglighetsområdet. Även om det är sant att WordPress strävar efter att Riktlinjer för författarverktygets tillgänglighet (ATAG) 2.0 men det finns andra frågor som förhindrar 100% tillgänglighet: 

  • Theme - och Plugin tredjepartsutvecklare följer inte alltid riktlinjerna för tillgänglighet. Som ett resultat av detta har de flesta tillgänglighetsproblem i WordPress till icke-åtkomliga Themes Och Plugins Tillskrivas.
  • Den nya Gutenberg Editor vid tidpunkten för dess offentliggörande, ska 90 tillgänglighetsfrågor. (Vid tidpunkten för denna artikel, endast 22 Problem 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 är Riktlinjer för webbinnehållshjälpmedel är fasta. Du bör definitivt använda dem för att se till att alla kan använda din webbplats. 

Checklista för tillgänglighet till webbplatsen

  • Märkbar :Alla användare måste kunna uppfatta komponenterna i informationen och användargränssnittet.
  • Operabel: Oavsett vilken enhet användare använder för att få tillgång till din webbplats måste användargränssnittets komponenter och navigering kunna manövreras.
  • Begripligt: Alla användare måste kunna förstå informationen samt användargränssnittet.
  • Robust: Både användare och olika användaragenter (inklusive hjälpteknik) 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. 

Policyer för att säkerställa att din webbplats är märkbar

  • Länkar och knappar ska inte vara annorlunda än ditt innehåll helt enkelt av färgschemat.
  • Erbjud stöd för punktskrift och ge textalternativ för visuellt innehåll och hörselinnehåll, som bilder och videor.
  • Ange textbredden och linjetjockleken till storlekar som maximerar läsbarheten.
  • Kontrollera att det finns tillräcklig kontrast mellan din text och bakgrunden. Med andra ord, vänligen använd inte klarröd text på en svart bakgrund.
  • Ljud- och bildinnehåll bör innehålla transkriptioner, bildtexter eller teckenspråk.
  • Animerade GIF-bilder, 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 av användarna.
  • Se till att användarna kan komma åt knappar och menyalternativ (samt rullgardinsmenyer) med hjälp av tangentbordet och musen. 
  • Medieelement som video, ljud, karuseller eller skjutreglage ska inte ställas in på automatisk uppspelning eller ändras 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 vyportar och ändra position och utseende av de viktigaste elementen därefter.
  • 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 vettigt ä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 överst på varje sida.
  • Se till att dina formulärfält 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 tabindex föratt skapa ett element som normalt inte får fokus, t.ex.
    eller , i navigeringsordningen när den används för interaktion.
  • Nedladdningsbara medier som PDF-dokument, ljud eller videoinnehåll bör ha en beskrivning som anger att en nedladdning startar.
  • Icke-standardiserade interaktiva element, som dragspel eller flikar, bör ha en betydelse enligt WAI-ARIA Roller har.

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-hjälpmedel är en av de bästa WordPresss Accessibility Plugins från den officiella WordPress Plugin Databasen. Den har en 5-stjärniga betyg och mer än 30.000 aktiva installationer. Det är Plugin behandlas och tar upp allmänna tillgänglighetsfrågor i WP- Themes . 

Viktiga funktioner i WP-hjälpmedel:

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

WP Accessibility åtgärdar även problem med tillgängligheten i WordPress Core, till exempel 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

WPAccessible Toolbar

Verktygsfältet AccessibleWP, tidigare känd som Accessible Poetry, har betyget 4,5 stjärnor och mer än 4 000 aktiva installationer. Det är 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 webbplatsens färger 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 lagringsplatsen. 

Ett klick Hjälpmedel

Ett klick-hjälpmedel

Den populära WordPress - Plugin för tillgänglighet, Ett klick Hjälpmedel, utvecklades ursprungligen för Pojo Framework och är nu WordPress - Themes Kompatibel. Det är Plugin har en rating på 4,5 stjärnor och mer än 30 000 aktiva installationer. 

Viktiga funktioner i One Click Accessibility:

  • Användare kan aktivera eller styra teckenstorlek, kontrast, understrykningslänkar, läsbara teckensnitt med ett verktygsfält för hjälpmedel
  • Aktivera hoppa över länkar
  • Lägga till dispositionsfokus för fokuserbara element
  • Ta bort Mål-attribut 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: Ett Klick Hjälpmedel kan laddas ner gratis från den officiella lagringsplatsen. 

WordPress Hjälpreda för tillgänglighet

WordPress -Hjälpmedel Hjälp

WordPress Hjälpreda för tillgänglighet har en 5-stjärnig klassning och mer än 10 000 aktiva installationer. Det är Plugin erbjuder en gratis version med en omfattande uppsättning funktioner. Premium-versionen erbjuder ännu fler funktioner, inklusive möjligheten att styra modala fönster och popup-fönster, lägga dragspel, och anpassa logotyper.

Huvuddragen i WordPress Tillgänglighetshjälpare: 

  • Lägg till hoppa över länkar
  • Ange teckenstorlek enligt dina önskemål
  • Kontrollera sidor och inlägg för tillgänglighetsfel
  • Ange anpassade färger för bättre/mörkare kontrast
  • Understryk 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ängligheten till en nyckelfunktion på deras webbplats och verksamhet. 

Pris: WordPress Tillgänglighetshjälparen kan laddas ner gratis. Du kan köpa Pro-versionen för 80 USD, 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-efterlevnadskontroll-Grundläggande

WP ADA-efterlevnadskontroll Grundläggande kontrollera din webbplats för frågor om webbtillgänglighet och ge 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-efterlevnad kontrollera Basic: 

  • Utvärdera din webbplats 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 Web Accessibility, eller företag som är intresserade av tidsbesparande funktionen för automatisk korrigering med premiumversionen.

Pris: WP ADA Compliance Check Basic kan laddas ner utan kostnad 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. 

Access-övervakare

Access-övervakare

Det är Plugin Access-övervakare har en 5-stjärnig klassning och 400 installationer. Det är Plugin lägger inte till hjälpmedelsfunktioner på webbplatsen, men du kan kontrollera hur lättillgänglig sidan är just nu. Den kontrollerar också automatiskt tillgängligheten för din webbplats, 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 kan fastställas slutgiltigt av maskin

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

Pris: Access Monitor kan laddas ner gratis från den officiella lagringsplatsen. 

En anteckning om WordPress Plugins och Tillgänglighet

Det är viktigt att nämna att Plugins Samt WordPress Themes lämnas in av alla och genomgå en valfri Tillgänglighetskontroll under granskningsprocessen. Som ett resultat av detta har många WordPress Plugins policyer för den digitala tillgängligheten—och användningen av dem kan göra din webbplats oåtkomlig. 

Vanliga exempel på sådana Plugins är skjutreglage eller karusell Plugins inställd på Autoplay 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 på om för tillgänglighet. 

WordPress Themes och tillgänglighet

Om du går till det officiella arkivet för WordPress och din sökning efter tillgänglig Themes filter, upptäcker du tyvärr att det bara finns 108 Themes, som är markerade som hinderfria. 

WordPress - Themes

Som redan nämnts Theme tillverkaren tack vare insatserna från Göra WordPress Tillgängligt team henne Theme under granskningsprocessen för en valfri revision av tillgängligheten. 

För att få taggen "Tillgänglighetsklar" visas en Theme ett antal Riktlinjer för digital tillgänglighet möta dem i Theme Granska Manual och i den officiella WordPress Codex Listade. 

Utveckling av barriärfritt WordPress Sidor

Låt oss vara ärliga: De flesta WP-användare kommer att registrera dig 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 sidan finns det några ämnen som du kan använda som utgångspunkt.

Understreck

Understreck

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

Genesis av StudioPress

Genesis

Genesis av StudioPress är en populär premie ram som används för att utveckla din egen barriär-fri Genesis Child Theme kan användas. Alternativt kan du använda någon av de befintliga underordnade Themes med tillgängliga funktioner.  

GenereraPress

GenereraPress

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

Wcag Theme

WCAG- Theme

Wcag Theme var speciellt utvecklad med avseende på tillgänglighet och motsvarar sektionen 508 & WCAG 2.0 AA. Dessutom har det fullt tangentbord stö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 Byggare för sida Plugins och snabba laddningstider.

Astra ger dig en tillgänglig grund för din WP-sida och snabbar upp utvecklingstid och utvecklingsprocess. 

Fler hjälpmedelsresurser 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 börja din forskning:

  • Göra tillgänglig WordPress Themes: 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 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 tillgänglighetsfunktionerna på dina webbplatser.
  • Göra WordPress Tillgänglig hemsida: Den officiella bloggen av de Göra WordPress Accessible Teams, där du kan läsa de senaste nyheterna och hjälpa dig WordPress mer tillgänglig.
  • Verktyg för utvärdering av webbtillgänglighet för webbtillgänglighet: Använd det här verktyget för att testa webbplatsen för hjälpmedel. Efter en genomsökning visar verktyget problem som du måste åtgärda för att uppfylla riktlinjerna för tillgänglighet. 
  • Stark: När du börjar skapa din webbplats i Sketch eller Adobe XD, kommer detta att hjälpa dig Plugin se till att dina webbplatsprojekt är åtkomliga från början. 
  • Hjälpmedel Färghjul: Använd det här verktyget för att välja färger som är tillräckligt kontrast-hög och följer riktlinjerna för tillgänglighet. Du kan också se hur personer som lider av färgblindhet kommer att se de färger du väljer. 
  • Ax Chrome Förlängning: Om du använder Chrome kan du med ett enda klick kontrollera vilken webbplats som helst med hjälp av ett enda klick.
  • A11y-maskinen: Du kan ladda ner A11y Machine från GitHub. Detta verktyg fungerar som ett automatiserat testverktyg för tillgänglighet. Det 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 webbplatsens tillgänglighet.

Slutsats: Hur du säkerställer tillgängligheten för din WP-sida

WordPress som en plattform, out of the box erbjuder dig några hjälpmedelsfunktioner - men är fortfarande inte helt tillgänglig. Om du använder tillgängliga webbplatser med WordPress utvecklas, måste man tänka på några saker: 

  • Följ de officiella riktlinjerna för webbinnehållshjälpmedel samt de WordPress Riktlinjer för tillgänglighet, som är Theme Granska Manual. 
  • 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 värd för alla tillgängliga webbplatser du ska skapa, tveka inte att registrera dig för en gratis testversion av RAIDBOXES att registrera sig. 

Dina frågor: WordPress Hjälpmedel och tillgängliga webbplatser

Vilka frågor har du till Maddy? Använd kommentarsfunktionen. Du vill ha fler tips om webbdesign och utveckling? Följ oss sedan på TwitterFacebook eller via vår nyhetsbrev.

Bild av bidrag: Ta av

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

Skriv en kommentar

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