Tillgänglighet är en demokratifråga gentemot våra medlemmar och med en tillgänglig sida behövs inga specialanpassningar, alternativa plattformar eller andra inbyggda hjälpmedel. Den som behöver hjälpmedel har redan det de behöver i sin dator/mobil/platta, det du behöver göra är att göra din webbplats tillgänglig för dem.
Det är alltid användaren som avgör om din webbplats är tillgänglig eller inte, tillgängligheten är något man måste tänka på löpande när man uppdaterar sin hemsida med nya sidor, texter, rubriker, länkar och bilder. Du som redaktör/utvecklare/kommunikatör kan tänka på följande saker när du bygger upp och utvecklar er hemsida för att göra den så tillgänglig som möjligt.
Vilka behöver extra tillgänglighet på webben?
- funktionsnedsatta (t.ex. synskadade, hörselskadade, kognitiva funktionshinder, rörelsehinder, dyslektiker)
- barn
- äldre
- invandrare
- de som är ovana att använda dator/webb/mobil
- de som inte har tillgång till ny/modern utrustning
Drygt 1,8 miljoner eller 20% av befolkningen i Sverige anses ha någon form av permanent funktionsnedsättning.
Webbredaktörens verktyg – så gör du:
I vår redaktörshandbok finns några grundläggande tips om tillgänglighet och hur man underlättar. Utöver dem så får ni här ytterligare några tips.
Ladda hem verktyg
Firefox har en del tillägg (Add-ons) till sina senare versioner (4 och senare) som gör det enklare för webbredaktören att se över tillgängligheten. Andra browser har säkert motsvarande funktioner, men då heter det något annat.
Sära på innehåll och design
- Använd stilmallar (CSS:er) för att styra ALL layout.
- Undvik klassiska ramar (frames).
- Undvik tabeller för design (tabeller ska användas för tabelldata).
Bilder
- Skilj mellan meningsbärande bilder och icke meningsbärande bilder.
- Använd korta och beskrivande ALT-texter.
- Blinda missar alla bilder.
- Bilder som laddas i stilmallen är alltid osynliga för blinda personer.
Meningsfulla titlar på sidan t.ex. <title>Beställ böcker – Lillköpings bibliotek <title>
- Hjälpmedelsprogram (t.ex. talsyntes) läser alltid upp sidans titel först.
- Denna text visas i sökmotorerna.
- Lättare att förstå var man är.
- OBS: Titel på sidan är något annat än sidans rubrik.
Använd rubriker på rätt sätt <h1>Beställ dina låneböcker här</h1>
- Rubriker ger en överblick av sidans innehåll och struktur.
- Använd rubriker i olika nivåer på rätt sätt (se webbredaktörshandboken ovan).
- Hjälpmedel navigerar mellan rubrikerna
Skriv det viktigaste först
- Användaren skumläser bara början av sidan.
- Sökmotorerna värderar tidigt innehåll högre.
- Hjälpmedel läser texten i den ordning testen förekommer i HTML-koden.
Om länkar
- Länkar gjorda med javascript uppfattas inte alltid av sökmotorer och hjälpmedel.
- Beskriv länken kort men utförligt.
- Använd gärna TITLE-text för att ge länkarna en mer utförlig beskrivning.
- Undvik TITLE-text som börjar med ”Länk:”
- Undvik ”Läs mer” eller ”Klicka här”.
- Gör klickytan så stor som möjligt.
- Gör länken understruken och i en färg som tydligt skiljer sig från färgen på vanlig brödtext.
Använd länkstigar (T.ex. Start/huvudrubrik/Underrubrik/sida)
- Visar var på webbplatsen användaren befinner sig.
- Visar hur användaren ska hitta tillbaka till samma sida.
- Kom ihåg: Många hittar till den aktuella sidan utan att gå ”omvägen” via startsidan.
- Placera länkstigen högst upp på sidan.
- Gör länkstigen klickbar (och visa att den är klickbar), utom sista steget som markerar att det är den sidan du är på.
Formulär
- Ha texten över och inmatningsfältet under så samlat som möjligt, undvik att ha dem i sidled eller i tabeller.
- Namnge formulärelementen
- Klickar man på texten intill så hamnar man i inmatningsfältet
- Var konsekvent i placeringen av knappar.
- Undvik onödiga fält och gör så få som möjligt obligatoriska att fylla i.
Här kan du läsa mer:
Boktips: Jävla skitsystem av Jonas Söderström