Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se DATUM: 2009-04-03 Revisionshistorik Datum Kommentar 2009-02-25 Utkast från Funka Nu 2009-04-03 Uppdatering från Funka Nu 2009-xx-xx Version 1.0 fastställd
Tillgänglighetskrav: Teknik Definition av kravnivåer: = Krav som skall vara uppfyllda i normala fall. Det kan möjligen uppstå situationer där dessa krav inte uppfylls idag utan blir en målbild för leverantörer där de måste redogöra för en plan över hur och när dessa kommer att kunna uppfyllas. Tilläggskrav = Detta är sådana krav som Malmö behöver ta ställning till från fall till fall. Om det i en viss situation är enkelt att uppfylla kravet så kommer det sannolikt att tas med. I annat fall inte. Grundkonstruktion T1. Kodkvalitet a) Dokumenttyp ska vara angivet i sidornas kod b) Teckenuppsättning ska vara korrekt angivet c) Html-koden ska validera korrekt mot xhtml 1.0 strict HTML 4.01 Transitional kan accepteras ur tillgänglighetssynpunkt. d) Css-koden ska validera mot css 2.1 e) Html- & css-koden bör vara minimerad Tilläggskrav T2. Separation av innehåll och design a) Layouttabeller ska inte användas. delvis Kan eventuellt accepteras i komplexa formulär.
b) Css ska användas för all presentation c) Css-, och html-koden ska vara separerad d) Innehållet ska vara organiserat så att det är läsbart utan css e) Dekorationsbilder bör vara placerade i css-koden Tilläggskrav T3. Gränssnittets flexibilitet a) Relativa mått ska användas för alla texter b) Webbplatsen ska vara fullt användbar och läsbar vid förstoring Undantag kräver inbyggd anpassafunktion i gränssnittet. Hjälper den som ser dåligt eller har dålig motorik/kroppshållning. Hjälper vid dåliga ljusförhållanden eller ergonomiskt dåliga miljöer. Hjälper i samma situation som ovan. c) Max- och minimått bör användas för att undvika att rader blir kortare än 25 tecken eller längre än 75 tecken Tilläggskrav Hjälper den som vill ändra radlängder. T4. Ramar a) Ramar får bara användas om det finns särskilda skäl X b) Ramar ska ha ett namn som antyder dess funktion X c) Varje rams syfte ska vara beskrivet i attributet title X d) Det ska finnas information till webbläsare som inte stöder ramar om X
varför det uppstått ett problem och vad man kan göra i stället T5. Komplexa tekniker a) Komplexa tekniker så som java, flash och script ska användas för att öka användarnyttan. b) Om en komplex teknik används ska relevant hjälp eller information finnas för användare vars utrustning inte stöder den aktuella tekniken Lösningar med hjälp av komplex teknik kan ge ökat stöd för personer med kognitiva funktionshinder. Komplex teknik kan vara svårare att hantera för personer som använder uppläsande/tolkande programvara. Diskuteras c) De komplexa tekniker som används är tillgänglighetssäkrade Diskuteras d) Om inte tekniken har tillgänglighetssäkrats måste grundläggande information och tjänster gå att nå och använda även utan denna teknik. Menyer och navigation T6. Navigation a) Webbplatsen ska kunna styras valfritt med mus eller tangentbord b) Tabbordningen ska vara logisk delvis Hjälper blinda och vissa grupper av rörelsehindrade. Hjälper personer med musarm/smärtor i axel och nacke (växande grupp).
c) Klickbara ytor ska vara tillräckligt stora d) Nya fönster och täckande lager får inte öppnas utan att användaren bett om det e) Länkgrupper och informationsområden ska vara grupperade både visuellt och, i fallet med länkgrupper, med html-listor. f) Genvägar ska finnas för att möjliggöra snabbare navigering med tangentbordet Hjälper samma grupp som ovan. Hjälper synskadade och personer med dålig motorik (äldre). Diskuteras g) Snabbkommandon bör användas Tilläggskrav T7. Automatiska händelser a) Automatisk uppdatering av sidor får bara användas om det finns särskilda skäl X Hjälper den som navigerar med tangentbord. Hjälper den som navigerar med tangentbord. b) Automatisk vidareskickning av besökare ska inte ske på klientsidan X c) Tidsgränser får bara användas om det finns särskilda skäl X d) Om automatiska händelser eller tidsgränser används ska användaren förvarnas om detta och det bör finnas en möjlighet att förlänga tidsintervallet Hjälper ovana, långsamma, lättdistraherade och okoncentrerade personer.
Formulär och e-tjänster T8. Formulär ska vara korrekt konstruerade a) Ledtexter ska vara knutna till respektive formulärsobjekt b) Delar i ett formulär ska vara grupperade delvis Hjälper den som navigerar med tangentbord (extremt viktigt för blinda) och personer med dålig motorik. Se ovan. c) Formulärsliknande objekt ska vara konstruerade med tekniker för formulär. Se ovan. Struktur T9. Använd rätt element till rätt sak delvis a) Rubrikelement ska användas för att förmedla dokumentets informationsstruktur med en korrekt hierarki b) Listor ska vara korrekt kodade och användas på rätt sätt. c) Stycken ska vara skapade med elementet p och användas på rätt sätt d) Citat ska markeras med q eller blockquote X Tilläggskrav e) Förkortningar och akronymer ska förklaras med abbr respektive X Tilläggskrav
acronym eller genomgående skrivas ut i text T10. Datatabellers konstruktion a) Tabellrubriker ska identifieras med hjälp av th och caption b) Avancerade tabeller ska förklaras kort med hjälp av attributet summary Tilläggskrav Hjälper framförallt blinda. c) Tabellceller ska enbart användas för tabelldata d) Komplexa tabeller ska kompletteras med relevant kod. Hjälper framförallt blinda. Länkar T11. Länkars konstruktion delvis a) Länkar är konstruerade så att de framträder oberoende av hur användaren ställt in sin webbläsare. Ljud, bild och komplexa medieformat T12. Använd olika format till det de är tänkta att användas a) Text presenteras som text, inte som bilder av text delvis Undantag medges för banners och enstaka objekt där formen kräver typsnitt som inte kan återges som text i webbläsaren.
Hjälper den som behöver förstora text, eller ställa in ett eget valt typsnitt i sin webbläsare. T13. Beskrivningar av bilder a) Likvärdiga textbeskrivningar ska finnas för alla meningsbärande grafiska element på webbplatsen b) Bildkartor ska vara klientbaserade och ska ha textbeskrivningar både för länkar och för bilder Hjälper främst blinda. Hjälper också personer som behöver peka på bilden för att förstå vad den betyder. Hjälper främst blinda. T14. Hantering av ljud a) Information som presenteras som ljud ska vara förklarad i text X Tilläggskrav Hjälper hörselskadade och personer som har svårt att tillgodogöra sig muntlig information. b) Bakgrundsljud ska enkelt kunna stängas av manuellt eller avslutas automatiskt inom 3 sekunder X Tilläggskrav Hjälper hörselskadade och personer som lätt tappar koncentrationen. T15. Hantering av komplexa medieformat (pdf, flash etc.) a) Det ska finnas en lämplig textbeskrivning av material i komplexa format i anslutning till detta material Tilläggskrav Hjälper främst blinda. Hjälper också personer som har svårt att tillgodogöra sig information via ljud och bild.
b) Material som presenteras med komplexa medieformat har tillgänglighetssäkrats Diskuteras Visuell presentation T16. Färger & kontraster delvis a) Begripligheten är inte beroende av användarens förmåga att uppfatta olika färger Hjälper synskadade. Hjälper också om informationen visas via projektor eller i miljöer där ljusförhållandena är bristfälliga. b) Förgrunds- och bakgrundsfärger ska tillsammans ge tillräckliga kontraster Se ovan. c) Text bör inte presenteras mot en bakgrund som skiftar i färg eller nyans Tilläggskrav Se ovan. T17. Rörelser i gränssnittet a) Webbplatsen presenteras utan störande skärmflimmer och utan rörliga och blinkande element som ej går att stänga av Hjälper personer med epilepsi och andra hjärnskador där flimmer kan utlösa anfall. Hjälper personer som har svårt att koncentrera sig och som har problem med korttidsminnet (äldre).
Information och hjälp T18. Beskrivning av sidor a) Sidorna har unika och relevanta sidtitlar delvis b) Metadata tillhandahåller information som har betydelse för sidan och webbplatsen Diskuteras c) Dublin Core bör användas för metadata Diskuteras d) Sidans huvudsakliga språk ska vara angivet i koden e) Språk som avviker från sidans huvudsakliga språk ska anges X Tilläggskrav