Top-10-Tips: 2. Webbouwers
De tweede in een serie Top-10-Tips. Eigenlijk zijn webbouwers de meest eenvoudige doelgroep. Het gaat om techniek die je simpelweg toepast. Vaak zijn dit ingehuurde bouwers, maar het komt (gelukkig!) ook voor dat departementen zelf bouwers hebben. Heel verstandig in mijn ogen… Geef hen dit lijstje :-). Wederom: dit zijn slechts ‘mijn’ tips, gebaseerd op mijn eigen ervaringen en vooral met de webrichtlijnen in het achterhoofd. Dus, graag opmerkingen!
Top-10-Tips voor Webbouwers:
- gebruik ‘HTML 4.01 Strict’ of ‘XHTML 1.0 Strict’ als doctype op elke pagina
- laat alle (X)HTML & CSS valideren conform de W3C validator
- start bij voorkeur met echte content in de code en plaats de navigatie-elementen onder deze content
- gebruik geen (i)frames
- gebruik nooit tabellen voor het opmaken van pagina’s, alleen voor het weergeven van rijen en kolommen data
- regel alle opmaak van de website via stylesheets
- gebruik geen client side script (zoals Javascript) voor onmisbare functies (zoals menu’s, links of uitleg)
- gebruik UTF-8 via de HTTP-response headers en via het meta-element
- gebruik H1 t/m H6 consequent en zonder niveau’s over te slaan
- gebruik ‘list’ elementen voor het aangeven van lijsten
Volgende keer een andere Top-10!
Reacties
Hoe denk je over lettergrootte in CSS?
Tot voor kort gebruikten we relatieve eenheden, maar we krijgen regelmatig klachten dat de website niet toegankelijk is omdat de letters te klein zijn, terwijl dit dan bijna altijd een instelling van de browser blijkt te zijn (mensen hebben deze soms op “klein” staan zonder dat ze het zelf weten).
We overwegen om letters toch maar weer een vaste grootte te geven en twee of meer stylesheets aan te bieden middels een knop op de website…
Coen, bekend dilemma over te klein lettertype door client instellingen. Ik vind toch dat we met relatieve eenheden moeten werken. De gebruiker moet de keus hebben voor groter of kleiner.
Vervolgens de vraag of je deze optie wel of niet visueel moet aanbieden door een ‘tekstgrootte’ functie met stylesheet-switcher. Helaas kent het merendeel van de gebruikers uiteraard de browser-functies niet, dus je helpt ze daar mee, maar je houdt ook de ‘onkunde’ in stand. Ik ben bang dat we dit dilemma niet 1, 2, 3 oplossen…
Na nog wat overpeinzingen denk ik aan een combinatie van relatieve lettergrootte, met ook een visuele ondersteuning middels een kleiner/groter knop EN een link zoals bijvoorbeeld Rabobank het doet met http://www.rabobank.nl/particulieren/servicemenu/grote_letters/default
Interessant voorbeeld, die site van de Rabobank. In Firefox (2.0) schaalt de tekst zoals je zou verwachten, maar in IE6 schaalt alleen de ‘content’ van de pagina en juist niet de navigatie (de blauwe balk en de items daarboven, waaronder het linkje naar ‘Grote letters’.
Even geen zin om uit te zoeken, maar het ziet er bijna uit alsof de tekst vervangen wordt door plaatjes (FIR-achtige oplossing?), maar alleen in IE, want als ik in Firefox met Firebug even kijk naar de html en css, dan zie ik niks vreemds. Kan ook zijn dat het gebruikte lettertype erg ranzig gerenderd wordt met Cleartype aan…
Maar het idee van de gebruiker informeren over ‘hoe het hoort’ lijkt me inderdaad de beste oplossing. Net zoals een pagina met uitleg over wat ‘RSS’ (of Atom) is, als je dat aanbied.