Tillgänglighet

Först vill jag be om ursäkt för att det var så länge sedan jag skrev något, jag ska försöka bli bättre på det.

Jag tänkte skriva lite om tillgänglighet, och vad det egentligen spelar för roll. Personligen har jag inte brytt mig så mycket om det förut, men sedan en kompis till mig har börjat tjata om tillgänglighet så har det intresserat mig mer och mer. Det handlar om att göra webbsidor tillgängliga för så många som möjligt. Det kan handla om synsvaga, om klienter utan möjlighet att visa bilder, som saknar (eller har inaktiverat) stöd för javascript och css osv. Det har fört med sig mycket annat positivt.

Tommy resonerar att man ska bygga en sida helt utan finesser till att börja med. Se till att sidan ser "bra" ut med ren html. Den ska ha en logisk struktur och vara tydlig. Detta gör ju dels så att sidan fungerar även för den som inte har möjlighet att använda CSS, men det ger också sökmotorerna en chans att förstå logiken i sidan, vilket naturligtvis är mycket positivt.

Därefter lägger man på CSS-mallen, och den ska helst ligga i en egen fil, eftersom denna kommer att cachas av webbläsaren, så att bandbredden minimeras. Mycket bra om man till exempel använder en mobiltelefon att surfa med. Ett exempel på hur det kan se ut är så här:

XML-Code:

<div id="meny">
    <ul>
        <li><a href="/">Hem</a></li>
        <li><a href="About.aspx">Om mig</a></li>
    </ul>
</div> 

Sedan följer CSSen för att få detta lite snyggt:

CSS-Code:

#meny {
    height: 20px;
    border-bottom: solid 1px black;
}
#meny ul {
    list-style: none;
}
#meny ul li {
    display: inline;
}
#meny ul li a {
    font-weight: bold;
    text-decoration: none;
}
#meny ul li a:hover {
    text-decoration: underline:
} 

Nu har jag inte testat exakt den där, men finessen är att jag inte sätter klasser på varenda list-element, utan istället styr utifrån ett överliggande element. På så vis minskar jag mängden kod som skickas till webbläsaren. CSS-filen blir något större (kanske) men den cachas ju som sagt, så det gör inget.

När det gäller JavaScript så försöker jag hålla all javascript i en extern fil. Där kan jag lägga till events och liknande. Du kan med fördel använda något JavaScript-bibliotek till detta, och jag skulle rekommendera jQuery, eftersom det kommer att ingå in nästa version av ASP.NET.

Lycka till med att tillgänglighetsanpassa din webbplats

Tillägg:
Verva har mer information om tillgänglighet, tack Mikael för påpekandet.