Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Relevanta dokument
UPPDRAGSGIVARE: Malmö stöd. VÅR REFERENS: Andreas Cederbom DATUM:

Revision. Funka Nu AB Döbelnsgatan 21, Stockholm

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0,

Bilaga 3b Användbarhet Dnr: /

Bilaga 3b. Användbarhet. Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm

Tillgänglighetskrav på produktion av film/webtv

1) Introduktion i tillgänglighet

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN

Rekommendationer för digital tillgänglighet hos läromedel

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Att göra-lappar för digital tillgänglighet

Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014

Manual för lokalredaktörer villaagarna.se

Att utveckla läromedel i digital form

Manual för lokalredaktörer villaagarna.se

Sociala medier för företag

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

Fältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

FUB och Klippan - Vårt webbverktyg I din webbläsare, skriv in eller klicka på Logga in längst ner på startsidan.

Så funkar webben. Slutrapport pilotprojektet Uppdrag från.se:s Internetfond. Karin Forsell

Hur tillgänglig är du? Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum

WordPress-manual Version 1.0

Regler för publicering på

Checklista Mobila applikationer fo r bank och betalning

Kunskapscentrumcentrum för Äldres Säkerhet

för en broschyr Så här använder du e-tjänsten för ekonomiskt bistånd Underrubrik 1

Kognitiv tillgänglighet

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Hur prioriterar personer med lässvårigheter 19 viktiga parametrar för läsbarhet?

Manual för att publicera på Samarbetsportalen

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

Användarmanual Legimus för

MANUAL FÖR WEBBEN. Så publicerar du aktiviteter och redigerar din föreningssida på hemslojden.org. Version 2.0 januari 2018

Så här använder du Legimus app för Iphone och Ipad

Användarutbildning i SiteVision

Diabetes.se CMS guide för föreningar. Senast uppdaterad:

Välkommen till ClaroStava svenska mac med tal artnr 12312

Kunskapscentrum för Äldres Säkerhet

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Vägledningen för webbutveckling webbriktlinjer.se. Björn

Beställa varor från Webbutik KUL

Att använda talsyntesen ClaroRead Pro

Lathund för att publicera på SAKs webbplats för användare i lokalföreningar.

Manual för hantering av lagsida inom BSK HFO

1 Detta fält hämtar värdet från den primära adressen på webbplatsen. Kontrollera att den primära adressen stämmer under "Webbplatsinställningar".

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar

Gleerups digitala läromedel. Info till dig som vårdnadshavare

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

TextIT Hjälp. Om du vill ha all text uppläst trycker du på knappen spela

Användarutbildning i SiteVision

Version lättläst. Så här använder du Legimus app. för Android

Expertgranskning: Mälardalens Högskola

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Administrationsmanual för SCMS

Vad säger WCAG om kognition?

VÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP GÖTEBORGS UNIVERSITET

Fritid för alla - Fritidswebben. En förstudie av Markus Blomqvist & Anna Stam People and technology

Manual Invånare. Stöd och Behandling release 1.8. Stockholm,

Välkommen på kurs hos RIGHT EDUCATION!

för att göra informationen tillgänglig Den här checklistan är ett verktyg då du och dina kollegor ska se över er kommunikation och information.

Användarmanual Legimus för. Android

Manual Invånare. Stöd och Behandling version 1.4. Stockholm,

LATHUND INNEHÅLL Inloggningslänk, Panelen Wordpress, Sidor, Nyheter Föreningssidor Bulletinen Licensierade företag Slider Formulär Menyn

1. Polopoly och webbpublicering på SU

Att använda talsyntesen ClaroRead Pro Version 6

Föreningen Nordens lokala hemsidor

Jordbruksverket. Web Service Index 2010 Avrapportering

Skriv före adressen och lämna bort www enligt modellen:

Webbsida i Wordpress. Existens på webben och bli sökbar

Tillgänglighetskrav i webbdirektivet. Pär Lannerö Underlag för muntlig introduktion hos Finansdep

Teater 23:s arbete med tillgänglig webb

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva

Dags att skriva uppsats?

Snabbguide till EpiServer CMS 5. Globalt delat innehåll. Vad är globalt delat innehåll?

En liten introduktion till

Sovra i materialet. Vad är viktigt? Vad kan tas bort? Korta ner långa texter.

MANUAL INVÅNARE. Manual Invånare. Stöd och Behandling release 2018:3. Stockholm, sid 1 (17)

Lathund skapa och redigera sidor en projektwebb

Länkar och navigering

Snabbguide: Hur man öppnar en egen nätbutik

Riktlinjer för navigation i mobilgränssnitt Senast uppdaterad

Nya funktioner i EPI6 Bilder hantering för nyheter

Snabbguide Digitala läromedel steg för steg

Manual HSB Webb brf

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

HJÄLPFIL: ELEVAPPLIKATIONEN

[ HUR DU UPPDATERAR FÖRSTASIDAN PÅ OTHELLO.NU ]

Egenskaper för digitala läromedel och film

Wordpress och Sociala medier av Sanna Ohlander Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se

LUVIT LMS Quick Guide LUVIT Composer

Användarguide. Sök och administrera dina volontärer på Volontärbyrån

Användarmanual Legimus för Android. Version 1.0

CHECKLISTA. För dig som vill göra information och kommunikation tillgänglig

Användarmanual. Visma TendSign Basic. Uppdaterad VISMA COMMERCE AB

Office 365. Vad är det?

Transkript:

Tillgänglighetskrav på interaktion och design 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-24 Utkast från Funka Nu 2009-04-03 Uppdatering från Funka Nu 2009-xx-xx Version 1.0 fastställd

Tillgänglighetskrav: Interaktion och design 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. = 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. Intryck P1. Startsida a) Webbplatsens avsändare är lätt att identifiera. b) Webbplatsens övergripande syfte är lätt att förstå c) Startsidan hjälper användaren att förstå vad som är viktigt P2. Generellt a) Webbplatsen upplevs inte rörig delvis ej Hjälper främst användare med kognitiva problem samt användare med ont om tid. Hjälper främst användare med kognitiva problem samt användare

med ont om tid. b) Intrycket bekräftar användarens förväntning av hur det borde se ut och fungera Hjälper främst användare med kognitiva problem samt användare med ont om tid. Hjälper dessutom ovana användare. Logik och begriplighet P3. Logik delvis ej a) Utformning och placering av objekt hjälper användaren att tillgodogöra sig innehållet b) Olika tjänster/avdelningar på webbplatsen är sinsemellan konsekventa i sin interaktion med användaren. Diskuteras c) När användaren upplever sig göra samma sak blir resultatet också detsamma d) Länkar som leder till samma sida bör heta samma sak P4. Begriplighet a) Det går att intuitivt förstå hur man navigerar på webbplatsen

Menyer och navigation P5. Menystruktur a) Antalet val i toppmenyn är väl avvägda b) Förhållandet mellan djup och bredd i strukturen är välbalanserad c) Menystrukturen speglar enbart informationsstrukturen. d) Menystrukturen innehåller inte länkar till externa webbplatser. e) Informationsmenyn innehåller inte globala funktioner. f) Informationsmenyn innehåller inte kontaktuppgifter. delvis ej g) Menystrukturen speglar användarnas förväntningar av hur innehållet borde vara strukturerat. h) Menyer har ställts upp enligt en uttänkt sorteringsordning P6. Övrig navigation a) Aktiv sida har aldrig aktiv länk till samma sida om det inte är en naturlig del av ett interaktionsgränssnitt Formulär och e-tjänster P7. Utformning av formulär delvis ej a) Formulär har en visuell utformning som underlättar ifyllning av uppgifter.

b) Formulär är konsekvent utformade genom hela webbplatsen. Diskuteras Hjälper främst användare med kognitiva problem samt användare med ont om tid. Hjälper dessutom ovana användare. P8. Utformning av knappar a) Knappar presenteras så som de olika webbläsarna presenterar knappar. Diskuteras b) Knappars placering är konsekventa inom samma sida c) Knappars placering är konsekventa mellan olika sidor i webbplatsen Diskuteras Hjälper främst användare med kognitiva problem samt användare med ont om tid. Hjälper dessutom ovana användare. P9. Felhantering a) När fel uppstår ska det tydligt meddelas användaren exempelvis med en meddelanderuta. b) Fel ska beskrivas både överst i formuläret och där felet återfinns Diskuteras c) Om fel uppstår ska korrekt ifyllda uppgifter inte gå förlorade skrivsvårigheter samt personer med koncentrationssvårigheter.

d) Felmeddelandena är lätta att förstå. Tabeller P10. Utformning av tabeller delvis ej a) Tabeller har en visuell utformning som underlättar förståelsen av det data som presenteras. Länkar P11. Utformning och beskrivning av länkar a) Vanlig länk är tydligt urskiljbar b) Länk som öppnar nytt fönster är tydligt urskiljbar. c) Länk som leder till extern webbplats är tydligt urskiljbar d) Länk för pdf är tydligt urskiljbar e) Länk för Word är tydligt urskiljbar Diskuteras f) Länk för Excel är tydligt urskiljbar Diskuteras g) Länk för teckenspråk är tydligt urskiljbar Diskuteras h) Länk för film är tydligt urskiljbar Diskuteras i) Länk för ljud är tydligt urskiljbar Diskuteras delvis ej

j) Länk för lättläst är tydligt urskiljbar Diskuteras k) Länkstig är tydligt urskiljbar. Diskuteras l) Nya fönster används enbart om det ökar användarnyttan. Diskuteras m) Länkars mål framgår tydligt. Ljud, bild och komplexa medieformat P12. Använd komplexa format när det är lämpligt delvis ej a) Komplexa format (exempelvis pdf och flash) ska bara användas när det är lämpligt och ökar användarnyttan. Multimediala lösningar gynnar främst personer som har lässvårigheter och kognitiva problem. Kan till viss del hjälpa döva. P13. Tydliga kopplingar till alternativt innehåll a) När bilder används för att förmedla flöden och komplexa samband är det tydligt för besökaren var denne kan hitta en textbeskrivning av den visuella informationen. Textbeskrivningar gynnar främst blinda och personer som lättare förstår text än bild. b) Alternativa textversioner är länkade eller placerade i direkt anslutning till det som de är alternativ till.

Visuell presentation P14. Typografi a) Rubriker är tydligt urskiljbara och läsbara b) Ingresser är tydligt urskiljbara och läsbara Diskuteras c) Brödtexter är tydligt urskiljbara och läsbara d) Bildtexter är tydligt urskiljbara och läsbara e) Citat är tydligt urskiljbara och läsbara f) Klickbara objekt är tydligt urskiljbara och läsbara delvis ej Information och hjälp P15. Webbkarta a) Webbkarta finns b) Webbkarta innehåller hela menystrukturen Diskuteras c) Webbkarta är textbaserad delvis ej P16. Sökfunktion a) Sökfunktion finns

b) Sökfunktion är placerad högt upp på sidan c) Den första sökningen är enkel att utföra d) Den första sökningen gör en sökning som omfattar allt material på webbplatsen Diskuteras e) Användaren kan förfina sin sökning genom en utökad sökfunktion Diskuteras f) Användaren kan påverka hur träffar presenteras. g) Sökning ger relevanta träffar h) Sökfunktionen är tolerant mot felstavningar. skrivsvårigheter (dyslexi, svenska som 2:a språk, bristande utbildning) P17. A-Ö-funktion & ordlistor a) A-Ö används om webbplatsen har komplex strukturer eller starkt divergerande målgrupper. b) A-Ö skapas inte automatiskt Diskuteras c) A-Ö används för att styra användaren till rätt del av webbplatsen d) Ordlista/ordförklaring används om webbplatsen innehåller svåra ord och begrepp e) Ordlistans förklaringar av svåra ord och begrepp är enkla att förstå P18. Om webbplatsen

a) En sektion som kallas om webbplatsen finns. b) Om webbplatsen innehåller information om hur webbplatsen fungerar c) Om webbplatsen innehåller information som beskriver vilket stöd som finns för användare med särskilda behov P19. Hjälp & övergång till manuell service a) Komplexa funktioner och tjänster är försedda med någon form av hjälp-funktion b) Det är lätt att identifiera kontaktuppgifter i form av telefonnummer och e-postadresser. P20. Möjlighet att anpassa presentationen a) Webbplatsen blockerar inte användarens möjlighet att göra inställningar för presentation i den egna webbläsaren (textstorlek, färgförändringar, teckensnitt) lässvårigheter, synskada, dålig motorik och vissa hjärnskador. b) Användaren kan ändra kontrast i en funktion på webbplatsen c) Användaren kan justera radavstånd i en funktion på webbplatsen lässvårigheter, synskada, dålig motorik och vissa hjärnskador. lässvårigheter, synskada, dålig motorik

och vissa hjärnskador. P21. Lyssna-funktion a) Webbplatsen erbjuder användaren en möjlighet att lyssna på textinnehållet b) Användaren kan påverka uppläsningen av texterna genom en möjlighet att välja de delar av texten som ska läsas upp, genom att kunna pausa uppläsningen, och genom att kunna få det som läses markerat. lässvårigheter och synskada P22. Teckenspråk a) Webbplatsen erbjuder viktigt information på teckenspråk. Hjälper döva. P23. Begriplig information i olika format (Lättläst, talad info, bilder, filmer) a) Webbplatsen innehåller material som är anpassat till målgrupper som har svårt att tillgodogöra sig skriftlig information lässvårigheter, synskada, dålig motorik och vissa hjärnskador. P24. Andra språk a) Webbplatsen följer en genomtänkt strategi för hur andra språk än svenska ska hanteras. Hjälper personer som inte ar svenska

som förstaspråk.