lillbra.se

Högre tillgänglighet på populära tjänster

Det finns många shyssta öppna webbtjänster att använda för att ge dina besökare en bättre upplevelse. Tillgänglighetsaspekten är dock lätt att glömma bort när man vill utnyttja dessa. Här tipsar jag om hur du kan förbättra tillgängligheten på några populära tjänster.

Google Charts

Chris Heilmann (som för övrigt talar här i Sverige på torsdagens Geek Meet) har skrivit ett javascript som skapar Google-diagram från html-tabeller. Med det kan du presentera data och statistik i vanliga tabeller. Skriptet förvandlar sedan tabellen till snygga grafer för användare som har javascript påslaget. Men för sökmotorer, användare som inte kan se bilder eller surfar utan javascript- eller bildstöd finns ändå datat tillgängligt.

Google Maps

Tidigare i veckan tipsade Roger Johansson om hur du gör Google Maps mer tillgängligt. Med hjälp av Google Static Maps API kan man få statiska bilder av kartor. Perfekt att använda som fallback till Googles populära kart-api som kräver javascript. På så sätt kan användare som inte har javacript och därför inte kan använda den avancerad kartjänsten, ändå få en kartbild.

Youtube

Chris Heilman har skapat en tjänst och ett API som gör Youtube enklare och mer tillgängligt. Hans Easy Youtube Player gör det lättare för användare med synskador eller andra funktionshinder att se på video. Du kan själv ändra look-and-feel på spelaren så att den passar just dina användare.

Så nästa gång du använder någon av dessa populära API:er – se till att du implementerar de med så hög tillgänglighet som möjligt.

[tags]tillgänglighet, användbarhet, google maps, google charts, youtube[/tags]

links for 2008-11-29

• Charles : Web Debugging Proxy
  Program för att övervakar alla http-trafik på datorn, browseroberoende.
  (tags: proxy monitor debugger ajax http software)
• garethr's css-test at master — GitHub
  Skriv automatiska tester av din design.
  (tags: selenium automation testing css python)
• ReCSS: Reload your CSS
  Bookmarklet för att ladda om endast css:en och inte hela sidan.
  (tags: bookmarklet css firefox)
• CCleaner – Home
  Rensa din PC från onödiga filer.
  (tags: clean utilities sofware tool windows)

4 css-tips jag INTE följer

Ständigt hittar man nya bloggposter med tips och råd för hur man ska skriva bra css. De flesta av riktlinjerna är bra, men det finns vissa punkter som jag är tveksam till. Här tar jag upp 4 stycken css-tips som jag oftast väljer att inte använda mig av.

Skriv css-reglerna på en rad

Föreslås bl.a. i: 10 Principles of the CSS Masters.
Enkelradiga deklarationer är svåra att läsa och man tappar all översikt över koden. Jag skriver deklarationen med radbrytningar och indentering. För att minska filstorleken kan man istället använda något komprimeringsverktyg som t.ex. CSSTidy eller CSS Compressor.
Fler tankar om hur man skriver css-deklarationer hittar du i denna Jaiku-tråd.

Använd ett css-ramverk

Föreslås bl.a. i: Are You Making These 10 CSS Mistakes?
Jag är inte övertygad om css-ramverkens förträfflighet, utan har valt att mest lyssna till motståndarna. Visserligen har jag blivit alltmer beroende av javascript-ramverk, och det kan hända att jag kommer börja att använda ramverk även för css.

Utnyttja kraften hos universalselektorn (*)

Föreslås bl.a. i: 10 CSS shorthand techniques you’ll use everyday
Jag tycker att universalselektorn (*) oftast inte behöver användas. För browser-reset använder jag istället någon reset-fil, och i övrig kodning hittar jag bättre sätt än att “tvinga” på alla element samma regel. Att rendreringsmotorn får jobba och att den ibland inte funkar korrekt i Internet Explorer kan också vara skäl att undvika universalselektorn.

Ha css för typografi och färg i egna filer

Föreslås bl.a. i: Progressive Enhancement with CSS.
Jag håller med om att man bör dela upp och organisera css-koden i flera filer. Men gillar däremot inte att dela upp efter färg och typografi. Jag gillar bättre att dela upp css-filerna efter sidelement, delar av sajten eller typer av sidor. Min erfarenhet är att det är smidigare att ha alla regler för ett visst element nära till hands.

Vad tycker du – håller du med? Finns det något annat tips du inte använder?

Relaterade inlägg: Att tänka på när du knappar css

[tags]css, css-ramverk, css reset, webbutveckling[/tags]