Tweet
Innan du frågar finns det en massa saker att kolla själv.
Installera följande tillägg till Firefox så är du på god väg:
1. Web Developer av Chris Pederick
2. Firebug av Joe Hewitt
3. Fangs av Peter Krantz, via http://www.standards-schmandards.com/projects/fangs för den senaste versionen.
4. "HTML Validator based on Tidy", som fungerar ihop med "View Source" och dessutom kan komma med förslag på förbättringar, samt konvertera HTML till XHTML.
Med Web Developer och/eller Tidy kan du se en hel del.
1. Validerar din (X)HTML kod?
2. Validerar din CSS-kod?
3. Följer du riktlinjerna från WAI och Section 501. Kom ihåg att en hel del måste ses över manuellt!
4. Fungerar dina länkar?
5. Nedladdningstiden - hur snabbt laddar din sida?
Med Fangs kan du se hur din sida funkar för de som använbder talsyntes eller blindskriftsterminaler.
6. Är din kod grötig eller semantisk?
7. Är dina länktexter begripliga utanför sitt sammanhang (eller använder du dig av "klicka här")?
8. Kan man navigera på sidan med hjälp av dess rubriker?
En annan bra indikator på en sidas semantik finns på:
http://www.w3.org/2003/12/semantic-extractor.html
Fler tester för tillgänglighet:
9. Testa hur din sida fungerar för färgblinda:
http://colorfilter.wickline.org/ eller liknande.
Enkla tester:
10. Kan man förstora och förminska texten i MSIE (eller anger du dess storlek i pixlar och punkter? Aja baja!)
11. Kan man förstora och förminska texten utan att designen bryts sönder? (Googla på "bulletproof web design")
12. Är din sida begriplig och användbar med CSS avslagen?
13. Fungerar din sida även utan javaskript?
14. Har varje sida på din webbplats en unik, kortfattad och relevant beskrivning i title-elementet?
15. Anger du språk?
Fler manuella kontroller:
- Har du begripliga alt-texter för dina informationsbärande bilder?
- Är dekorativa bilder angivna med CSS (helst) eller har de (OK men mindre bra) alt=""?
- Hur du label-element till alla dina formulärkontroller?
- Grupperar du stora formulär med fieldset?
- Har du "scope" eller "id"/"header" för att koppla tabellceller ihop med deras tabellhuvuden?
- Är dina menyer uppmärkta som listor?
- Använder du mikroformat för händelser (hCal) och kontaktuppgifter (hCal), etc?
- Om du använder XHTML, har du tänkt på att också CSS
n är skiftlägeskänslig? Har du kollat om sidan funkar med "application/xhtml+xml" som MIME-typ? (Varning! Flera vanliga javaskriptsfunktioner funkar inte i äkta XHTML-läge!)
http://www.sitepoint.com/article/htm...erfect-markup/
Specifikt för din CSS:
- Har du onödiga divvar, span-element och klasser? Divitis, span-mania och class-itis? Använd alltid semantiskt laddade element om möjligt. Använd avkomlingsselektorn för att slippa onödiga klasser.
Specifikt för dina skript:
- Är dina javaskript "icke inkräktande" (unobtrusive) eller skräpar du ner din (X)HTML-kod med inline event handlers, document.write() och liknande.
- Har du kapslat in dina javaskriptvariabler i objekt, eller smutsar du ner skriptens globala namespace?
- Har du kollat dina skript med jslint? http://www.jslint.com/lint.html (Douglas Crockford, snubben som gjort detta har en tråkig sida, men är världens kanske störste javaskriptguru, näst språkets uppfinnare, Brendan Eich.)
- Ser du till att dina skript inte körs onödigt tidigt? Tips: Använd "defer"
- Fungerar dina javaskriptkontroller också om man använder tangentbordet (varning för dåliga rullgardinsmenyer)?
- Är all information på sidan åtkomlig för sökmotorer? (De kan inte läsa skript.)
Lars Gunther
Installera följande tillägg till Firefox så är du på god väg:
1. Web Developer av Chris Pederick
2. Firebug av Joe Hewitt
3. Fangs av Peter Krantz, via http://www.standards-schmandards.com/projects/fangs för den senaste versionen.
4. "HTML Validator based on Tidy", som fungerar ihop med "View Source" och dessutom kan komma med förslag på förbättringar, samt konvertera HTML till XHTML.
Med Web Developer och/eller Tidy kan du se en hel del.
1. Validerar din (X)HTML kod?
2. Validerar din CSS-kod?
3. Följer du riktlinjerna från WAI och Section 501. Kom ihåg att en hel del måste ses över manuellt!
4. Fungerar dina länkar?
5. Nedladdningstiden - hur snabbt laddar din sida?
Med Fangs kan du se hur din sida funkar för de som använbder talsyntes eller blindskriftsterminaler.
6. Är din kod grötig eller semantisk?
7. Är dina länktexter begripliga utanför sitt sammanhang (eller använder du dig av "klicka här")?
8. Kan man navigera på sidan med hjälp av dess rubriker?
En annan bra indikator på en sidas semantik finns på:
http://www.w3.org/2003/12/semantic-extractor.html
Fler tester för tillgänglighet:
9. Testa hur din sida fungerar för färgblinda:
http://colorfilter.wickline.org/ eller liknande.
Enkla tester:
10. Kan man förstora och förminska texten i MSIE (eller anger du dess storlek i pixlar och punkter? Aja baja!)
11. Kan man förstora och förminska texten utan att designen bryts sönder? (Googla på "bulletproof web design")
12. Är din sida begriplig och användbar med CSS avslagen?
13. Fungerar din sida även utan javaskript?
14. Har varje sida på din webbplats en unik, kortfattad och relevant beskrivning i title-elementet?
15. Anger du språk?
Fler manuella kontroller:
- Har du begripliga alt-texter för dina informationsbärande bilder?
- Är dekorativa bilder angivna med CSS (helst) eller har de (OK men mindre bra) alt=""?
- Hur du label-element till alla dina formulärkontroller?
- Grupperar du stora formulär med fieldset?
- Har du "scope" eller "id"/"header" för att koppla tabellceller ihop med deras tabellhuvuden?
- Är dina menyer uppmärkta som listor?
- Använder du mikroformat för händelser (hCal) och kontaktuppgifter (hCal), etc?
- Om du använder XHTML, har du tänkt på att också CSS
n är skiftlägeskänslig? Har du kollat om sidan funkar med "application/xhtml+xml" som MIME-typ? (Varning! Flera vanliga javaskriptsfunktioner funkar inte i äkta XHTML-läge!)http://www.sitepoint.com/article/htm...erfect-markup/
Specifikt för din CSS:
- Har du onödiga divvar, span-element och klasser? Divitis, span-mania och class-itis? Använd alltid semantiskt laddade element om möjligt. Använd avkomlingsselektorn för att slippa onödiga klasser.
Specifikt för dina skript:
- Är dina javaskript "icke inkräktande" (unobtrusive) eller skräpar du ner din (X)HTML-kod med inline event handlers, document.write() och liknande.
- Har du kapslat in dina javaskriptvariabler i objekt, eller smutsar du ner skriptens globala namespace?
- Har du kollat dina skript med jslint? http://www.jslint.com/lint.html (Douglas Crockford, snubben som gjort detta har en tråkig sida, men är världens kanske störste javaskriptguru, näst språkets uppfinnare, Brendan Eich.)
- Ser du till att dina skript inte körs onödigt tidigt? Tips: Använd "defer"
- Fungerar dina javaskriptkontroller också om man använder tangentbordet (varning för dåliga rullgardinsmenyer)?
- Är all information på sidan åtkomlig för sökmotorer? (De kan inte läsa skript.)
Lars Gunther
Kommentera