GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN.

Relaterede dokumenter
DØVE OG HØREHÆMMET TILGÆNGELIGT DESIGN FOR: Skriv i et enkelt og konkret sprog. Undgå komplicerede ord og talemåder

Overskrifter Vejledning til opmærkning af overskrifter til hjemmesider og i kontorprogrammer

Lever pdf-dokumentet op til tilgængelighedskravene?

Tilgængelighedsguide for pdf-dokumenter

Sensus. Grafisk design og tilgængelighed

Guide til god netkommunikation Introduktion og vejledning til at producere til intranettet

Brug af sagssystem. Vejledning i oprettelse og håndtering af sager. + reservering af statusscanner

Skifte til Outlook 2010

Skærmlayout på websiden

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Den nye klub hjemmeside.

Se hjemmesiden på:

Benspænd nummer 1 Forstørrelse, forbedringer og tale på Windows 10:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

- Skabe de rette forventninger til indholdet (er det her virkelig værd at give mig i kast med?)

Afsnitstyper Susanne V. Andersen

Skifte til OneNote 2010

Tastemanual til Webbyggeren

BRUGERVEJLEDNING TYPO3 CMS Nyhedsbrev modul

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Hvad bør du vide om layout og typografi

MANUAL TIL FS PÅ NETTET

Gitte Smed, Styrelsen for biblioteker og medier. Midtvejstest af tilgængeligheden til nyt netsted

Det nye husdyrgodkendelse.dk Sagsbehandlermodulet Fra ansøgning til godkendelse V /4 2011

Guide til PlaNet v1.11. Original skrevet af:

Sådan arbejder du med din forside

GENEREL FUNKTIONALITET I KMD OPUS ROLLEBASERET INDGANG

April Hjemmesider overblik over funktionalitet

Vejledning i oprettelse og brug af weblog til spejderformål. Indhold: Weblog til spejderbrug

Vejledning til systemet "Øremærkebestilling" på Landmand.dk

Annemette Søgaard Hansen/

Manual til WordPress CMS

Vinavlerdatabasen høstrapport og meget mere

Tilgængelighedsmanual Århus kommunes hjemmeside

Kom godt i gang med Virk Indberet - vejledning og værktøjer til gode introsider

Indhold. Indledning 10

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.

kom godt fra start... Din guide til ForældreIntra

Opret dig i Centralt BigårdsRegister

Marts Komme/gå 1.0

Den nye elektrikeruddannelse. Vejledning til virksomhedsgodkendelse og uddannelses aftaler på elektrikeruddannelsen.dk

Brug af Word til matematik

Ritzau Livewire user guide

Kom i gang med. Kapitel 9 Impress: Præsentationer i OpenOffice.org. OpenOffice.org

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.:

Skype for Business til computer

BRUGER GUIDE. Waoo Web TV på computer via waoo.tv FIBERBREDBÅND TV TELEFONI

Vejledning til systemet Øremærkebestilling på Landmand.dk.

DA Forenet i mangfoldighed DA A8-0188/298. Ændringsforslag. Marco Zullo for EFDD-Gruppen

IsenTekst Indhold til Internettet. Manual til Wordpress.

Velkommen 08.55: 09.00: 09.05: 09.45: 10.00: 10.45: Alle slides bliver delt bagefter

Diagrammer visualiser dine tal

Kom godt i gang med Klasseværelse. Lærervejledning om Klasseværelse-appen til Mac

GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER

Introduktion. Sådan finder du dokumenterne. Opslag ved hjælp af menustrukturen. Opslag ved hjælp af personlige bogmærker.

Startvejledning. Microsoft PowerPoint 2013 ser anderledes ud end tidligere versioner, så vi lavet denne guide for at gøre din læreproces nemmere.

Guide til PlaNet v1.0. Original skrevet af:

BRUGER GUIDE. Waoo Web TV på computer via waoo.tv. Waoo leveres af dit lokale energiselskab

Daglig brug af JitBesked 2.0

Vigtige funktioner i Word 2003

grafisk design Se webappen på din mobil

Guide til PlaNet v1.12. Original skrevet af:

Indhold 1 Om Skolekvalitet.dk Vælg evalueringsmodel før du går i gang Overblik over siderne... 5

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Disse oplysninger er til rådighed i forskellige formater på

marketing v/ Torben Christiansen Agenda: Hvem er jeg. Hvorfor marketing? Har du tilladelse til at sende? Planlægning!

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S.

blackboard Kursusmateriale Quick guide til undervisere

Introduktion til Indholdsredigering

KICK-OFF 2015 AutoPartner og online marketing

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Få adgang til medieovervågningen

Indre Missions. Vejledning til TYPO3

Hjemmeside på SkoleKom

BRUGERVEJLEDNING FIONA ONLINE

Indhold. 1. Adgang og afslutning

HumanWare Brailliant punktdisplay med en ios enhed. En produktiv kombination.

Vejledning til opbygning af hjemmesider

KAPITEL 1 Introduktion

UllerødGruppen.dk! Brugervejledning!

PENSAB. Introduktion til PENSAB systemet. Log-ind. Det første du møder i PENSAB systemet er log-ind vinduet.

WagnerGUIDE. - en beskrivelse -

I denne manual kan du finde en hurtig introduktion til hvordan du:

VEJLEDNING I Medlemstilskudsansøgning

Servicebrev Opdatering af BørneIntra App en (BørneIntra version 2.12)

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

Hjemmeside manual. Indholdsfortegnelse. Noter: - 1 -

ActiveBuilder Brugermanual

Guide til hjemmesider for Broen

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION

GRAFISK DESIGN. webdesign af pl.dk

Annemette Søgaard Hansen/

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

xgalleri Mulige filtyper Installation web-version

Opsætning af rapporter

Et forløb er en beskrivelse af et undervisningsforløb, som en klasse har gennemført.

ForældreIntra. - Sådan kommer du som forælder godt i gang. August 2016, version 1.1 Skolebestyrelsen/ MVT

Kom godt i gang. Sitecore Foundry maj Version 1.1

Transkript:

GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN www.socialdigital.dk

KOGNITIVE HANDICAP IKKE Brug simple farver Undgå lyse kontrastfarver Skriv i et enkelt og konkret sprog Undgå komplicerede ord og talemåder Brug simple sætninger og punktopstilling Undgå lange tekster Lav beskrivende knapper Undgå knapper uden tekst der relaterer sig til konteksten Lav et simpelt og konsekvent layout Undgå et komplekst og rodet layout

ORDBLINDHED IKKE Brug billeder og diagrammer til at understøtte teksten Undgå store tekstblokke med lange sætninger Opstil teksten til venstre og hold et ensartet layout Undgå understregning af tekst, kursiv og blokbogstaver Overvej at producere indhold, der også er i lyd og video Tving ikke brugeren til huske ting fra tidligere sider Lad indholdet være kort konkret og giv gerne påmindelser og beskeder Gør ikke brugeren afhængig af korrekt stavning uden autokorrektur eller forslag Giv mulighed for at ændre kontrast mellem baggrund og tekst Undgå for meget information på en side

PERSONER MED ANGST IKKE Giv god tid til at gennemføre handlinger Undgå at stresse med upraktisk tidstagning Forklar hvad der sker, efter en tjeneste er afsluttet Vi har sendt en mail Undgå forvirring om handlingsforløb og næste trin 1 2 3 Gør vigtig information meget tydelig Skab ikke usikkerhed om konsekvenser af handlinger 1 2 3 4 Understøt behov for hjælp til at gennemføre en tjeneste Gør det ikke svært at finde hjælp Giv mulighed for at tjekke svar inden de godkendes og sendes Undgå tvivl om hvad der svares på

FYSISK OG MOTORISK HANDICAP IKKE Lav store klikbare funktioner Kræv ikke præcision Giv udfyldningsfelter god plads Undgå at klikbare felter står tæt sammen Design, så tastatur eller talesyntese kan bruges alene Undgå dynamiske menuer, som folder yderligere menupunkter ud Husk at designe til mobile touchskærme Undgå korte tidsintervaller, som stopper adgang Tilbyd genveje Undgå for meget scrolling og information, der skal skrives

BLINDE OG SVAGSYNEDE IKKE Brug høj farvekontrast og læsbar tekststørrelse Undgå lav farvekontrast og små tekststørrelser Udgiv alle informationer som tekst på websider Undgå billeder med integreret tekst Design med en kombination af farve, form og tekst, som supplerer hinanden Farver må ikke stå alene om at formidle et budskab Lav et layout som er hierarkisk enkelt opbygget Undgå at placere elementer spredt på siden Placer knapper og notifikationer i den tiltænkte kontekst Placer ikke knapper og interaktionsmuligheder adskilt fra kontekst

SKÆRMLÆSERE IKKE Beskriv billeder og tilbyd undertekster til videoer Brug ikke kun video og lyd til at formidle informationer Lav et layout, som er hierarkisk enkelt opbygget Undgå komplekst layout med mange menupunkter og ustruktureret indhold Strukturer indhold med HTML5 Regn ikke med, at tekststørrelser og typografi passer med HTML5 struktur Sørg for, at der kan navigeres med tastaturet alene Gør ikke interaktionen afhængig af mus og skærm Lav beskrivende links og overskrifter Lav ikke uinformative links og overskrifter

DØVE OG HØREHÆMMEDE IKKE Skriv i et enkelt og konkret sprog Undgå komplicerede ord og talemåder Tilføj undertekster til video eller transskriber den til læsbar tekst Kommuniker ikke information alene gennem video og lyd Lav et layout, som er hierarkisk enkelt opbygget Undgå komplekst layout med mange menupunkter og ustruktureret indhold Opbryd indholdet med underoverskrifter, billeder og video Undgå lange tekstblokke Giv mulighed for bestilling af tegnesprogstolk, når en bruger booker et møde Kontakt via telefon må ikke være eneste mulighed