Att göra din webbplats tillgänglig för alla är inte bara en moralisk plikt, det är en laglig skyldighet. Många organisationer, inklusive Internationella olympiska kommittén, har väckts för att inte göra sina webbplatser tillräckligt tillgängliga. Med 50 miljoner amerikaner som lider av vissa funktionshinder eller andra, förbättrar din webbplats tillgänglighet också tydlig kommersiell mening.
Det är inte bara de som är märkta som "inaktiverade" som kan vinna heller. Forskning tyder på att 57% av de vuxna datoranvändarna kommer att dra nytta av ökad tillgänglighet av något slag. Endast 19% av webbplatserna uppfyller för närvarande de mest grundläggande tillgänglighetskraven, så du kan verkligen sticka ut ur tävlingen genom att göra några ändringar på din webbplats.
I den här artikeln undersöker vi 12 sätt där du kan göra din webbplats mer tillgänglig. Vissa metoder är mycket billiga och snabba att genomföra, andra kräver lite mer tid och finansiella investeringar, men du bör tänka på dem som affärsmöjligheter. Med internet så centralt för alla våra liv idag är det orättvist att vissa människor är kvar.
1. WAI-ARIA
När du förbättrar webbplatsens tillgänglighet bör din första anknytningshamn vara en uppsättning dokument som publiceras av Worldwide Web Consortium, kallad WAI-ARIA. Dessa dokument beskriver i grunden hur utvecklare ska lägga metadata till HTML för bättre tillgänglighet.
2. Progressiv Förbättring
Progressiv förbättring innebär att man utformar en webbplats på ett skiktat sätt så att alla kan få tillgång till de mest grundläggande funktionerna och användare med bättre bandbredd och avancerade webbläsare kan se en förbättrad version. Webbplatser som byggts med hjälp av en strategi för progressiv förbättring kan läsas mycket lättare av skärmläsningssoftware, som används av personer med olika funktionshinder.
3. Alternativt innehåll
Det är absolut nödvändigt att du tillhandahåller en text som motsvarar innehållet utan text på din webbplats. Bilder och videoklipp behöver alt-taggar, så att personer som använder skärmläsningsprogrammet kan ta reda på exakt vad som finns på en sida. Länkar behöver också relevanta taggar.
4. Bildtext
Förutom alt-taggar, bilder, ljud och videoklipp behöver du bildtexter, så att de synskadade vet exakt vad de tittar på. Om du laddar upp videor eller podcaster, ger du ett stycke text som sammanfattar innehållet, eller ännu bättre, ger ett fullständigt transkript. Glöm inte, bildtexter hjälper verkligen med SEO också.
5. Skärmläsningssoftware
Blinda och svagaste personer använder skärmläsningsprogrammet när de surfar på webbplatser. Ett av de bästa sätten att se till att din webbplats är tillgänglig för dem är att försöka använda samma programvara själv. Stäng av skärmen och kör programvaran för att ta reda på exakt vad din webbplats säger till dessa värdefulla läsare och potentiella kunder. Om mjukvaran börjar spruta gibberish, vet du att du behöver göra några ändringar!
6. Revision
Inget antal tillgänglighetsprovningar du gör själv kan jämföra med att ha en riktig specialist kasta sitt expertiska öga över din webbplats. Det finns ett antal företag och privatpersoner som kommer att utföra en tillgänglighetsrevision för dig och berättar exakt vilka förändringar du behöver göra.
7. Användbarhetstestning
Användbarhetstestning är ett annat värdefullt sätt att identifiera eventuella tillgänglighetsproblem med din webbplats. Få en grupp människor med en rad olika behov för att prova din webbplats för riktigt, navigera runt och utföra uppgifter. De kommer att kunna berätta i detalj om eventuella problem de stöter på, mycket av vilka du är skyldig att hitta kommer inte att ingå i WAI-ARIA-riktlinjerna.
8. Stylesheets
När du bygger eller omkonstruerar din webbplats, se till att dina stylesheets tillåter variabla teckensnittstorlekar och aldrig använda fasta teckensnitt. Du skulle bli förvånad över hur många användare, från gamla människor till dem med lite dålig syn, ändra storlek på sina teckensnitt regelbundet.
9. Font kontroller
Firefox- och Internet Explorer-användare kan förstora teckensnitt, men många människor är inte medvetna om detta och andra använder fortfarande äldre webbläsare som inte har den här funktionen. För dem, överväga att inbädda inpassning av teckensnittets storlek på din webbplats.
10. Konsistens
Konsistens i design från sida till sida är verkligen viktigt för personer som inte kan ta in en hel sida vid en blick och de som använder skärmsläsare. Om du är webbplatsens konsekventa, med samma saker på samma plats på varje sida, kommer de att kunna navigera runt mycket lättare. Sighted användare tycker ofta också om konsistens.
11. Text för navigering
Undvik att använda bilder för navigering på din webbplats, till varje pris. Använd text istället. Skärmsläsare kan förstå det och det är mycket lättare att ändra storlek. Om dina navigeringskontroller inte kan förstoras, se till att de är skrivna i ett klart teckensnitt, minst 16 punkter i storlek.
12. Färger
Att använda olika färger på webbplatser är bra, men du måste överväga hur de arbetar tillsammans för att skapa en tydlig bild. Förgrunds- och bakgrundsfärger måste vara tillräckligt kontrast och man kan glömma att använda ljusgrå text. Det är svårt för personer med 20-20 syn att läsa. Länkar måste ha en annan färg än resten av texten på din webbplats, helst blå och alltid understruken.
Slutsats
Tillgänglighet är en ofta förbisedd aspekt av webbdesign, men det är något som borde vara kärnan i din designprocess redan från början när du har en layout på wireframing. Utan att låta för självbetjäning, så att din webbplats uppfyller standarden för tillgänglighet betyder en sak: mer glada kunder. Och du vet vad det betyder!
Använd kommentarerna nedan för att berätta om du godkänner tipsen ovan och hur du har gjort din webbplats mer tillgänglig.