Innehållsförteckning
Tillgänglighet i praktiken Hur skapar man tillgänglighetsanpassade dokument?
Hur gör vi då?
Dagens mål Tillgänglighet i det dagliga arbetet en arbetsprocess Hur får vi skribenten medveten om detta? Vilka verktyg behöver vi bla - Tillgänglighetsanpassa mallar Grafiska riktlinjer Tillgänglighet i Word Tillgänglighet i Powerpoint Tillgänglighet i Excel
Tillgänglighet en arbetsprocess 0 En bra mall 1 Det börjar med skribenten tänker på tillgänglighet och läsbarhet under processen 2 Tillgänglighetskontrollerar dokumentet 3 Konvertera till PDF Gör de anpassningar som behövs för att få dokumentet korrekt taggat
Grafiska riktlinjer
Läsbarhet och typsnitt Olika typsnitt passar olika medier Typsnitt för att förmedla något to make impact
Läsbarhet och typsnitt Olika typsnitt passar olika medier Typsnitt för att förmedla något to make impact Långa krångliga dokument lättläst typsnitt Fontstorlek (12 pt vanligt dokument, mkt större i PPT) Vänsterjustera löptext (avstava ej) Radlängd (max 80 tecken) UNDVIK VERSALA RUBRIKER Färgkontrast
Storlek på teckensnitt
Färg och kontrast på teckensnitt
Temafärger i Office 20 25 18 16 20 14 12 15 10 8 10 6 4 5 2 0 A 0 A
Färger 20 25 18 16 20 14 12 15 10 8 10 6 4 5 2 0 A 0 A
Färger 20 25 18 16 20 14 12 15 10 8 10 6 4 5 2 0 A 0 A
Färger
Grön röd färgdefekt Denna sida illustrerar hur ett diagram kan se ut för en person som inte ser skillnad på röd och grön färg. Om man använder röd och grön i ett stapeldiagram så kommer det vara svårt att förstå diagrammet då de inte ser vilka fält som har vilken färg. För att komma runt detta problem kan man använda mönster istället för färg eller som komplement. Bilderna är tre diagram som skall illustrera problemet ovan.
Colour Contrast Analyser https://developer.paciellogroup.com/resources/contrastanalyser/ The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators. This tool provides two useful core functionalities a pass/fail assessment against WCAG 2.0 color contrast success criteria a simulation of certain visual conditions, including dichromatic colorblindness and cataracts, to demonstrate how your web content appears to people with less than 20/20 vision
Bilder Skall tillföra något Skall beskrivas Placera på det ställe i texten där de hör hemma Lägg bilden i nivå med text
Word
Checklista för utvecklare och användare Använd formatmallar Rubriker med dispositionsnivå satt Använd äkta listformat Lägg in beskrivning till bilder, ritade objekt, tabeller, ljudklipp och videos Undvik flytande objekt Bygg enkla tabellstrukturer Ange rubrikrad och summarad i tabellverktygsfliken.
Checklista för utvecklare och användare, här fortsätter checklistan från föregående sida Undvik vita tecken Förklara hyperlänkar Undvik viktig information i sidhuvud och sidfot Undvik vattenstämpel/bakgrundsgrafik infoga en innehållsförteckning i långa dokument Lättläst layout
Formatmallar En formatmall är: Ett fördefinierat utseende på en viss typ av text, ex Rubriker i olika nivåer, bildtexter etc Formatmallar används för att tagga ditt dokument. Du kan identifiera olika delar av dokumentet med formatmallar, ex rubrik, fotnot, hyperlänkar etc Bygg formatmallarna rätt Rubriker skall ha rätt dispositionsnivå, håll ihop med nästa etc etc
Innehållsförteckning Enkelt att navigera och hitta till rätt ställe i texten Återigen använd rätt formatmallar Rubriktexten är också viktig, så beskrivande som möjligt
Alternativ text Lägg in alternativ text till bilder, tabeller, filmer och ljudklipp mm Alternativ text skall skrivas till: Bilder Ritade objekt (Shapes) Diagram WordArt SmartArts Filmer Ljudklipp
Tabeller Bygg enkla tabellstrukturer Sammanfoga inte celler Dela inte celler Använd rubrikrad och summarad Upprepa som rubrikrad Skärmläsare läser tabellen från vänster till höger Det är denna som taggar rubrikraden som rubrikrad
Tabeller för layout Undvik tabeller för layout? Tabeller för layout skall vara enkla Tabeller för layout eller tabbar?
Sidhuvud och sidfot Lägg ej mottagaradress i sidhuvudet Annorlunda förstasida När måste det trots allt ligga viktig information i sidhuvudet/sidfoten Hur kan man göra om man har info i sidhuvud/sidfot Funktion som lyfter ut viktig information till en förstasida
hyperlänkar Hyperlänkar Klicka här Läs mer här om tillgängliga dokument
Kontrollera dokumentet/accessibility Checker
Wordformulär I låsta dokument läses bara fälten upp Instruktioner (ren text) läses inte upp Instruktioner läggs i separat fil eller gömt formulärfält Hjälptext i varje formulärfält Layout i Word formulär i pdf
Powerpoint
Vad läses upp Dispositionsvy
Powerpoint korta checklistan Använd inbyggda layouter Olika platshållare läses olika Titel använd alltid en titel (kan döljas) Lägg in alternativ text till objekt Ange rubrikrader i tabeller Beskriv filmer och ljudklipp-
Dölj en titel Skriv in titeln i titelplatshållaren Gå till startfliken, gruppen rita, menyn ordna och välj där Markeringsfönster
Kontrollera läsordningen Kontrolleras i Markeringsfönstret (Start ordna) Lägg objekt i en logisk ordning
Ljud och film Alt text Plugin för undertexter Se till att ljudfiler och filmer är tillgängliga även på annat sätt
Excel
Tillgängliga Exceldokument Exceltabell med rubrikrad Undvik många tomma celler efter varandra Ge flikarna informativa namn, dvs inte flik 1, flik 2 osv
Paulina Tamme paulina@learningpoint.se