24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den

Relevanta dokument
Krav på WCM-verktyg. 4. Användning av stilmallar [Prioritet 1] Innehåll och struktur ska separeras från presentation.

Övning (X)HTML 2. Sidan 1 av

Kunskapscentrumcentrum för Äldres Säkerhet

2006:01. Undersökning av publiceringsverktyg

TILLGÄNGLIGHET PÅ WEBBEN KOMMUNIKATIONSENHETEN

Manual till publiceringsverktyg

Kunskapscentrum för Äldres Säkerhet

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad:

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

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

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Att arbeta med. Müfit Kiper

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)

Laboration 2: Xhtml och CSS.

Teknisk tillgänglighet

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering


Snabbguide för E-lomake

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

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".

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

Version: Datum: DynaMaster 5 Golf Övergripande manual

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

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

Labora&on 2 HTML och validering övningar/uppgi:er

Användning av pdf Vägledningen 24-timmarswebben

Manual för Typo3 version 4.2

Föreläsning 4. CSS Stilmallar för webben

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

Manual Webb-admin för evenemang

Introducerande övningar i HTML

Word Online Version 1.0 Skolkontoret

Inför prov 1 i webbdesign

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

Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Användarmanual för Content tool version 7.5

Tillämpad fysik och elektronik Per Kvarnbrink m.fl. Laboration 2: HTML och CSS.

Lathund Office online

Manual för visionutv.net Redigera

Snabbguide för publicering i Drupal för ki.se

Manual för Typo3 version 4.04

12 Webb och kurshemsidor

Manual till publiceringssystemet WebMe

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

Pagineringsgadget Ordlista Scen Spellista Slide Mall Innehållselement Gadget... 27

Guide Att publicera och redigera på strukturtorget

Arg-administratörens guide till Umbraco v 1.2.1

Lathund för lättredaktörer i InfoGlue

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Redigera din personliga sida

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt

P O R T A L S Y S T E M

Grundutbildning EPiServer CMS6

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

Att använda laget.se

InfoGlue för lättredaktörer

Vägledningen 24-timmarswebben effektivare och bättre service på webbplatser

LATHUND FRONTPAGE 2000

Webbplats analys cofra.it

Innehållsförteckning. Adobe GoLive CS

Redigera forskarprofil i EpiServer

STEGBESKRIVNING - WEBB

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 3 HTML och struktur övningar/uppgi:er

Rapportens titel obligatorisk

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

F15 Tillgänglighet/Accessibility Dagens agenda

Lathund för lättredaktörer i InfoGlue

Så använder du wordmallarna i VIS

Nya liten manual i Drupal Version 1.1

En grundkurs i hemsidor och hur de är uppbyggda

Manual Introduktionskurs SiteVision

Publicera taltidningen

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Webbplats analys ipchecker.us

Dokumentation av rapportmall

Manual för Episerver 5 för redaktörer i förskola och skola Innehåll

Att skriva för webbplatsen. Stöd för webbredaktörer

Webbplats analys omeopatiamilano.com

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

Guide för att skapa & ändra Sidor och Statiska block - Speedcom E-Handel

DynaPahlm är användbart på många olika typer av webbplatser. Denna handbok ger dig tips och vägledning till hur du bäst använder DynaPahlm

Analys Riksdagspartiernas tillgänglighet på webben

Användarmanual för Hemsida

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size="6">

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

Lathund för att lägga in information på ovanaker.se Innehållsförteckning

Manual - Introduktionskurs SiteVision

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: Byta lösenord

Nämnden för elektronisk förvaltning

Kort instruktion för arbete i Sitevision ( exempel från ATM)


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

4.1 Skapa innehållselement

Sandsbro AIK - Manual till redaktörer - IdrottOnline Klubb

Användarutbildning i SiteVision

ORDLISTA WEBBDESIGN 100P

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Transkript:

24-timmarswebben WebPublish gör det möjligt att skapa läsvänliga sidor. Vi tycker att det är en självklarthet att informationen på en webbplats ska vara tillgänglig för och kunna läsas av så många som möjligt. Det ska inte spela någon roll vilken utrustning eller hjälpmedel som besökaren använder sig av. Verket för förvaltningsutveckling, Verva, har tagit fram en vägledning för användbarhet och tillgänglighet för webbplatser; Vägledningen 24-timmarswebben Effektivare och bättre service på webbplatser i offentlig sektor. WebPublish uppfyller Vervas samtliga krav för publiceringsverktyg. Detta innebär bland annat att WebPublish skapar kod som följer standarder och som gör att så många människor som möjligt kan ta del av innehållet. Ett ytterligare exempel är att tabeller inte används i layoutmallarna samt att WebPublish automatiskt skapar hierarkiska rubriker vilket gör att varje sidas struktur direkt framgår av rubriksättningen. Dessa punkter hjälper exempelvis besökare som använder sig av någon sorts sidläsare, men ger också varje besökare en bättre överblick över innehållet. Läs mer om 24-timmarswebben på www.eutveckling.se. Där finns också mer information om hur man skapar enklare och mer effektivare webbplatser som når fler. Grundkonstruktion 7.1.1.1 Kontroll av innehåll som publiceras Verktyget ska i första hand använda och uppmuntra användandet av dokumentformat som stöds av WCAG. I dagsläget innebär detta HTML. 7.1.1.2 Plattformsoberoende Verktyget ska fungera i moderna webbläsare oavsett klientplattform. Verktygets grundfunktionalitet får inte vara beroende av andra teknologier än de som fastställts av W3C och ska inte tvinga redaktören att använda en viss webbläsare. 7.1.1.3 Kvalitet på medföljande innehåll Allt webbinnehåll (mallar, bilder, exempelsidor etc) som följer med verktyget ska följa WCAG när redaktören använder det. Verktyget producerar giltig kod och det går även att verifiera den färdiga sidan mot WCAG. WebPublish har testats utförligt i både Internet Explorer 7 och Firefox 3, vilket kan räknas som moderna webbläsare. Allt innehåll som publiceras kan verifieras mot WCAG så att administratören ser att sidan uppfyller alla krav.

7.1.1.4 Användning av stilmallar Innehåll och struktur ska separeras från presentation. 7.1.1.5 Utformning av URL:er URL:er som genereras av publiceringsverktyget ska vara tydliga och inte innehålla underliga tecken som behövs för teknikens skull. 7.1.1.6 Layout Tabeller får inte användas för layout. 7.1.1.7 Hantering av språk Verktyget ska göra det möjligt för redaktören att ange vilket huvudsakligt språk innehållet på webbplatsen har. Det ska dessutom gå att ange vilket språk enskilda webbsidor har. Till exempel de delar av webbplatsen som är översatta till engelska eller ett annat språk. 7.1.1.8 Valideringsstöd Det ska finnas en funktion för att kontrollera grundläggande tillgänglighet på den sida som skapas. Om automatisk kontroll inte är möjlig ska verktyget ställa kontrollfrågor för att möjliggöra manuell bedömning. 7.1.1.9 Sidtitel Titeln för en sida får inte styras godtyckligt utan ska vara likartade eller samma som rubriken för sidan. Ett verktyg för att konstruera stilmallar samt möjlighet att koppla dem till olika sidor medföljer WebPublish. Varje sida kan ges ett eget namn, antingen baserat på sidans titel eller också helt fritt. Resultatet blir att namnen är enkla att läsa. WebPublish använder uteslutande div-taggar för layout. Verktyget har gott stöd för att sätta språk på enskilda sidor. Det finns även en möjlighet att koppla ihop sidor med samma innehåll fast på olika språk. Via en kontextmeny på den publicerade sidan kan en inloggad person validera sidan mot både W3Cs standard för X/HTML samt WCAG. Det går att sätta titeln på sidan antingen när den skapas eller vid ett senare tillfälle. Formulär och tabeller 7.1.2.1 Formulär, fältetiketter Alla fält ska automatiskt få eller ska kunna ges explicit kopplade fältetiketter. 7.1.2.2 Formulärinsändning Insändning av formulär får inte vara javaskriptberoende. 7.1.2.3 Formulärlayout Tabeller ska inte användas för formulärlayout. Alla fält får automatiskt en kopplad fältetikett. Det är inga problem att skicka in formulärdata utan javaskript. Endast DIV-taggar används för layout av formulären.

7.1.2.4 Formulär, skriptberoende Validering och annan funktionalitet får inte vara beroende av skript, till exempel javaskript. 7.1.2.5 Tabeller, rad - och kolumnrubriker Det ska vara möjligt att skapa korrekta rad- och kolumnrubriker med hjälp av verktyget. Rätt element (th) ska användas för att skapa rubrikerna. 7.1.2.6 Tabeller, summarytext Verktyget ska ge redaktören möjlighet att redigera summarytext för tabeller. Summarytext ska inte skapas automatiskt och inte heller vara obligatorisk. 7.1.2.7 Tabeller, captiontext Verktyget ska ge redaktören möjlighet att ange captiontext för tabeller. Rätt element (caption) ska användas för texten. Validering och övrig funktionalitet sköts på serversidan. Det är möjligt att sätta vilken rad som ska vara överskrift och den markeras då i koden med rätt element. Summarytext kan sättas i verktyget om användaren önskar det. Även captiontext kan sättas till en tabell om användaren så önskar. Bildhantering och länkar 7.1.3.1 Bilder, alt-texter Det måste gå att ange alt-text och alt-texten får inte vara för lång. 7.1.3.2 Bilder, alt-text får ej skapas automatiskt 7.1.3.3 Bilder, alt-texter, tidigare skapade alternativtexter ska inte återanvändas utan bekräftelse från användaren. 7.1.3.4 Bilder, alt-texter, Alt-text ska bestå av ren text 7.1.3.5 Bilder, longdesc. Det ska vara möjligt att ange longdesc. Om bilden behöver en utförligare beskrivning kan alttexten kompletteras med en long description. 7.1.3.6 Information om bifogade dokument När ett dokument bifogas ska information om storlek, filtyp skapas i textformat i anslutning till länken. Gäller endast dokument som hanteras i systemet. Varje gång en bild läggs in på en sida har användaren möjlighet att lägg till en alt-text. Om användaren inte fyller i någon alt-text så skapas inte någon sådan. Användaren har alltid möjlighet att ändra en alt-text för en bild. De alt-texter som skapas består enbart av text Vid infogande av en bild är det möjligt att även lägga till en longdesc till den. När en fil infogas på en sida så presenteras både filtyp och storlek för filen.

7.1.3.7 Länkar, ankarlänkar Det ska gå att skapa ankarlänkar (interna bokmärken). 7.1.3.8 Title-text för länkar Det ska gå att ange titletext för länkar. Titletexten får ej vara tvingande eller skapas automatiskt. Det går att sätta ankare på en sida och sedan från en lista välja dem när man skapar en länk. Titel kan sättas till varje länk, vi kallar det för ToolTip. Textformatering 7.1.4.1 Rubriker Verktyget ska ge stöd för att skapa hierarkiska rubriker. Sidans första rubrik ska vara h1, och underliggande rubriknivåer ska användas på så sätt att dokumentets struktur framgår av rubrikstrukturen. 7.1.4.2 Uppmärkning av textstycken <p> ska användas för uppmärkning av textstycken. 7.1.4.3 Betoning, fetstil och kursiv Det ska vara möjligt att formatera text. HTML-elementen strong och em, alternativt b och i ska användas för fetstil respektive kursiv stil. Är syftet att betona text ska strong och em användas. Verktyget får inte använda font eller span för textformatering. 7.1.4.4 Punktlistor Korrekt HTML-element för punktlistor (ul och li) används när redaktören skapar en punktlista med hjälp av verktyget. 7.1.4.5 Numrerade listor Korrekt HTML-element för numrerade listor (ol och li) ska användas när redaktören skapar en numrerad lista med hjälp av verktyget. 7.1.4.6 Hierarkiska listor Korrekt strukturerad ul ska skapas när redaktören skapar en lista inuti en annan lista. WebPublish använder rubriker enligt h1, h2 och så vidare till h6 och administratörer har rätt att gå in och ändra utseendet på rubrikerna. Om ett nytt stycke önskas så används <p> men användaren kan även välja att skapa mellanrum med <br/> Rätt taggar används vid de olika typerna av text. Punktlistor kan skapas i WebPublish och de använder korrekta element. Även numrerade listor kan skapas och de använder korrekta element. Nästlade listor skapas av programmet.

7.1.4.7 Förkortningar Det ska gå att skapa förkortningar med förklarande text. Rätt element och attribut (abbr respektive title) ska användas för att skapa förkortningen. 7.1.4.8 Akronymer Det ska gå att skapa akronymer med förklarande text. Rätt element och attribut acronym respektive title ska användas för att skapa förkortningen. 7.1.4.9 Citat, inline Det ska gå att skapa inlinecitat. Citaten ska använda rätt element (q). 7.1.4.10 Citatstycke Det ska gå att skapa citatstycke. Citaten ska använda rätt element (blockquote). Om Strict doctype används ska texten omges av blocknivåelement, lämpligen p. 7.1.4.11 Citat Ikon eller text för citatfunktionen skall tydligt visa att det handlar om citat, inte om indentering av text. För förkortningar så används rätt element, abbr, och det kan sättas inne i verktyget. Även akronymer skapas med rätt element. Rätt element används när man skapar citat via formateringsmenyn. Blockquote används när ett citatstycke ska skapas. Både formateringsmenyn och en separat ikon visar att det handlar om ett citat. Stöd för redaktören 7.1.5.1 Hjälpfunktion och manual Kontroll- och hjälpfunktioner samt stöd för att skapa tillgänglig information ska finnas i ett format som inte kräver en extern applikation och är valbart direkt från den vy användaren är ett klick bort. 7.1.5.2 Anpassningsmöjligheter Verktyget ska tillåta ändringar av redigeringsvyns visningsinställningar. Användaren måste kunna ändra till exempel textstorlek, typsnitt, textfärg och bakgrundsfärg i redigeringsvyn utan att det påverkar innehållet i det redigerade dokumentet. En manual finns tillgänglig i verktyget och på flera ställen (skapa ny sida, ladda upp bild m.fl.) finns så kallade guider som hjälper användaren att göra rätt. Användaren kan välja mellan ett antal olika teman för hur verktyget ska se ut, teman som ökar kontrast och läsbarhet för olika personer.

7.1.5.3 Navigering utan mus Användaren måste, med hjälp av enbart tangentbord, kunna utföra alla redigeringsmoment som användargränssnittet tillhandahåller. Exempel är att navigera till, markera, och redigera innehåll i redigeringsvyer och styra användargränssnittet. 7.1.5.4 Typografiska tecken Publiceringsverktyget ska ge stöd i att infoga tecken i enlighet med svenska typografiska konventioner. Några av de vanligaste typografiska tecknen är citattecken, tankstreck och apostrofer. De listas under avsnittet Skiljetecken och andra skrivtecken i Svenska skrivregler utgiven av Svenska Språknämnden. Men hjälp av tangentbordet går det att navigera sig fram till en valfri sida och där börja editera. En stor mängd olika typografiska tecken är möjliga att använda från någon av de formateringsmenyer som finns.