DOM

De DOM (Document Object Model) is het interne model van de browser van een webpagina: elke kop, alinea, afbeelding en container wordt een knooppunt in een boom die de browser opbouwt op basis van de HTML van de pagina.

Scripts en stijlen werken door die boom te lezen en te wijzigen. Wanneer JavaScript een menu-item invoegt of CSS een paneel verbergt, communiceren beide met de DOM - niet met het oorspronkelijke HTML-bestand op schijf. Een grote of diep geneste DOM betekent meer werk bij elke wijziging, en daarom komt de DOM-grootte terug in prestatierapporten.

Op basis van de DOM bouwt de browser ook de toegankelijkheidsboom: een vereenvoudigde weergave die ondersteunende technologie gebruikt. Als daar een element ontbreekt of verkeerd benoemd is, kan een schermlezer het niet correct presenteren, ongeacht hoe de pagina eruitziet.

Meer informatie

• DOM Standard - de WHATWG-specificatie
• Introduction to the DOM (MDN) - toegankelijke introductie
• Toegankelijkheidsboom