EPiServer och tillgänglighet

I början av 2005 publicerade EPiServer en jämförelse (ej längre åtkomlig online) gjord av Funka Nu, där man tittar på skillnader i tillgänglighet mellan webbpubliceringssystemen EPiServer och SiteVision.

I undersökningen har man granskat en webbplats baserad på respektive system. Resultatet av undersökningen visar att webbplatsen som är baserad på EPiServer (Kungälvs kommun) är mer tillgänglig än den som använder SiteVision (Elsäkerhetsverket). Det stämmer, men jämförelsen avslöjar inte varför det är så.

Tillgänglighet följer inte med i EPiServerlådan

EPiServer är ett utmärkt system som är lättanvänt för redaktörer, väldokumenterat och enkelt att utveckla för. En grundinstallation har dock inte den nivå av tillgänglighet som www.kungalv.se har. Den följer inte heller webbstandarder fullt ut. Det har vi mycket god insikt i eftersom vi har byggt just www.kungalv.se.

Det är viktigt att den som väljer EPiServer som publiceringsverktyg är medveten om att EPiServer i sitt grundutförande inte följer riktlinjerna i Vägledningen 24-timmarswebben, Vervas (Verket för förvaltningsutveckling) guide för offentliga organisationers webbplatser. Däremot är det möjligt att anpassa EPiServer så att webbplatsen följer alla riktlinjer. Det är något man får med på köpet när vi bygger en webbplats på EPiServer.

Man kan dela in de områden som har utrymme för förbättring i tre delar: mallarna, WYSIWYG-redigeraren och ASP.NET.

Mallarna

De mallar som följer med EPiServer har förbättrats i senare versioner, men det är viktigt att vara medveten om att det finns mer kvar att göra när det gäller webbstandarder och tillgänglighet. Utan att gå in för mycket på tekniska detaljer vill vi ändå nämna några områden som kan förbättras ytterligare.

• Man måste vara medveten om att grundmallarna får Internet Explorer 6 att använda sitt bakåtkompatibla renderingsläge. Det innebär att den beter sig mer annorlunda än nödvändigt jämfört med nyare webbläsare.

• Koden består av en blandning av XHTML och HTML i olika varianter, vilket orsakar en hel del valideringsproblem. Här måste man välja HTML eller XHTML och hålla fast vid det. Vilken av de två man använder spelar mindre roll - viktigare är att man använder en Strict DOCTYPE som tillåter färre presentationella attribut och element.

• Mallarna innehåller en del onödiga element och blandar struktur med presentation. Viss CSS specificeras inne i HTML-filen, vissa presentationella HTML-attribut används och en del HTML-element används för att styra presentationen. Det är mer effektivt att styra all presentation med hjälp av en eller flera externa CSS-filer. Det är också vad som rekommenderas i Vägledningen 24-timmarswebben 2.0.

• Väldigt få semantiska HTML-element används. För att göra en webbplats tillgänglig är det viktigt att man ger innehållet strukturell betydelse genom att använda de element som finns i HTML för att märka upp till exempel rubriker, listor, citat och betoningar.

EPiServers redigerare

Som de flesta andra publiceringsverktyg på marknaden har EPiServer en så kallad WYSIWYG-redigerare för att underlätta för redaktörer utan kunskap om HTML att publicera innehåll. Tyvärr skapar denna typ av redigerare väldigt ofta felaktig och ickesemantisk HTML - så även EPiServers.

EPiServers redigerare är inte sämre än de flesta andra, och precis som mallarna har den förbättrats i senare versioner. Det är ändå vanligt att den skapar felaktig eller onödig HTML. Därför har vi skapat ett filter som går igenom och rensar den HTML som kommer från redigeraren innan den sparas i databasen. På så vis kan vi höja kodkvaliteten. Det är ingen garanti för att resultatet blir perfekt, men det når en bit på vägen.

Utmaningar med ASP.NET

Även om EPiServers mallar och redigerare vore perfekta skulle man inte helt slippa undan problem. EPiServer är baserat på Microsofts ASP.NET, som inte gör vad det borde för att uppmuntra utvecklare att skapa korrekt och tillgänglig HTML. Lyckligtvis går det att korrigera för detta genom att använda filter som ändrar HTML-koden som ASP.NET skapar innan sidan skickas till webbläsaren. Denna funktion ingår i vårt EPiServerfilter.

Ett ännu större problem är att ASP.NET skickar olika HTML till olika webbläsare om man inte stänger av den funktionaliteten, vilket vi starkt rekommenderar att man gör.

Det är också viktigt att vara medveten om hur Viewstate fungerar. Det är en teknik som ASP.NET använder för att göra det enklare att hålla reda på vilken information en besökare har lämnat i formulär. Det är en bra sak i teorin, men i praktiken innebär det ofta att besökaren får en långsammare webbplats. Viewstateinformationen sparas i ett gömt formulärfält och kan ta ganska mycket plats, ända upp till tiotals kilobyte. Det är ganska mycket som ska skickas fram och tillbaka mellan webbläsaren och servern för varje sida. Därför bör man se till att begränsa användandet av Viewstate till det absolut nödvändiga.

Bra verktyg som kan bli ännu bättre

EPiServer är ett bra och prisvärt webbpubliceringssystem som ständigt utvecklas. Precis som med många andra bra produkter finns det ändå utrymme för förbättringar, och det vi har pekat på här är särskilt viktigt att vara medveten om när man använder EPiServer för en offentlig organisations webbplats.

Det är fullt möjligt att få en webbplats baserad på EPiServer att följa riktlinjerna i Vägledningen 24-timmarswebben 2.0, men det kräver kunskap, både hos den som implementerar webbplatsen och hos den som administrerar den.

Däremot är det viktigt att tänka på tre saker:

1. När man köper EPiServer köper man ett webbpubliceringssystem, inte en färdig webbplats.
2. Det krävs kunskap för att bygga en webbplats som följer riktlinjerna i Vägledningen 24-timmarswebben.
3. Den som jobbar med webbplatsens innehåll behöver ha kunskap om tillgänglighet.

Om man som beställare inte har detta i åtanke är risken stor att resultatet inte blir som man har tänkt sig och att man behöver göra dyra justeringar i efterhand. Om den som implementerar webbplatsen har den kunskap som krävs för att göra rätt från början får man en framtidssäker webbplats som alla kan använda och ha nytta av - utan att det kostar något extra.