A List Apart is terug van weg geweest met een razendinteressant artikel over text-resize detection. Met JavaScript is het mogelijk om uit te zoeken wat de huidige tekengrootte is van een elementje op een webpagina. Maar daarnaast — en d?? t is pas leuk — kan je met behulp van event listeners iedere groottewijziging detecteren om met die informatie vervolgens iets nuttigs doen. Het werkt in iedere browser, of het aanpassen van de tekengrootte nu met CTRL +/-, met het scrollwieltje of op een andere manier gebeurt.

Deze techniek opent heel wat interessante perspectieven:

• Je zou een alternatief stijlblad kunnen inladen van zodra de tekengrootte een vooraf ingesteld maximum overschrijdt (de grootte waarop alles in elkaar dreigt te klappen of overlappingen de tekst onleesbaar maken — en dat verschilt voor ieder CSS-ontwerp).
• Grafische knoppen en titels zou je ‘on the fly’ kunnen vervangen door exemplaren met ‘grotere letters’. Scripts als SIFR detecteren nu al de tekengrootte voor ze beginnen met het ‘replacen’, maar bevatten geen event listeners die de tekengrootte van de grafische tekstdeeltjes beïnvloeden bij het vergroten of verkleinen (je moet eerst de pagina vernieuwen om het effect te kunnen zien). Misschien iets voor een volgende versie van SIFR?
• Met wat extra programmeerwerk zou je zelfs een script kunnen schrijven dat het eeuwenoude schaalbaarheidsrobleem in IE oplost. Je weet wel: als de tekengrootte uitgedrukt is een absolute eenheid (zoals pixels of punten), dan heeft het vergroten of verkleinen van tekst geen enkel effect. Met de techniek die op ALA besproken wordt, kunnen webdesigners toch hun geliefde pixels blijven gebruiken, maar een script zou de bug kunnen ‘repareren’ door het vergrotingspercentage dat op de body-tag zit met 25% te verhogen of te verlagen als gedetecteerd wordt dat de hoogte van een (onzichtbaar gemaakt) span-element gewijzigd wordt (dus: wanneer een bezoeker de tekengrootte aanpast in z’n browser).
• Ten slotte kan deze techniek een vaak gehoord argument om géén pixels of punten te gebruiken van tafel vegen: “Ja maar, sommige mensen klagen dat de tekst veel te klein of veel te groot is als ze op onze website komen”. Dat komt dan doordat bezoekers eerder wat ‘gespeeld’ hebben met de tekengrootte-instellingen in IE (of per abuis het scrollwieltje gebruikt hebben terwijl ze CTRL ingedrukt hielden), maar hiervan op andere sites (die wél pixels of punten gebruiken) geen effect merkten. Enkel op ‘sommige’ sites (sites die wél relatieve eenheden gebruiken) wordt de tekst dan plots heel groot of heel klein en daardoor soms onleesbaar. Wel, dit probleem kan opgevangen worden door bij het laden van de webpagina de tekengrootte te herdefiniëren a.h.v. van de grootte van de tekst in het verborgen span-elementje. En een cookie moet er dan voor zorgen dat de browser (IE dus) onhoudt welke tekengrootte de gebruiker heeft ingesteld. Met wat reken- en prutswerk (en veel gevloek) moet dat kunnen. Vrijwilligers? :)

To zover. Als ik nog eens veel tijd heb, ga ik me zeker aan het experimenteren zetten.