GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER

Størrelse: px
Starte visningen fra side:

Download "GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER"

Transkript

1 GUIDEN / TILGÆNGELIG WEB FOR WEBREDAKTØRER VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE

2 INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET Introduktion Fasthold navigationsstrukturen Sproget Layout af tekst Skrifttype (font) Brugen af farver i forbindelse med design, navigation og tekst Hierarkisk opbygning af overskrifter Tilknyt en Alt -tekst til billeder m.m. Tilknyt en Alt -tekst til grafiske elementer, grafer m.m. Undgå blinkende, flimrende og urolig tekst eller elementer. Undgå automatisk åbning af vinduer Undgå at bruge tabeller til laout Brugen af multimedier Sådan gør du PDF-dokumenter tilgængelige! Sådan gør du Word dokumenter tilgængelige! Sådan gør du InDesign dokumenter tilgængelige Sådan reparerer du PDF-dokumenter

3 INTRODUKTION Denne guide er målrettet webredaktører, der opdaterer og vedligeholder hjemmesider. Derfor medtager guiden som hovedregel ikke viden, der vedrører arbejdet med at udvikle hjemmesider. På den anden side kan grænsen mellem arbejdet med at vedligeholde og udvikle hjemmesider være flydende. Derfor medtager guiden ind imellem viden, som kan være nødvendig for at sikre, at hjemmesiden fastholder den tilgængelighed, som er indtænkt fra starten. For de webredaktører, som arbejder med hjemmesider, hvor tilgængeligheden ikke er indtænkt fra starten, er denne viden endnu mere relevant. Her må man selv på baggrund af sin viden forsøge at sikre tilgængeligheden bedst muligt. Ønsker du at vide mere om krav til konstruktion, design, navigation og indhold i forhold til at gøre en hjemmeside tilgængelig, kan du læse guiden Tilgængelig web for webudviklere. Man skal i øvrigt være opmærksom på, at denne guide kun præsenterer de overordenede retningslinjer for tilgængelig web. Jævnførende retningslinjerne i WCAG 2.0 findes der en lang række undtagelser fra hovedreglerne. Og hvis en hjemmeside skal leve op til et AAA niveau jf. WCAG 2.0 stilles der helt særlige krav til hjemmesidens tilgængelighed. WCAG 2.0 er inddelt i tre niveauer WCAG 2.0 angiver tre niveauer for tilgængelighed. Niveau 1 (kaldet A i WCAG) er retningslinjer, som skal overholdes for, at mennesker med funktionsnedsættelse kan få adgang til information på netstedet. Niveau 2 (AA) er retningslinjer, der bør opfyldes for, at størstedelen af brugere med funktionsnedsættelse kan få adgang til information på netstedet. Niveau 3 (AAA) er retningslinjer, som kan opfyldes, hvis man ønsker, at alle brugere med funktionsnedsættelse har adgang til information på netstedet. Den generelle holdning i Danmark, såvel som i EU er, at hjemmesider skal overholde niveau 1 og 2. Krav til tilgængelighed I Danmark, EU, Canada og Australien følger man de retningslinjer for tilgængeligt webdesign, som World Wide Web Consortium (W3C) har opstillet. I USA følger man sine egne lovbefæstede retningslinjer kaldet Section 508. På nogle områder svarer disse retningslinjer til WCAG 2.0 og på andre gør de det ikke. Læs mere om tilgængelig web på: Læs mere om tilgængelig web på: Hvad er WAI? World Wide Web Consortiet (W3C) arbejder med et bredt område inden for world wide web. Inden for W3C findes en gruppe, der arbejder for større tilgængelig på webben, der hedder WAI (Web Accessibility Initiative). Selve guiden, der angiver de konkrete tekniske retningslinjer for tilgængelig web, hedder WCAG 2.0 (Web Content Accessibility Guideline). Læs mere om WAI og WCAG 2.0 på: Læs en dansk oversættelse af WCAG 2.0 på: 2 3

4 FASTHOLD NAVIGATIONSSTRUKTUREN Fasthold en klar, konsistent og logisk navigationsstruktur En hjemmeside med god tilgængelighed har indtænkt en klar, konsistent og logisk navigationsstruktur i systemet. Derfor er webredaktørens opgave at fastholde denne navigationsstruktur. Ifald du arbejder med en hjemmeside, hvor tilgængeligheden ikke er indtænkt, er det så meget desto vigtigere, at du er bekendt med nedenstående retningslinjer og så vidt muligt forsøger at overholde dem. Hvad er en klar, konsistent og logisk navigationsstruktur? En klar, konsistent og logisk navigationsstruktur handler om, at man benytter sig af ensartede navigationsmåder, symboler, grafisk opbygning osv., der gør det nemt for brugeren at få overblik over hjemmesiden, såvel som at huske den. Overholder man disse mål, gør man det samtidig nemt for brugeren at lære at bruge hjemmesiden. For en bruger med en kognitiv funktionsnedsættelse vil det for eksempel være meget vigtigt med en enkel, logisk og overskuelig opbygning af hjemmesiden, såvel som klar, konsistent og logisk navigationsstruktur. Det indebærer, at websiden vil være langt nemmere at forstå og bruge. En ensartet navigationsstruktur betyder for eksempel, at: Alle sider skal være opbygget på den samme måde Der bruges det samme design på alle sider. Du kan godt afvige lidt fra designet, men designet må ikke afvige så meget, at brugeren kommer i tvivl om, han/hun stadig befinder sig på den samme hjemmeside. Alle billeder skal placeres de samme steder på alle sider Alle ikoner og symboler skal have den samme betydning og funktion på alle siderne 4 5

5 Der bruges den samme tekstfarve på brødtekst og overskrifter på alle sider Der bruges den samme skrifttype (font) på alle sider (f.eks. skal der bruges den samme skrifttype til al brødtekst, overskrifter af typen H1, overskrifter af typen H2 osv.) Menuer, navigationsmetoder og funktionaliteter bør være opbygget ens på alle siderne SPROGET Skriv så læseren kan forstå det! Tekster til internettet bør altid skrives i et kortfattet og klart sprog. Skriftsprog er ofte skrevet i et lidt mere kompliceret sprog end talesprog. Skal du gøre en tekst mere forståelig, skal den derfor ligne talesproget. Menuerne skal være placeret de samme steder, så brugeren altid ved, hvor han/hun skal navigere fra. En tilgængelig hjemmeside skal kunne bruges uden mus Det er i øvrigt vigtigt at vide, at en hjemmeside kun er tilgængelig, hvis brugeren kan navigere rundt på hjemmesiden både med og uden brug af mus. For eksempel vil brugere, der anvender en skærmlæser eller brugere med motoriske funktionsnedsættelser ikke kunne bruge musen. De bruger i stedet tastaturet eller andre hjælpemidler, der erstatter musen. Forskellen mellem de to metoder er, at brugere peger med musen, mens de brugere, som anvender tastaturet o.l. tabber sig igennem hjemmesidens menuer og overskrifter. Det er igennem konstruktionen af hjemmesiden, at man indtænker denne tilgængelighed, og du har som redaktør ingen indflydelse på dette - bortset fra at du er med til at fastholde en eksisterende tilgængelighed gennem at fastholde navngivning af overskrifter H1, H2 osv. Læs mere om opbygning af navigationsstruktur på: Undersøgelser har desuden vist, at internetbrugere generelt både er mere utålmodige og har sværere ved at læse en tekst på skærm frem for en tekst på print. Det er yderligere en grund til at skrive kortfattet og letforståeligt. I praksis vil det ikke altid være muligt at formulere en tekst, så den er letforståelig. Specielt ikke, hvis emnet der formidles, har et komplekst fagligt indhold. Men det er målet. 6 7

6 Skriv kortfattet og klart for alles skyld! Brugere med forskellige former for funktionsnedsættelse har forskellige behov, og derfor er der forskellige grunde til, at teksten skal være letlæselig. Brugere med en kognitiv funktionsnedsættelse kan have svært ved at forstå tunge, faglige og snørklede tekster. Brugere med læsevanskeligheder ligeså. For brugere, der bruger en skærmlæser, kan det være en langsommelig omgang at komme igennem en tung tekst, da de får læst den op. Også mange brugere uden funktionsnedsættelse foretrækker letforståelige tekster. Derfor for alles skyld: Skriv kortfattet og klart! Hvordan gøres teksten letforståelig? Når du skal gøre en tekst letforståelig, skal du skrive i korte sætninger, undgå passive sætninger, bagvendte sætninger, komplicerede sætninger mv. Desuden skal sværhedsgraden i sproget målrettes i forhold til målgruppen, dvs. brug ikke fagsprog, hvis målgruppen ikke er fagspecialister inden for området. Endvidere bør du overveje, hvordan du forklarer et emne så pædagogisk som muligt. Strukturer teksten efter den omvendte nyhedstrekant! I forbindelse med skrivning af tekster til nettet bruger man den omvendte nyhedstrekant som ideal. Det vil sige, at det vigtigste indhold kommer først i teksten og derefter kan du uddybe. Dette ideal gælder for skrivning af tekster til internettet, fordi man ved, at brugere ofte nøjes med at skimme teksten enten med det formål at få et hurtigt over blik - eller for at vurdere, hvorvidt teksten er umagen værd at læse. Bryd teksten op i små bidder Hvis du bryder teksten op i små bidder med hver sin overskrift, er det nemt for læseren at danne sig et overblik over tekstens indhold. Det kræver selvfølgelig også, at overskrifterne er korte og beskrivende for indholdet. Det kan også være en fordel at bruge punktopstillinger, da det øger overskueligheden. Hvordan tester man sværhedsgraden af sproget? Du kan måle, hvor forståelig en tekst er ved at udregne LIX-tallet for teksten. LIX-tallet måles ud fra de enkelte ords længde, samt antal ord og tegn i en sætning. Jo højere LIX-tallet er, jo sværere vil den være at læse. Og det modsatte gælder med et lavere LIX-tal. Det betyder selvfølgelig ikke, at teksten automatisk er forståelig, hvis den har et lavt LIX tal, da indholdet jo stadigt skal være forståeligt. Men et lavt LIX-tal indikerer, at der er brugt korte ord og sætninger, hvilket i sig selv gør teksten mere letfordøjelig. LIX-tal: < 24 : Meget let: Børnebøger 25-34: Let: Lettere skønlitteratur 35-44: Middel: Dagblade o.l : Svær: Populærvidenskabelige artikler, faglitteratur > 55 : Meget svær: Teoretiske afhandlinger, lovtekster o.l. 8 9

7 Udregn LIX tallet på: Læs mere om sprog på nettet på: Læs mere om nyhedstrekanten på: html. LAYOUT AF TEKST Gør teksten overskuelighed gennem layout Gennem layout af teksten kan du gøre meget for at gøre teksten mere overskuelig og læsevenlig. Nedenstående punkter er nogle af de ting, du i praksis kan gøre: Kort linjelængde er vigtig Når du layouter teksten, er det vigtigt at tænke på, at tekstblokken ikke bliver for lang. Rundt regnet kan man sige, at en tekstblok ikke bør fylde mere end ca cm i bredden (dvs tegn). Korte tekstblokke er mere overskuelige og læsbare for alle. Men specielt for brugere med læseproblemer er det vigtigt, at teksten ikke er for lang. Brug ikke lige marginer! Selv om mange måske vil mene, at en tekst ser pænere ud med lige marginer ud fra et grafisk synspunkt, så har brugerne generelt sværere ved at læse sådan en tekst på skærmen. For læsere med læseproblemer har det endnu større betydning. Brug derfor ikke lige marginer. Brug ikke understreget tekst! Det er en dårlig idé at bruge understreget tekst, da det kan forveksles med links. Brug ikke tekst i kursiv! Tekst i kursiv er meget almindelig i trykt materiale, f.eks. i forbindelse med citater o.l. Men kursiv er vanskelig at læse på skærmen, og bør derfor undgås i forbindelse med elektroniske tekster. Brug ikke store bogstaver! Tekst, der udelukkende er skrevet med store bogstaver (versaler eller kapitæler), er svær at læse. De bør derfor undgås

8 Andre problemstillinger i forhold til en teksts tilgængelighed: Brug ikke tekster, der blinker! Brug ikke tekst, der blinker, da det kan virke forvirrende for brugere med læsevanskeligheder og brugere med forstørrelsesprogrammer. Desuden kan det skabe problemer for skærmlæsere. Brug ikke quotation markup til at indrykke en tekst Brug ikke quotation markup (elementerne <Q> og <BLOCKQUOTE> i html koden) til at opnå en effekt med indrykket tekst. Det kan medføre, at skærmlæseren ikke kan læse teksten korrekt, fordi man bruger elementet i en forkert kontekst. Quotation markup skal udelukkende bruges til citater. Brug i stedet CSS til at indrykke en tekst. Opmærk lister korrekt! Lister bør opmærkes som lister med <OL> eller <UL> og ikke som tabelelementer. Læs mere om layout af tekst på nettet på: SKRIFTTYPE (FONT) Fasthold brugen af retningslinjerne for design af teksten Nyere hjemmesider vil som oftest bruge CSS (Cascading Style Sheets) til layout af tekst. CSS er et sprog, der beskriver hjemmesidens design og layout. For at en hjemmeside skal være tilgængelig er det nødvendigt, at man har brugt CSS til design og layout af hjemmesiden. Brugen af CSS indebærer, at man i style sheeten (i praksis er det en fil som er tilknyttet hjemmesiden) har beskrevet hvilken skrifttype (font), tekststørrelse, tekstfarve m.m., der skal bruges på hjemmesiden. Som redaktør er det din opgave at fastholde brugen af disse vedtagne designregler. I et Content Management System vil du ofte blot skulle vælge, om din tekst er brødtekst, overskrift H1, H2 osv. og herefter sikrer systemet automatisk, at din tekst får den rette skrifttype, størrelse, farve osv. Tekstens layout skal understøtte tilgængelighed Hvis tilgængeligheden ikke er indtænkt i systemet, er det vigtigt, at du selv er opmærksom på retningslinjer for tilgængeligt design i forhold til tekstens layout. Det indebærer, at du skal være opmærksom på følgende punkter: Valg af font Det anbefales at bruge en font uden seriffer, f.eks. Verdana eller arial, når man skriver elektroniske tekster, da denne font er mere læsevenlig på skærmen. Fontens størrelse Fonten bør ikke være for lille, dvs. ikke under 10 pkt. Hvis der er brugt relative enheder ved konstruktionen af hjemmesiden, har brugeren dog muligheden for selv at skalere tekststørrelsen op og ned. Gøres for eksempel ved at holde CRTL nede samtidig med at man bruger scrolfunktionen på musen

9 Brug relative enhed Brug altid relative enheder i style sheeten, når der skal angives tekststørrelsen. Det vil sige, at tekststørrelsen angives i % eller enheder ( em ). Brugen af relative enheder indebærer, at brugeren kan forstørre/ formindske tekststørrelsen efter behov. Læs mere om skrifttyper på: tilgengelighed. BRUGEN AF FARVER I FORBINDELSE MED DESIGN, NAVIGATION OG TEKST Brugen af farver i forbindelse med design, navigation og tekst Hvis du bruger et Content Management System, hvor tilgængeligheden er indtænkt vil farvevalget sandsynligvis allerede være valgt på forhånd af systemet jf. hjemmesidens retningslinjer for design og layout. Men hvis du har valgmuligheder eller systemet ikke har indtænkt tilgængelighed er det vigtigt, at du er opmærksom på følgende punkter: Hjemmesiden skal kunne læses uden farver En del brugere er farveblinde. Derfor skal hjemmesiden kunne læses uden brug af farver. Undgå derfor også at bruge farvekombinationerne: rød/grøn og blå/grøn, da de ofte vil skabe problemer for denne gruppe brugere. Også mange svagsynede ændrer hjemmesiden til visning i s/h, da dette giver optimale kontrastforhold. Brug kun få farver i teksterne på hjemmesiden! Det kan virke forvirrende, hvis teksten er skrevet med mange forskellige farver. Brug derfor kun 1-2 forskellige farver til teksten. Desuden er der den fordel ved brugen af CSS, at brugeren selv kan skifte skriftfarve, hvis han/hun har svært ved at læse den valgte. Kontrast mellem for- og baggrund Forskellen mellem for- og baggrundsfarve (tekst og baggrund) skal være tilstrækkelig stor for, at teksten bliver læselig for svagsynede og farveblinde. Det er også vigtigt, at for- og baggrundsfarver er tilstrækkeligt kontrastfyldte i forhold til præsentation af grafer, diagrammer osv. Kontrasten kan måles med forskellige former for værktøjer. Det er ikke altid muligt at se med det blotte øje, om kontrasten mellem to farver er tilstrækkelig stor, da det ofte er marginaler, der gør forskellen

10 Det vil ofte være muligt at finde en nuance af den ønskede farve, der har en tilstrækkelig kontrast i forhold til en anden farve. Det er dog ikke muligt at vælge et design med meget douce farver, hvis man også ønsker at opfylde kravene til tilgængeligt web. Via værktøjet AIS, Web Accessibility Toolbar kan du simulere farveblindhed. Værktøjet kan slå farverne fra, hvilket giver mulighed for se, hvordan hjemmesiden ser ud uden brug af farver. Værktøjet giver også mulighed for at måle kontrasterne: Brug baggrund uden mønstre eller andet forstyrrende Du bør benytte en baggrund, der er uden mønstre eller andre forstyrrende elementer. En enkel og ensfarvet baggrund er med til at øge læsbarheden af en hjemmeside. Det anbefales endvidere, at du ikke bruger en ren hvid (#FFFFFF) som baggrund, da den kan være meget skarp for øjnene at se på og kan resultere i at bogstaverne flyder sammen. Brug ikke udelukkende farver som navigationsmetode Det antages, at én ud af 20 brugere har en form for nedsat opfattelse af farver. Derfor må du ikke udelukkende bruge farve som navigationsmetode, fordi brugere, der er farveblinde og andre brugere med synshandicap ikke vil være i stand til at navigere på baggrund af farver. I praksis indebærer det, at du ikke må bruge grafiske elementer eller tekster, der alene gennem deres farve angiver en form for information eller funktionalitet. For eksempel kan du ikke bruge en navigationsform, hvor en rød knap angiver en stop - funktion og en grøn knap, der angiver en fortsæt - funktion. Her bliver du nødt til også at skrive henholdsvis Stop og Fortsæt på knappen. Hvis du bruger farver som navigationsmetode, bør informationen også være tilgængelig via tekst (mark-up). Læs mere om farvevalg på: tilgengelighed

11 HIERARKISK OPBYGNING AF OVERSKRIFTER Overskrifter bør være hierarkisk opbyggede Når man taler om at opbygge overskrifter hierarkisk menes der, at de vigtigste overskrifter navngives med en H1, og at de underliggende overskrifter navngives alt efter deres hierarkiske betydning i teksten. Navngivningen skal være konsistent gennem hele hjemmesiden. Menuer kan for eksempel navngives med H1, overskrifter (rubrikker) på artikler med H2, underoverskrifter (underrubrikker) nede i artiklen med H3 osv. Denne hierarkiske opbygning hjælper brugere med skærmlæser til at få overblik over sidens indhold og de forskellige teksters vigtighed i forhold til hinanden. I et Content Management System, hvor tilgængeligheden er indtænkt, vil den hierarkiske overskriftsstruktur, allerede være indtænkt. Her kan du blot sikre tilgængeligheden ved at huske at navngive al tekst jf. de designmæssige retningslinjer for hjemmesiden. Læs mere om den hierarkiske opbygning af overskrifter på IT- og Telestyrelsens hjemmeside: LINKS Linkteksten skal kunne forstås uden for sin kontekst Når du skriver links på en hjemmeside, skal linkteksten kunne forstås uden for sin kontekst. Det vil sige, at linkteksten skal være beskrivende for den side, du sender brugeren videre til. Det er for eksempel ikke nok, at du skriver Klik her, Læs mere her osv. En sådan information vil en blind bruger ikke have megen glæde af. I stedet skal du skrive teksten i linket, så linket kan forstås uden for sin kontekst. Eksempler: Klik her for at downloade blanketten vedrørende flyttemeddelelse til Folkeregistret. Læs mere om teaterfestivalen her. Undgå at skrive hele url-adressen i linket Du skal undgå at skrive hele url-adressen i linket, fordi en skærmlæser vil læse hele teksten op, hvilket kan være tidsrøvende for brugeren. Skriv i stedet en kort beskrivende tekst, som nævnt ovenfor ved hjælp af attributten title. Eksempel: Html koden: <a href= title= Åbner i et nyt vindue target= _blank >Læs mere om Projekt Nye og nemmere veje her</a> Det synlige resultat: Læs mere om Projekt Nye og nemmere veje her 18 19

12 Husk at give brugeren besked, hvis han/hun sendes til en ny side Hvis du sender brugeren til en ny side via linket, skal du oplyse brugeren om det. I praksis kan det gøres ved at bruge attributten title. Content management systemer vil ofte have indbygget en funktion til netop dette formål, hvor du kan skrive en supplerende tekst, når du vælger at henvise brugeren til en ny hjemmeside. Eksempel: Skriv for eksempel i tekstfeltet: Åbner i nyt vindue Undgå at bruge enslydende linktekster, der henviser til forskellige steder Du bør undgå, at den samme linktekst viser forskellige steder hen. Det vil forvirre mange brugere, fordi man ikke ud af indholdet i linkteksten kan gennemskue, hvor man bliver vist hen. Læs mere om emnet links på: TILKNYT EN ALT -TEKST TIL BILLEDER M.M. Hvad er en Alt -tekst? ( alternative text equivalent ) Alternativ tekster - eller Alt -tekster, som de kaldes i daglig tale - er en mulighed for indsætte tekst ved de elementer, som en blind eller svagsynet bruger ikke kan se. Det kunne f.eks. være i forbindelse med billeder eller grafiske elementer, f.eks. navigationsknapper, knapper til download af filer/lydfiler/videoklip eller image maps (klikbare billedkort e.l.). Hvad skal en alternativ tekst bruges til? En Alt-tekst gør det muligt for en skærmlæser at læse teksten op for brugeren. Det kan også være en fordel for de brugere, der har slået visningen af billeder og grafik fra, da de ved hjælp af Alt-teksterne kan se, hvad hjemmesiden indeholder. NB. Nogle brugere har slået visningen af billeder og grafik fra for ikke at bruge tid på at downloade billedfiler og grafiske elementer. De fleste brugere har dog efterhånden så stor en båndbredde, at det ikke længere er relevant at gøre. Hvad skal en alternativ tekst indeholde? Alt-teksten skal være klar og kortfattet. Dens indhold vil afhænge af elementets betydning. Hvis elementet har en illustrerende funktion, skal Alt-teksten kort beskrive, hvad elementet forestiller. Hvis elementet fungerer som en navigationsmetode, skal Alt-teksten forklare funktionaliteten. Og hvis grafikken linker til en anden side, skal der indsættes en title-attribut som beskriver linket. Alt -teksten må ikke være for lang Vær opmærksom på, at Alt -teksten ikke bliver længere end højst nødvendig, da det vil være tidskrævende for brugere af skærmlæsere at sidde og vente på at få læst alenlange tekster op

13 Hvis du ønsker at indsætte en længere beskrivelse, kan longdesc-attributten anvendes. Hvordan indsættes Alt -teksten i praksis? Hvis hjemmesiden er opbygget i et CMS (Content Management System) vil der sandsynligvis være et Alt-tekst felt integreret i systemet, hvor man kan skrive teksten ind. Hvis der er tale om en hjemmeside med adgang til HTML-koden, skrives Alt-teksten ind i HTML en i forbindelse med det element (f.eks. et billede), som alt-teksten skal tilknyttes: <a href:.><img scr= Københavns_havn.jpg width = 200 height= 150 alt= Billede af Københavns havn /> NB. Det er desuden god skik at give billedfilen et sigende navn. Det vil ofte ikke være nødvendigt at skrive Billede af i Alt - teksten, fordi skærmlæseren automatisk fortæller brugeren, at der er tale om et billede. Det er dog forskelligt alt efter, hvilken skærmlæser man bruger, i hvilket omfang programmet automatisk læser op, om der er tale om et billede, en knap osv. Indsæt en tom alt tekst, hvis billedet ikke indeholder information Billeder, der udelukkende er illustrerende eller skal udtrykke noget symbolsk, kan enten have tilknyttet tomme Alt-tekster, dvs. alt= (der må ikke være mellemrum mellem de to citationstegn) eller du kan indsætte en kort beskrivelse af billedet. Du kan også vælge i første omgang at beskrive billedet kort med henvisning til en fil med en længere beskrivelse. Så kan brugeren selv vælge, hvorvidt han/hun ønsker at høre den lange beskrivelse. Husk Alt -tekst i forbindelse med client-side image map (billeder med links) Hvad er client-side image map? En client-side image map er et billede (img element), som har tilknyttet en form for funktionalitet. Et image map kan være et landkort eller en menu, der har klikbare felter, der linker e til andre sider. Der skal tilknyttes en Alt -tekst til billedet, der beskriver selve kortet, såvel som alle klikbare elementer på kortet. Ofte vil det være mest hensigtsmæssigt, at Alt -teksten svarer til teksten på kortet. Men den kan også være både kortere eller længere alt efter konteksten. Desuden skal du være opmærksom på, at image mappen ikke kun skal være tilgængelig for skærmlæsere, men også for brugere, der anvender tastaturet til at tabbe sig igennem menuerne. NB. Client-side image map kaldes sådan, fordi det er browseren, der er the client - og det er den, som skal håndtere resultatet af, at brugeren klikker på billedet. Læs mere om Alt -tekster på: Læs mere om image maps på:

14 TILKNYT EN ALT -TEKST TIL GRAFISKE ELEMENTER, GRAFER M.M. Billeder, der fungerer som knapper Når du bruger billeder, der fungerer som en knap, skal Alt -teksten beskrive funktionaliteten. Er der for eksempel tale om en søgeknap, skal Alt -teksten blot hedde Søg. Billeder der er indlejret i layoutet På nogle hjemmesider er der brugt tomme billedfiler til at få layoutet til at se ud på en ganske bestemt måde. Disse filer er ikke synlige for brugeren. For at give skærmlæseren besked på, at disse filer er tomme, indsættes følgende Alt -tekst: alt= (der må ikke være mellemrum mellem de to citationstegn). Tekster, der ligger indlejret i grafikken Hvis for eksempel en menutekst er indlejret i et grafisk element eller et billede, kan en skærmlæser ikke læse teksten. Derfor kræver denne form for navigation en Alt -tekst. Det vil dog være mere hensigtsmæssigt at bruge CSS til at opnå denne effekt, fordi man ikke kan forstørre en tekst, der ligger indlejret i et grafisk element. Den grafiske tekst vil blot blive mere utydelig, når den forstørres. Læs mere om Alt -tekster på: Billedfiler kan også bruges til at skabe forskellige former, som for eksempel buer, bogstaver osv., der indgår som en del af designet på hjemmesiden. Disse skal også blot have indsat en tom Alt -tekst. Det vil dog være sjældent, at man ser denne måde at layoute hjemmesiden på, efterhånden som alle bruger CSS til design og layout. Grafer, diagrammer o.l. Grafer, diagrammer o.l. kan indeholde flere informationer end der kan stå i en Alt -tekst. I disse tilfælde kan du skrive et resumé af grafens resultater i XHTML en. Beskrivelsen kan for eksempel via attributten longdesc i forbindelse med <img> taggen: longdesc= longdescriptions. html#graf1 >. Derudover skal du tilføje en Alt -tekst, der beskriver selve grafen som element

15 UNDGÅ BLINKENDE, FLIMRENDE OG UROLG TEKST ELLER ELEMENTER Undgå tekst eller indhold, der bevæger sig Nogle mennesker med kognitive funktionsnedsættelser er ikke i stand til at læse tekst, der bevæger sig. Desuden kan bevægelser eller en flimrende skærm distrahere så meget, at de heller ikke er i stand til at koncentrere sig om at læse teksten på siden. Også mennesker med synsnedsættelse kan have svært ved at læse tekst, der bevæger sig. Derudover kan skærmlæsere ikke opfatte tekst, der bevæger sig. Læs mere om uroligt indhold på: Undgå flimrende skærme Indholdet på en hjemmeside må ikke få skærmen til at flimre. Flimrende skærm kan skyldes, at der er tekst eller objekter, der bevæger sig, eller hvis hjemmesiden bliver opdateret automatisk. Undgå rullende tekster Rullende tekster bør så vidt mulig undgås, fordi en lang række brugere med syns- og læseproblemer kan have svært ved at læse disse tekster. Hvis en side indeholder rullende tekster, bør der være en funktion, hvor brugeren kan fastfryse bevægelser og opdateringer. Undgå blinkende tekster Blinkende tekster, objekter eller andre elementer bør undgås, fordi de kan være svære at opfatte for nogle mennesker med funktionsnedsættelse. Undgå blinkende indhold Blinkende indhold kan forårsage anfald hos mennesker med fotosensitiv epilepsi. Anfald kan fremprovokeres, hvis indholdet flimrer med en høj intensitet og med en frekvens mellem 2-55 Hz

16 UNDGÅ AUTOMATISK ÅBNING AF VINDUER Undgå automatisk åbning af vinduer Det er vigtigt at undgå automatisk åbning af nye vinduer, f.eks. ved at musen kører hen over et element på skærmen. Det kan virke meget forvirrende for brugere med nedsat syn eller kognitiv funktionsnedsættelse. Gør i stedet sådanne valg til en aktiv handling, som brugeren selv vælger. Du skal altid gøre brugeren opmærksom på, at siden åbnes i et nyt browservindue, f.eks. i forbindelse med klik på eksterne links. Undgå at benytte automatiske pop-up vinduer Undgå at benytte pop-up vinduer eller andet, der automatisk kommer frem på brugerens skærm ved aktivering. Hvis der bruges pop-up vinduer eller andet, bør disse være forsynet med en luk-funktion, der giver brugeren mulighed for at lukke vinduet. Vær også opmærksom på, at luk-knappen er tilgængelig, dvs. at den ikke er så lille, at den er vanskelig at ramme for mennesker med nedsat syn eller bevægelseshandicap. Luk-funktionen skal desuden være tilgængelig via brug af tastaturet. UNDGÅ AT BRUGE TABELLER TIL LAYOUT Brug ikke tabeller til layout af indhold! Tabeller har traditionelt været brugt på to måder: til præsentation af data og til præsentation af indhold. I sidstnævnte tilfælde bruger man altså tabeller til at formatere og layoute indholdet. Det er dog en rigtig dårlig idé, da man risikerer, at brugere, der anvender en skærmlæser, får hjemmesiden præsenteret på en meget uhensigtsmæssig måde. I stedet bør man altid bruge CSS til layout og formatering af indholdet. Sådan oplæser en skærmlæser en tabel En skærmlæser oplæser en tabel lineært, dvs. den vil læse hver enkelt celle i tabellen fra venstre mod højre, linje for linje. I nogle tilfælde er siden måske layoutet så denne rækkefølge er logisk, når den oplæses af en skærmlæser. Men ofte vil det indebære en tilfældig oplæsning af tekstblokke, der ikke giver nogen mening for brugeren. Hvis man af én eller anden grund insisterer på at anvende tabeller til layout, kan man teste om tabellen giver mening, når den læses lineært ved hjælp af tekstbrowseren Lynx og det kan testes ved hjælp af Web Accessibility Toolbar. I det hele taget kan det være uhensigtsmæssigt at benytte sig af pop-up vinduer, fordi mange brugere gennem deres sikkerhedsindstillinger på computeren har fravalgt disse. Derfor skal man ikke skrive vigtig information i et pop-up vindue. I stedet kan du lade den stå som et link, som brugeren kan vælge at åbne. Læs mere om uroligt indhold på:

17 Brug kun tabeller til præsentation af data! Tabeller bør kun bruges til præsentation af data. En datatabel er en tabel, der præsenterer data, f.eks. præsentation af regnskab, statistik, køreplaner osv. Datatabeller kan være opbygget simpelt eller komplekst. Eksempel på en simpel datatabel Overskrift 1 Overskrift 2 Overskrift 3 Overskrift 4 Overskrift 5 Tekst 1 x x x x x Tekst 2 x x x x x Tekst 3 x x x x x Eksempel på kompleks datatabel: Overskrift 3 Overskrift 1 Overskrift 2 Tekst A Tekst B Tekst C Tekst D Tekst 1 x x x x Tekst 2 x x x x Når man skal gøre datatabeller tilgængelige Man skal være opmærksom på, at brugere, der kan se tabellen, danner sig et overblik over tabellen ved visuelt at skanne hen over indholdet, såvel som man læser indholdet i tabellen. Denne mulighed har en bruger, der benytter sig af en skærmlæser ikke. For at en bruger med skærmlæser kan danne sig et overblik over en datatabel, skal den være designet og opmærket (dvs. identificeret) på en sådan måde, at oplæsningen af data virker logisk for brugeren. En skærmlæser vil normalt læse hver enkelt celle op i vandret rækkefølge. Man kan dog godt opmærke cellerne i en bestemt rækkefølge og dermed specifikt fortælle en skærmlæser i hvilken rækkefølge cellerne skal læses op. Principperne for opmærkning af datatabeller Princippet for opmærkningen af en tabel er, at man sammenknytter kolonner, rækker og celler til hinanden. Det indebærer, at tabellen får en logisk struktur, der kan aflæses af en skærmlæser. Og det betyder, at tabellens indhold bliver oplæst i en bestemt rækkefølge. Opmærkningen er en forholdsvis enkel proces, når der er tale om en simpel datatabel. Hvis overskrifterne i en simpel datatabel begynder øverst i venstre hjørne (dvs. i første række, i første kolonne) behøver man slet ikke at opmærke tabellen, da skærmlæseren automatisk vil læse tabellen lineært fra ende til anden. Opmærkningen bliver straks mere kompliceret, når der er tale om en kompleks datatabel. Her bliver man nødt til at tilknytte flere celler til hinanden, for at brugeren skal forstå sammenhængen mellem overskrifter og tal. Risikoen for at lave fejl er stor. Undgå derfor at bruge komplekse datatabeller, men vælg i stedet simple datatabeller, hvor det overhovedet er muligt. Brug eventuelt forkortelser af overskrifter! Det kan være en god idé at bruge forkortelser af overskrifter. Specielt i forbindelse med brugen af komplicerede datatabeller, hvor overskrifterne bliver læst op af skærmlæseren for hver enkelt celle. Det kan blive en langsommelig affære for brugeren at komme igennem en hel tabel, hvis overskrifterne er lange. Forkortelser kan skrives ind i tabellen ved hjælp attributen abbr. Ex. <th id= header1 abbr= Antal indbyggere >Antal indbyggere i kommunen </> 30 31

18 Skriv eventuelt en opsummering af indholdet I forbindelse med komplicerede tabeller kan det for brugere med synsnedsættelse være en god service at skrive en kort opsummering (summary) af, hvad tabellen indeholder. Det sparer brugeren for tid og energi i forhold til at skulle danne sig overblik over tabellens indhold. Det kan gøres ved at bruge attributen summary. Du kan ligeledes bruge summary som en nødløsning, hvis du gerne vil præsentere en tabel men ikke har tilstrækkelig viden om, hvordan du opmærker en tabel, så den er tilgængelig. Det kan også gøres ved at skrive en beskrivende tekst nedenunder tabellen. Brug relative størrelsesangivelser i tabeller! Desuden skal man bruge relative størrelsesangivelser til at definere tabellen, således at brugeren kan forstørre skærmbilledet efter behov. Hvis man bruger tabel til layout skal man ikke bruge opmærkning af cellerne, som man gør ved præsentation af data, da det blot vil forvirre en skærmlæser. Øg læsbarheden via design! Når du designer tabellen, er det også vigtigt at lave luft omkring rækker, kolonner og tekst. Det øger læsbarheden af tabellen. <A href= #skip >Skip tabel</a> <table..> </table> <A name= skip ></A> Læs mere om opmærkning af datatabeller: Læs mere om WCAG 2.0 og teknikker: Læs mere om Lynx på: Download AIS, Web Accessibility Toolbar, som kan downloades på: Læs mere om tabeller og tilgængelighed: På hjemmesiden kan man bruge et online værktøj som hjælp til at opmærke en simpel såvel som en kompliceret tabel. Giv tabellen et navn! Det er en god idé at give tabellen en <CAPTION> -tekst eller titel tekst (title= Navn på tabel ). Giv brugeren mulighed for at springe tabellen over! Det kan også være en god idé at give brugere mulighed for at spring tabellen over, hvis de ikke ønsker at lytte til indholdet. Dette gøres ved hjælp af skip tabel-link

19 BRUG AF MULTIMEDIER Lydfiler Lydfiler bør ligge som tekster Hvis en hjemmeside tilbyder lydfiler, skal indholdet transkriberes, således at lydfilen gøres tilgængelig for brugere, der er døve eller har en hørenedsættelse. I praksis placeres linket til filen med transkriptionen ved siden af linket til lydfilen. Denne funktion er først og fremmest rettet mod brugere med nedsat hørelse. Men den kan også bruges af brugere, der sidder i et meget støjende miljø, hvor man ikke vil være i stand til at høre lyden. Eller brugere, der sidder i et stille miljø, hvor man ikke kan forstyrre andre. Desuden betyder transkriptionen af video- og lydfiler, at teksten er tilgængelig for alle, der måtte søge information om emnet, såvel som denne funktion er med til at optimere søgemaskinernes søgeresultater på hjemmesiden. Videoklip Videoklip bør have alternative repræsentationer Hvis der ligger videoklip på hjemmesiden, bør der ligge en alternativ repræsentation af det visuelle spor, der beskriver indholdet for blinde brugere. Det kan være i form af en tekst, lydfil eller synstolkning, der beskriver indholdet. Desuden bør der tilbydes en transkription af det auditive spor for brugere med hørehandicap i form af en tekst, der beskriver indholdet. Animationer Undgå animationer Du skal så vidt muligt undgå animationer som f.eks. animerede giffer eller blinkende grafisk tekst, hvis hjemmesiden skal være tilgængelig. Især hvis der er tilknyttet en form for funktionalitet til disse, kan det være svært for brugere, der ikke kan se eller bruge musen at manøvrere via disse, såvel som for gruppen af læsesvage brugere. Også brugere uden funktionsnedsættelse kan opleve animationer som forstyrrende. Hvis du alligevel bruger animerede giffer eller blinkende grafisk tekst på hjemmesiden, skal de have tilknyttet en Alt -tekst og/eller mulighed for at stoppe eller fastfryse bevægelsen. Brugen af flash Flash kan gøres tilgængelig Flash har ikke tidligere være tilgængelig for skærmlæsere, såvel som at hjemmesider konstrueret i Flash ikke har været tilgængelige for brugere, der udelukkende kunne bruge tastaturet. Det er nu ved at ændre sig, således at Flash i mange henseender nu er fuldt tilgængeligt. Principper for tilgængelighed i Flash I forbindelse med flash-filer gælder de samme principper som for tilgængelighed til hjemmesider generelt: 34 35

20 Der skal skrives Alt -tekster til ikke-tekstlige elementer, som f.eks. billeder grafik, videoklip, animationer osv. Hvis der bruges lydfiler med tale, skal indholdet gengives i tekstformat Hvis der bruges musik, skal man være opmærksom på, hvordan den fungerer med skærmlæserens læsning. Det skal være muligt at navigere med og uden mus Man bør undgå animationer af tekst, knapper og inputfelter. Læs mere om brugen af multimedier på: Læs mere om tilgængelighed og Flash på: SÅDAN GØR DU PDF-DOKUMENTER TILGÆNGELIGE PDF (Portable Document Format)-dokumenter er meget populære. Det har tidligere heddet sig, at PDF-dokumenter var utilgængelige for skærmlæsere. Men sandheden er, at problemet er opstået, fordi man ikke har indtænkt tilgængeligheden i det format, som dokumentet oprindeligt har været konverteret fra. Skal PDF-dokumenter være tilgængelige for skærmlæsere gælder det derfor om at gøre det oprindelige dokument tilgængeligt eller som nødløsning bruge de reparationsmuligheder, der ligger i Adobe Acrobat Professional for at sikre tilgængeligheden. To måder at gøre PDF-dokumenter tilgængelige på: 1. Tilgængeligheden er indtænkt i det format, som dokumentet er konverteret fra og oprindeligt er oprettet i. 2. Reparation af et eksisterende PDF-dokument. Første metode er at foretrække og nemmere at arbejde med. Ved denne metode er det desuden muligt at foretage yderligere redigering i dokumentet, da man i højere grad kan konvertere til PDF format igen uden at miste den opmærkning, der sikrer tilgængeligheden. Ved reparation af PDF-dokumentet mister man hele dette arbejde i en redigeringsproces af det oprindelige dokument og skal begynde forfra med at reparere på dokumentet for at sikre tilgængeligheden. Begge metoder kan dog være forholdsvis ressourcekrævende. Men som alt andet gælder det, at første gang kan være meget ressourcekrævende. Men når man først har opnået rutine i arbejdsgangen, er det en forholdsvis hurtig proces

GUIDEN / TEST AF HJEMMESIDER

GUIDEN / TEST AF HJEMMESIDER GUIDEN / TEST AF HJEMMESIDER VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET INTRODUKTION TIL TEST LINKS Medarbejderen som eksperten Automatiserede

Læs mere

GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE

GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE GUIDEN / TILGÆNGELIG WEB FOR WEBUDVIKLERE VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET TILGÆNGELIGHED OG WEBDESIGN Brug CSS Brugen

Læs mere

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside

Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual til CMS et for Københavns Kommunes hjemmeside Version 1.2

Læs mere

Sensus. Grafisk design og tilgængelighed

Sensus. Grafisk design og tilgængelighed Grafisk design og tilgængelighed Mange tilgængelighedsproblemer bliver skabt allerede i forbindelse med udviklingen af netstedets grafiske udtryk. Tilgængelige netsteder er ikke nødvendigvis ensbetydende

Læs mere

Tilgængelighedsmanual Århus kommunes hjemmeside

Tilgængelighedsmanual Århus kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual Århus kommunes hjemmeside Version 1.4 Indhold 1 GRUNDLÆGGENDE...

Læs mere

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion RIGSPOLITIET Vejledning i konvertering fra Word -dokument til PDF-fil på politi.dk Rigspolitiets websektion Indledning Da vi skal leve op til kravene om tilgængelighed på Internettet, skal alle tekster

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

PDF-filer Vejledning til tilgængelige PDF-filer

PDF-filer Vejledning til tilgængelige PDF-filer PDF-filer Vejledning til tilgængelige PDF-filer OBS I dette dokument får du en vejledning til, hvordan du kan rette nogle af de mest gængse tilgængelighedsproblemer. For at rette dem kræver det, at du

Læs mere

Manual til hjemmeside i Typo3

Manual til hjemmeside i Typo3 Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK

ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK ANALYSE AF WEBSTEDET WWW.BILFORHANDLER.DK Denne rapport indeholder en primær analyse af webstedet www.bilforhandler.dk. Vi har kigget på: Det vigtige førstehåndsindtryk af webstedet Brugervenlighed Anvendte

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

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:

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: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere

PowerPoint 2003. Kursusmateriale til FHF s kursister

PowerPoint 2003. Kursusmateriale til FHF s kursister PowerPoint 2003 Kursusmateriale til FHF s kursister Indholdsfortegnelse: Opgave 1 Hvad er en Præsentation?... 2 Opgave 2 vælg emne + opret dias... 3 Opgave 3 Indsæt objekter / billeder... 4 Opgave 4 Brugerdefineret

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

GUIDEN / BAGGRUNDSVIDEN OM TILGÆNGELIG WEB

GUIDEN / BAGGRUNDSVIDEN OM TILGÆNGELIG WEB GUIDEN / BAGGRUNDSVIDEN OM TILGÆNGELIG WEB VÆRKTØJET TIL TILGÆNGELIG WEB CENTER FOR LIGEBEHANDLING AF HANDICAPPEDE INDHOLD / MAINSTREAMING AF HANDICAPOMRÅDET ARBEJDSPROCESSEN MOD TILGÆNGELIG WEB Introduktion

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

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

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem. Indhold Introduktion...2 Hjælp...2 Office knappen...2 Menulinjen...3 Fast værktøjslinje Hurtig adgang...3 Menupunkter...4 Startside...4 Indsæt...5 Sidelayout...5 Referencer...6 Forsendelser...6 Gennemse...6

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem

Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem Blåt Medlem giver mulighed for at udskrive etiketter/labels og kuverter til medlemmerne af den enhed man er medlemsansvarlig

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7

Peter Kragh Hansen. Microsoft PowerPoint 2013 DK. ISBN nr.: 978-87-93212-07-7 Peter Kragh Hansen Microsoft PowerPoint 2013 DK ISBN nr.: 978-87-93212-07-7 I n d h o l d s f o r t e g n e l s e PowerPoint 2013... 3 Præsentation... 4 Oprettelsen af præsentationer... 5 Skabeloner og

Læs mere

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister

Læs mere

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

Læs mere

Adobe Acrobat Professional 11. ISBN nr.: 978-87-93212-08-4

Adobe Acrobat Professional 11. ISBN nr.: 978-87-93212-08-4 Adobe Acrobat Professional 11 ISBN nr.: 978-87-93212-08-4 I n d h o l d s f o r t e g n e l s e Hvad er Adobe Acrobat?... 1 Elektroniske dokumenter... 2 PDF... 2 Acrobat-programmer... 3 Hvor kommer dokumenterne

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

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

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Byg web sider. Introduktion:

Byg web sider. Introduktion: Introduktion: Du kender nu nogle enkle HTML tags, så nu er det på tide, at du kommer i gang med at lave din første side! Når du har nogle HTML-sider klar skal du have dem lagt op, så dine venner kan se

Læs mere

Brugervejledning. ClaroRead. (Mac)

Brugervejledning. ClaroRead. (Mac) Brugervejledning ClaroRead (Mac) Indholdsfortegnelse HVAD ER CLAROREAD?... 3 DOWNLOAD OG INSTALLATION... 3 DOWNLOAD AF STEMMER... 4 CLAROREAD- VÆRKTØJSLINJE... 6 AFSPIL... 6 STOP... 6 GEM TEKST SOM LYDFIL...

Læs mere

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

Læs mere

SKRIV TIL NETTET. - et hurtigt overblik

SKRIV TIL NETTET. - et hurtigt overblik SKRIV TIL NETTET - et hurtigt overblik Af Nis Hollesen Webmaster Norddjurs Kommune nih@norddjurs.dk Senest opdateret 05.02.2011 Skriv til nettet: Et hurtigt overblik I denne manual kan du få et hurtigt

Læs mere

Diagrammer visualiser dine tal

Diagrammer visualiser dine tal Diagrammer visualiser dine tal Indledning På de efterfølgende sider vil du blive præsenteret for nye måder at arbejde med Diagrammer på i Excel. Vejledningen herunder er vist i Excel 2007 versionen, og

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

Med et filarkiv kan du give dine besøgende på din hjemmeside adgang til at hente dokumenter i Word, PDF, PowerPoint og Excel.

Med et filarkiv kan du give dine besøgende på din hjemmeside adgang til at hente dokumenter i Word, PDF, PowerPoint og Excel. - Filarkiv - Filarkiv - når dine besøgende skal hente PDF-filer fra din hjemmeside Med et filarkiv kan du give dine besøgende på din hjemmeside adgang til at hente dokumenter i Word, PDF, PowerPoint og

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Manual CoffeeCup Visitkort konsulenter

Manual CoffeeCup Visitkort konsulenter Manual CoffeeCup Visitkort konsulenter Indhold 2 Start Lidt om sidens layout 3 Åbn den downloadede fil i CoffeeCup og gem den som dit eget projekt 3 Knapperne Ring og Mail Indsæt nyt link på Ring og mail

Læs mere

Nvu hjemmesider hurtigt og let

Nvu hjemmesider hurtigt og let Nvu hjemmesider hurtigt og let Brugervenlig og grafisk præsentation af textdokumenter var en af de store udfordringer indenfor softwareudvikling i slutningen af 1980erne. Tim Berners-Lee fra CERN udvikler

Læs mere

I denne vejledning lærer du de mest grundlæggede funktioner i PowerPoint 2003: Hvad er en præsentation?... 3. Eksempel på en præsentation...

I denne vejledning lærer du de mest grundlæggede funktioner i PowerPoint 2003: Hvad er en præsentation?... 3. Eksempel på en præsentation... Præsentationer: Vejledning PowerPoint 2003 I denne vejledning lærer du de mest grundlæggede funktioner i PowerPoint 2003: Hvad er en præsentation?... 3 Eksempel på en præsentation... 3 Visninger... 3 Normal...

Læs mere

Den Talende Bog. version 4.0. Mikro Værkstedet A/S

Den Talende Bog. version 4.0. Mikro Værkstedet A/S Den Talende Bog version 4.0 Mikro Værkstedet A/S Den Talende Bog : version 4.0 Mikro Værkstedet A/S Revision 1.42, 7. maj 2007 Indholdsfortegnelse Den Talende Bog... v 1. Kom godt i gang... 1 1.1. Hjælp...

Læs mere

Mindmapping med FreeMind. En Introduktion til programmet FreeMind

Mindmapping med FreeMind. En Introduktion til programmet FreeMind En Introduktion til programmet FreeMind Jan Leffers 2006 Indholdsfortegnelse Indledning...2 Hvad er et mindmap...2 Mindmap guidelines...3 Download og installation...3 Kom hurtigt i gang...4 Det første

Læs mere

I denne vejledning lærer du de mest grundlæggede funktioner i PowerPoint: Hvad er en præsentation?...3. Eksempel på en præsentation...

I denne vejledning lærer du de mest grundlæggede funktioner i PowerPoint: Hvad er en præsentation?...3. Eksempel på en præsentation... Præsentationer: Vejledning PowerPoint I denne vejledning lærer du de mest grundlæggede funktioner i PowerPoint: Hvad er en præsentation?...3 Eksempel på en præsentation... 3 Visninger...3 Normal... 3 Diassortering...

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4) Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter

Læs mere

Fagligt indhold. Oplæg fra underviser Ar)kel Film Del af fagbog. Rammesætning. Indhold Form Evt. midler Distribu)on Deadline(s) Produk)on

Fagligt indhold. Oplæg fra underviser Ar)kel Film Del af fagbog. Rammesætning. Indhold Form Evt. midler Distribu)on Deadline(s) Produk)on En didaktisk model til ipadagogik Fagligt indhold Oplæg fra underviser Ar)kel Film Del af fagbog Rammesætning Indhold Form Evt. midler Distribu)on Deadline(s) Kobling )l praksis Produk)on Individuelt Gruppe

Læs mere

Typografi og layout i Word 2010

Typografi og layout i Word 2010 Ret&Rigtigt F12 Niels Erik Wille Typografi og layout i Word 2010 Papirformat og papirets orientering (højformat / bredformat) Vælges i menuen Sidelayout: Man kan vælge Retning (højformat / bredformat)

Læs mere

Webredaktørens værktøjskasse

Webredaktørens værktøjskasse Webredaktørens værktøjskasse Indledning Hjemmesider er i dag en nødvendig kommunikationskanal for alle virksomheder, organisationer og myndigheder. Netkommunikation kræver tid og viden. En vellykket hjemmeside

Læs mere

PowerPoint 2007. Indhold UNI C

PowerPoint 2007. Indhold UNI C PowerPoint 2007 Indhold Kom i gang med PowerPoint... 3 Hvad er en præsentation?... 3 Faner og bånd... 3 Visning og valg af funktioner... 4 Ny præsentation... 5 Visninger... 6 Normalvisning... 6 Diassortering...

Læs mere

SÅDAN TESTER DU HJEMMESIDER

SÅDAN TESTER DU HJEMMESIDER SÅDAN TESTER DU HJEMMESIDER VEJLEDNING Vejledning til tilgængelighedstest Digitaliseringsstyrelsen 2012 Design: www.kopilot.dk 1 SÅDAN TESTER DU HJEMMESIDER I det følgende finder du nogle anvisninger på,

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

Vejledning til referencehåndteringssystemet. Forsvarets Bibliotekscenter Anita Elleby

Vejledning til referencehåndteringssystemet. Forsvarets Bibliotekscenter Anita Elleby Vejledning til referencehåndteringssystemet Forsvarets Bibliotekscenter Anita Elleby Jeg håber, at du vil få glæde af denne vejledning til referencehåndteringssystemet Zotero. Hvis du får problemer undervejs

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

Billeder på hjemmeside

Billeder på hjemmeside Billeder på hjemmeside Indholdsfortegnelse Emne 1. Billedredigering (Microsoft Picture Manager) Side 3 a. Komprimer billeder b. Beskæring af billeder 3 9 2. Billeder og tekst ved hjælp af en skabelon (Template

Læs mere

Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word.

Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word. 75 Paint & Print Screen (Skærmbillede med beskæring) Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word. 1. Minimer straks begge

Læs mere

1. Større opgaver i word

1. Større opgaver i word Indholdsfortegnelse 1. Større opgaver i word...1 1.1. Typografier... 1 1.1.1. Normal... 1 1.1.2. Overskrifter... 5 1.2. Dispositionsvisning... 6 1.3. Indholdsfortegnelse... 6 1.4. Krydshenvisninger...

Læs mere

Kapitel 17 Oprette websider:

Kapitel 17 Oprette websider: Kom i gang med... Kapitel 17 Oprette websider: Gemme dokumenter som HTML-Filer OpenOffice.org Rettigheder Dette dokument er beskyttet af Copyright 2005 til bidragsyderne som er oplistet i afsnittet Forfattere.

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

Postervejledning. Indhold. Meningen med en poster

Postervejledning. Indhold. Meningen med en poster Postervejledning Meningen med en poster En plakat, eller det der på engelsk kaldes en poster, bruges i videnskabelige kredse til at præsentere forskningsresultater. I det følgende vil der blive givet en

Læs mere

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI af 1 side 1 Typo3 vejledning for redaktører og skribenter i BMI GENERELT...3 LOGIN...3 STARTSIDEN...4 SIDE...5 SIDE ELEMENTER...6 SIDE LAYOUT...7 STJÆL MED ARME OG BEN HEL SIDE...8 STJÆL MED ARME OG BEN

Læs mere

ViTal. Når ViTal er startet, kan du få læst tekst højt på flere måder - Du kan bl.a. bruge knapperne i ViTal Bjælken.

ViTal. Når ViTal er startet, kan du få læst tekst højt på flere måder - Du kan bl.a. bruge knapperne i ViTal Bjælken. ViTal Sådan læses op med ViTal Når ViTal er startet, kan du få læst tekst højt på flere måder - Du kan bl.a. bruge knapperne i ViTal Bjælken. Disse knapper er aktive, når du åbner ViTal og bruges til oplæsning

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

Oversigt over formateringsmærker i Microsoft Word

Oversigt over formateringsmærker i Microsoft Word Oversigten på de følgende sider viser størstedelen af de forskellige formateringsmærker, der kan optræde i et Microsoft Word-dokument. Formateringsmærker vises kun på skærmen de kommer ikke med i udskrift.

Læs mere

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION I vejledningen bruger vi det gratis program Writer fra OpenOffice som eksempel til at vise, hvordan man bruger nogle helt grundlæggende funktioner i tekstbehandling.

Læs mere

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

Overskrifter Vejledning til opmærkning af overskrifter til hjemmesider og i kontorprogrammer Overskrifter Vejledning til opmærkning af overskrifter til hjemmesider og i kontorprogrammer Indholdsfortegnelse 1. Hvad er rigtige overskrifter 3 Hierarki 3 Eksempel 3 2. Hvordan gør du? 4 Hjemmesiden

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

RefWorks en vejledning fra UCL Biblioteket. Indholdsfortegnelse

RefWorks en vejledning fra UCL Biblioteket. Indholdsfortegnelse Indholdsfortegnelse Hvad er RefWorks?... 2 Opret dig som bruger... 2 Inden du går i gang... 3 Klargøring af computer til download af Write-N-Cite v. 4.2... 3 Installation af Write-N-Cite... 4 Installation

Læs mere

Vejledning i Powerpoint

Vejledning i Powerpoint Indholdsfortegnelse Startdias Startdias... 1 Indsætte nyt dias... 1 Tekst... 1 Links til web... 2 Indsæt et billede... 2 Lyd... 3 Baggrund... 3 Animation... 3 Handlingsknapper... 4 Redigering... 6 Overgange...

Læs mere

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011 Brugervejledning Miljøministeriet A4 Opdateret den 25. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: A4 - Publikation...

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

CSU Center for Specialundervisning

CSU Center for Specialundervisning LÆSETEK HANDS-ON I VITRE ViTal (oplæsningsprogram) ViTal-bjælken Ikonforklaringer Hvis du bliver i tvivl om, hvad ikonerne på ViTal-bjælken betyder, kan du bruge ikonforklaringen. Når musen placeres på

Læs mere

SIGIL Sådan opretter du en e- bog Step by Step

SIGIL Sådan opretter du en e- bog Step by Step SIGIL Sådan opretter du en e- bog Step by Step Af Gitte Winter Graugaard Nov. 2013, Sigil version 0.7.2 1 Her følger en intro skridt for skridt til at oprette en e- bog i SIGIL og publicere den på SAXO

Læs mere

1. Opbygning af et regneark

1. Opbygning af et regneark 1. Opbygning af et regneark Et regneark er et skema. Vandrette rækker og lodrette kolonner danner celler, hvori man kan indtaste tal, tekst, datoer og formler. De indtastede tal og data kan bearbejdes

Læs mere

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling

Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Århus Kommunes nye hjemmeside - en ny side af Århus Kommune! Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Projektplan Århus Kommune Projekt Ny Hjemmeside Borgmesterens Afdeling Opstart Konceptudvikling

Læs mere

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling Orddeling Automatisk orddeling Vælg [Orddeling] Markér Automatisk orddeling Manuel orddeling Vælg [Orddeling] Klik [Manuelt] For hvert ord, som vises, kan der gøres følgende: Accepter det foreslåede orddelingssted

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

En kort og sigende overskrift (Overskrift 1) Arial 16 + fed

En kort og sigende overskrift (Overskrift 1) Arial 16 + fed En kort og sigende overskrift (Overskrift 1) Arial 16 + fed - eventuelt en uddybende undertitel (Undertitel) Arial 14, mellemrum før: 6 pkt, mellemrum efter: 3 pkt (bemærk at undertitler er venstrejusteret)

Læs mere

Nogle metoder ved arbejdet med Brothers Keeper.

Nogle metoder ved arbejdet med Brothers Keeper. Villy Andersen Frederiksberg den 8. september 2014. Nogle metoder ved arbejdet med Brothers Keeper. For at få samling på nogle af de tidligere udsendte beskrivelser og vejledninger om Brothers Keeper (BK)

Læs mere

Kommuniker: Gennem Valg

Kommuniker: Gennem Valg Kursusmappen Kommuniker: Gennem Valg Øvelser Mikro Værkstedet Indhold Indhold... 2 Start Kommuniker: Gennem Valg... 3 Øvelse 1 Åbn Kommuniker: Gennem Valg... 3 Øvelse 2 Åbn en aktivitet... 4 Øvelse 3 Udskrivnings-ikon

Læs mere

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30 CS TYPO3 Manual TYPO3 CMS Opbygning...2 Log ind...2 Backend...3 Frontend...5 Hvor skal jeg klikke?...6 Gem, gem og vis, gem og luk og luk...7 Håndtering af sider og menuer...8 Sammenhæng mellem sider og

Læs mere

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

Læs mere

SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER -

SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER - SDBF QUICKGUIDE SKOLERNES DIGITALE BLANKET FLOW 1. - SUPERBRUGERE OG MEDLEMMER AF RETTIGHEDSGRUPPER - INTRODUKTION TIL SKOLERNES DIGITALE BLANKET FLOW Vi er glade for at kunne byde velkommen til opdateret

Læs mere

SkanRead hjælp. SkanRead 1.0. Mikro Værkstedet A/S

SkanRead hjælp. SkanRead 1.0. Mikro Værkstedet A/S SkanRead hjælp SkanRead 1.0 Mikro Værkstedet A/S SkanRead hjælp: SkanRead 1.0 Mikro Værkstedet A/S Ophavsret 2010 Mikro Værkstedet A/S Indholdsfortegnelse Forord... v 1. Sådan gør du!... 1 2. SkanRead

Læs mere

SÅDAN SIKRER DU KVALITETEN I DIT INDHOLD PÅ SUNDHED.DK. Vejledning til redaktører. Web-kommunikation, nov. 2013, version 1.0

SÅDAN SIKRER DU KVALITETEN I DIT INDHOLD PÅ SUNDHED.DK. Vejledning til redaktører. Web-kommunikation, nov. 2013, version 1.0 SÅDAN SIKRER DU KVALITETEN I DIT INDHOLD PÅ SUNDHED.DK Vejledning til redaktører Web-kommunikation, nov. 2013, version 1.0 INDHOLD Vejledning til redaktører 1 Web-kommunikation, nov. 2013, version 1.0

Læs mere

Introduktion til billeddatabasen

Introduktion til billeddatabasen Introduktion til billeddatabasen Colourbox.dk Colourbox.dk er den billeddatabase som Odense Kommune har købt licens til. Det er vigtigt at bemærke, at der ikke er ubegrænset download af billeder. I materialet

Læs mere

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS Vejledning for opdatering af hjemmesiden opbygget med KlubCMS Indholdsfortegnelse Indhold Indholdsfortegnelse... 2 Indledning... 3 Lidt generelt om KlubCMS... 3 Sideopbygning:... 4 Brugere/Brugergrupper...

Læs mere

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel typografi I kernefagligheden typografi har jeg valgt at lave et magasin. Magasinet omhandler Aarhus Festuge og indeholder artikler og billedemateriale jeg har fået fra Aarhus Festuge. Til dette har jeg

Læs mere

Sådan opretter du en elektronisk aflevering

Sådan opretter du en elektronisk aflevering Sådan arbejder du med opgaver i Gradebook/karakterbog Denne vejledning indeholder en detaljeret beskrivelse af hvordan du bruger gradebook/karakterbogen når du vil arbejde med opgaver og give karakterer

Læs mere

Kom nemt i gang med. TRE fra ScanDis A/S

Kom nemt i gang med. TRE fra ScanDis A/S Kom nemt i gang med TRE fra ScanDis A/S TAL SEORD TEX Denne korte manual gør det muligt, hurtigt og nemt, at komme i gang med at bruge programmerne ViTal, ViseOrd og ViTex fra ScanDis A/S Kom nemt i gang

Læs mere

Ministeriet for Børn og Undervisnings forfattervejledning til ministeriets publikationer

Ministeriet for Børn og Undervisnings forfattervejledning til ministeriets publikationer Ministeriet for Børn og Undervisnings forfattervejledning til ministeriets publikationer Denne forfattervejledning er et bilag til de interne retningslinjer for udarbejdelse af publikationer Sammen med

Læs mere