Blogs per categorie

Blogs per categorie: markup

Front-end vraagstukken: HTML e-mail
Het is alweer een tijdje geleden dat een Fronteers lid voor het laatst een front-end vraagstuk op het blog aan iedereen wilde voorleggen, maar Monique Martens heeft nu een vraag over HTML e-mail: Het (b)lijkt dat HTML mails niet goed worden weergegeven in sommige versies van Outlook (danwel in andere e-mail clients). Bouw je een schitterende mailing volgens de webrichtlijnen met div id-tjes en class-jes, ziet die er in Outlook niet uit! Wat vinden de andere leden hier van? Gewoon stug vastho...
20 april 2011 Sander van Lambalgen
- Front-end vraagstukken
- Markup
Lees meer over Front-end vraagstukken: HTML e-mail
Webrichtlijn 84 en 85: Volgorde en groeperen van invoervelden
Gebruik het tabindex attribuut om van de standaard tab-volgorde op formuliervelden af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van het formulier door toetsenbordgebruikers. (R-pd.13.2) Breng groepering van invoervelden aan door middel van het fieldset element. (R-pd.13.3) Zoals de Webrichtlijnen al melden: "Gebruik het tabindex attribuut zo min mogelijk: de volgorde van de invoervelden in de HTML broncode bepaalt de standaard tabvolgorde. Deze is meestal to...
12 mei 2009 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 84 en 85: Volgorde en groeperen van invoervelden
Webrichtlijn 55 & 56: Links voor seriële navigatie
Geef blinde bezoekers extra mogelijkheden om lange lijsten met links over te slaan. (R-pd.8.12) Geef boven aan pagina’s met veel onderwerpen een pagina-index met links om naar de verschillende onderwerpen te navigeren. (R-pd.8.13) Mogelijkheden om lange lijsten met links over te slaan?! Horen die niet gewoon thuis in de screenreader software die men gebruikt? En wat is lang? Met 'skiplinks' aan het begin van een document kan ik nog leven, net als met de 'back to top' links (hoewel die volgens...
7 oktober 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 55 & 56: Links voor seriële navigatie
Webrichtlijn 52 & 53: Tabben tussen links
Voorzie in een logische volgorde van de links op de pagina. Gebruik het tabindex attribuut om van de standaard tabvolgorde van links af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van de pagina door toetsenbordgebruikers. (R-pd.8.9) Maak het tabben naar links niet onmogelijk. Verwijder niet de focus rectangle rondom een link of de mogelijkheid tot focus op een link. (R-pd.8.10) Wanneer gebruik jij het tabindex attribuut? Is onderstaande code een goede case, omdat g...
23 september 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 52 & 53: Tabben tussen links
Webrichtlijn 42 & 43: Achtergrondafbeeldingen
Decoratieve afbeeldingen dienen zoveel mogelijk door CSS geplaatst te worden. Informatieve afbeeldingen dienen door HTML geplaatst te worden. (R-pd.7.6) Het gebruik van CSS Image Replacement technieken die worden toegepast op essentiële informatie wordt afgeraden. (R-pd.7.7)
17 juni 2008 Krijn Hoetmer
- Markup
- Styling
Lees meer over Webrichtlijn 42 & 43: Achtergrondafbeeldingen
Webrichtlijn 39: Het longdesc attribuut en d-links
Gebruik geen d-links op overheidswebsites. Het gebruik van het longdesc (long description) attribuut verdient de voorkeur wanneer de alternatieve tekst op het alt attribuut ontoereikend is voor het begrip van de informatie in de afbeelding. (R-pd.7.3) Dus, wie gebruikt longdesc, op een goede manier? Welke CMS'en bieden ondersteuning voor dit attribuut? En hoe werken die dan?
10 juni 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 39: Het longdesc attribuut en d-links
Webrichtlijn 37, 38, 40 & 41: Het alt attribuut
Het alt (alternative) attribuut dient te worden gebruikt op ieder img (image) en area element en dient te worden voorzien van een effectieve alternatieve tekst. (R-pd.7.1) Gebruik geen alt attribuut voor het oproepen van tooltips. (R-pd.7.2) Afbeeldingen die staan geplaatst binnen een link dienen een niet-lege alternatieve tekst te hebben om bezoekers die de afbeelding niet zien in staat te stellen de link te volgen. (R-pd.7.4) Geef bij het gebruik van image maps voor zowel het img element al...
3 juni 2008 Krijn Hoetmer
- Markup
- Toegankelijkheid
Lees meer over Webrichtlijn 37, 38, 40 & 41: Het alt attribuut
Webrichtlijn 35: De DocType Declaratie
Elk HTML of XHTML document moet beginnen met een geldige DocType Declaratie. (R-pd.6.1) Hoeveel waarde hecht jij aan de doctype? Is het niet gewoon een irritant ding dat we steeds maar weer kopiëren en plakken? Waarom gebruiken we vanaf nu niet gewoon <!doctype html> wat hetzelfde effect heeft in browsers (standards mode triggeren)? Zijn er, zoals de webrichtlijnen beweren, editors die de doctype gebruiken? En heb je daar wat aan tijdens het ontwikkelen van een site?
20 mei 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 35: De DocType Declaratie
Webrichtlijn 25 & 26: Lijsten
Gebruik ol (ordered list) en ul (unordered list) elementen voor het aangeven van lijsten. (R-pd.3.13) Gebruik het dl (definition list), het dt (definition term) en dd (definition data) element voor het aangeven van een lijst met definities. (R-pd.3.14) De webrichtlijnen raden voor (uitgebreide) inhoudsopgaven het gebruik van het <ul> element aan. Zijn we het daar mee eens? Gebruik jij voor menuutjes wel eens een <ol> element? Wanneer? En zijn er situaties waarbij een ongeordende l...
22 april 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 25 & 26: Lijsten
Webrichtlijn 22, 23 & 24: Referenties en citaten
Gebruik het cite element voor referenties naar personen en titels. (R-pd.3.10) Vermijd het gebruik van het q (quotation) element. (R-pd.3.11) Gebruik het blockquote element voor het aangeven van (lange) citaten. (R-pd.3.12) Zijn we het wat betreft referenties naar personen eens met de Webrichtlijnen of met HTML 5? En waar heb jij <cite> verder wel eens gebruikt? Over het te vermijden <q> element is een tijdje terug een interessante discussie gehouden op het Stijlgids Weblog. Hebbe...
15 april 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 22, 23 & 24: Referenties en citaten
Webrichtlijn 19, 20 & 21: Tekstopmaak, definities, wijzigingen, superscript en subscript
Gebruik het dfn (definition) element voor het aangeven van termen, elders gedefiniëerd in een definitielijst. (R-pd.3.7) Gebruik het ins (insertion) en del (deletion) element voor het aangeven van regelmatige wijzigingen in de inhoud van een pagina. (R-pd.3.8) Vermijd het gebruik van het sup (superscript) en sub (subscript) element waar mogelijk. (R-pd.3.9) Even vlug door de laatste 3 richtlijnen van tekstopmaak heen, wat natuurlijk niet wil zeggen dat de discussie hierover ook kort moet zijn...
8 april 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 19, 20 & 21: Tekstopmaak, definities, wijzigingen, superscript en subscript
Webrichtlijn 18: Tekstopmaak, afkortingen
Gebruik het abbr (abbreviation) element voor afkortingen indien er onduidelijkheid zou kunnen ontstaan over de betekenis ervan, de afkorting een zeer belangrijke rol speelt in de tekst of wanneer de afkorting niet voorkomt in het Nederlands woordenboek. (R-pd.3.6) Zoals de webrichtlijnen ook opmerken wordt <abbr> standaard niet ondersteund door Internet Explorer. <acronym> werkt wel, maar heeft een andere betekenis. Welke gebruik jij? Pas je nog technieken toe om <abbr> wel ...
1 april 2008 Sander van Lambalgen
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 18: Tekstopmaak, afkortingen
Webrichtlijn 16: Paragrafen, nieuwe regels en alinea’s
Gebruik het p (paragraph) element voor het aangeven van paragrafen. Gebruik niet het br (linebreak) element voor het scheiden van paragrafen. (R-pd.3.4) Onder de noemer 'Schrijf zowel grammaticaal correcte, als beschrijvende markup (R-pd.3.1)' deze richtlijn over paragrafen. Wat is voor ons een paragraaf? Het voorbeeld in de webrichtlijnen is vrij logisch. Maar waarvoor gebruik jij nog meer een <p> element? Wanneer was de laatste keer dat jij <br><br> typte? Kun je hiermee l...
18 maart 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 16: Paragrafen, nieuwe regels en alinea’s
Webrichtlijn 13, 14 & 15: Beschrijvende markup, kopregels
Schrijf zowel grammaticaal correcte, als beschrijvende markup. (R-pd.3.1) Gebruik markup voor kopregels die de hiërarchie van de informatie op de pagina uitdrukken. (R-pd.3.2) Sla in de markup geen niveaus in de hiërarchie van kopregels over. (R-pd.3.3) De webrichtlijnen leggen veel focus op semantische markup. Validiteit wordt even aangehaald (hoewel dat niet hetzelfde is als well-formedness). Gestreefd wordt naar zowel grammaticaal correcte (valide) als beschrijvende (semantische) markup. I...
11 maart 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 13, 14 & 15: Beschrijvende markup, kopregels
Webrichtlijn 7 & 8: Gebruik de Strict variant voor nieuwe websites, en ontwijk de Frameset variant
Bij de bouw van een nieuwe website: gebruik van HTML 4.01 of XHTML 1.0 de Strict variant. (R-pd.2.4) Gebruik geen frames op overheidswebsites. Gebruik daarom ook niet van HTML 4.01 of XHTML 1.0 de Frameset variant. (R-pd.2.5) Dus...is er nog iemand die nieuwe templates met een Transitional doctype begint? Het lijkt alsof we een beetje in herhaling vallen, maar dat is ook zo ;) Misschien moeten we voor de discussie maar wat richtlijnen samen gaan pakken. Aangezien frames niet meer van deze tij...
12 februari 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 7 & 8: Gebruik de Strict variant voor nieuwe websites, en ontwijk de Frameset variant
Webrichtlijn 6: Gebruik bij voorkeur alleen de Strict variant (R-pd.2.3)
Bij het aanpassen van een bestaande website: gebruik van HTML 4.01 of XHTML 1.0 alleen de Transitional variant als het gebruik van de Strict variant onmogelijk of onwenselijk is. (R-pd.2.3) Het lijkt een rekbaar begrip: "onmogelijk of onwenselijk". Waar leg je de grens?
5 februari 2008 Tom Greuter
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 6: Gebruik bij voorkeur alleen de Strict variant (R-pd.2.3)
Webrichtlijn 4: Gebruik HTML 4.01 of XHTML 1.0 (R-pd.2.1)
Gebruik HTML 4.01 of XHTML 1.0 volgens de W3C specificaties voor de markup van overheidswebsites. (R-pd.2.1) Wat doe je als je van een partij als eis krijgt XHTML 1.1 te gebruiken? Zoek je dan gewoon die mooie Doctype? Of ga je steigeren? Hoe is je ervaring met back-end ontwikkelaars en/of CMS pakketten? Welke problemen kom je wanneer tegen? Wanneer "laat je over je heen lopen" en wanneer niet? Hoe is de verdeling tussen HTML 4.01 en XHTML 1.0 in je werk? Heb je een persoonlijke voo...
22 januari 2008 Krijn Hoetmer
- Markup
- Webrichtlijnen
Lees meer over Webrichtlijn 4: Gebruik HTML 4.01 of XHTML 1.0 (R-pd.2.1)
Webrichtlijn 3: Niet rekenen op optionele technologie (R-pd.1.3)
Maak de functie van de website niet afhankelijk van optionele technologie, zoals CSS en client-side script: optionele technologie dient de informatie op de site en het gebruik ervan te complementeren en niet de toegang ertoe te belemmeren wanneer deze technologie niet ondersteund wordt. (R-pd.1.3) Volgens de richtlijn zijn er uitzonderingen. Ben jij het met die uitzonderingen eens? Hou je rekening met het feit dat afbeeldingen uit kunnen staan? En dan niet met betrekking tot het alt attribuut...
15 januari 2008 Krijn Hoetmer
- Markup
- Scripting
Lees meer over Webrichtlijn 3: Niet rekenen op optionele technologie (R-pd.1.3)
Webrichtlijn 2: Gelaagd bouwen (R-pd.1.2)
Deze week de tweede richtlijn: Bouw websites volgens het principe van gelaagd bouwen. (R-pd.1.2) Probeer jij altijd rekening te houden met Progressive Enhancement en/of Graceful Degradation? Vind jij dat er een verschil is tussen die twee? Spelen budgetten en deadlines een rol bij je beslissingen? Wanneer vind jij iets wat opgeleverd is eigenlijk onacceptabel? In hoeverre test je de verschillende lagen die je maakt?
8 januari 2008 Krijn Hoetmer
- Markup
- Scripting
Lees meer over Webrichtlijn 2: Gelaagd bouwen (R-pd.1.2)
Webrichtlijn 1: Scheiding tussen structuur en vormgeving (R-pd.1.1)
Het leek ons leuk (Gelukkig nieuwjaar overigens!) om een discussie aan te zwengelen over de webrichtlijnen van de overheid. Niet in het wilde weg: wat vind je nou van die richtlijnen, maar juist per richtlijn: hoe waardevol, correct, belangrijk is hij? 125 richtlijnen, iedere week 1. Zo zijn we wel even bezig! :P Deze week de eerste richtlijn: Houd structuur en vormgeving zoveel mogelijk gescheiden: gebruik HTML of XHTML voor de structuur van de site en CSS voor de vormgeving ervan. (R-pd.1.1...
1 januari 2008 Tom Greuter
- Markup
- Styling
Lees meer over Webrichtlijn 1: Scheiding tussen structuur en vormgeving (R-pd.1.1)
RSS beschikbaar
Op veler verzoek heeft Krijn gisteren de RSS-feed van het blog geactiveerd, dus hang hem gauw in je favoriete reader! Een feed van aankomende bijeenkomsten is in de maak.
22 december 2007 Tom Greuter
- Markup
- Website
Lees meer over RSS beschikbaar