Blog

Weekly nerd #1 #2 #3 #4 #5 #6 #7 #8 #9 #10 #11

Modules

Marrije Schaake (Eend)

Dinsdag 9 februari 2016

Het bedrijf Eend herontwerpt websites met als doel te zorgen dat gebruiksvriendelijkheid op nummer één komt te staat. Hun bedoeling is om mensen te helpen op het web. Er wordt veel aandacht besteed aan begrijpen van wat de gebruikers willen. Dit doen zij doormiddel van veel onderzoek doen en continue te blijven testen.

Tijdens de workshop heeft Marrije mij in laten zien dat het belangrijk is om systematisch te werken. Systematisch werken kan veel tijd en ellende schelen. Eén van de technieken die Eend altijd gebruikt voor het uitpluizen van een website is het uitprinten van de website en vervolgens alle blok-elementen ordenen. Deze techniek heb ik zelf geprobeerd tijdens de workshop. Ik kwam er toen achter dat er veel terugkerende patronen waren. Met deze terugkerende patronen zou je in de code iets mee kunnen doen. Je hoeft bijvoorbeeld dat element maar een keer te stijlen en je kunt het vervolgens hergebruiken. Het scheelt ten eerste veel tijd en daarnaast is je website ook automatisch consistent.

Deze techniek is niet alleen handig voor developers en designers maar voor iedereen binnen het team. Het doel is om iedereen mee te laten denken over welke patronen op de website belangrijk zijn en dus bovenaan moeten komen te staan en welke patronen er eventueel weg gelaten kunnen worden. Het stimuleert ook nog een de gemeenschappelijke woordenschat. (bron)

Nadat we alles hadden uitgeplozen, was het tijd om alle elementen te benoemen. Ik vond het nog best lastig om een juiste naam te bedenken voor bepaalde elementen. Ik kwam erachter dat mijn collega’s soms toch anders dachten over hoe een bepaald element genoemd moest worden.

Tegenwoordig worden steeds meer namen voor elementen vastgesteld om er zo een eenheid in te creëren. Met ARIA kun je nu ‘role’ attributen toevoegen aan je HTML-code. De namen voor deze attributen zijn vastgesteld en kunnen ook goed door screenreaders gelezen worden. Op die manier kunnen gehandicapten je site ook beter lezen. Er zijn een heleboel soorten roles, maar ze hoeven ook weer niet altijd gebruikt te woorden. Als je ze te veel gebruikt, is je HTML en CSS niet meer overzichtelijk.

Veel voorkomende roles zijn:

• Header: “role=banner“
• Button: “role=button”
• Footer: “role=contentinfo”