Aller au contenu

Understanding DOM and its importance for accessibility

Par Karl Groves

Conférence (50 mn) :
Langue :
Anglais
Sous-titres :
Français

Le sujet

Understanding DOM and its importance for accessibility

When I do training on advanced accessibility, attendees are sometimes taken aback when I tell them that HTML is a “polite request”, but it is true.

As web developers we like to think that our hard work creating HTML, CSS, and JavaScript is what makes our sites so great, but the reality is that all our hard work is really just a request that says “Please, Mr. Browser, can you make this website do all the cool stuff I’ve designed here?” At the time the user’s browser actually receives your web page and all of its assets, your control of the situation entirely ceases and control for how your site really looks and operates is entirely in the hands of the browser.

The user visits the site with their browser which submits a request over HTTP (or HTTPS) for a URI. The server responds by sending over the necessary files to display the page. At that point, the browser’s rendering engine turns those files into a series of objects which are then displayed on the screen. Each of those objects have specific methods and properties available to them. From these objects, assistive technologies are able to convey important information, typically through the use of an accessibility API.

In this session, I'll describe the interactions between HTML/ CSS/ JavaScript, the DOM, the BOM, Accessibility APIs and Assistive Technologies, providing important technical insight into accessibility.

Comprendre le DOM et son importance pour l'accessibilité

Lorsque je fais des formations sur l’accessibilité avancée, les participants sont parfois interloqués quand je leur dis que le HTML n’est qu’une « demande polie » ; c’est pourtant vrai.

En tant que développeurs web, nous aimons croire que la grandeur de nos sites vient de notre dur labeur à créer du code HTML, CSS et JavaScript, mais dans les faits, ce dur labeur n’est qu’une demande sous la forme « S’il vous plaît monsieur le Navigateur, pouvez-vous faire en sorte que ce site web fasse tous les trucs cool que j’ai codé ici ? » Dès que le navigateur de votre visiteur reçoit effectivement votre page web et tous ses composants, vous perdez totalement le contrôle de la situation au profit du navigateur, qui choisit la manière dont le site s’affiche et fonctionne.

Le navigateur avec lequel le visiteur parcours votre site demande une URI par requête HTTP (ou HTTPS). Le serveur répond en envoyant les fichiers nécessaires à l’affichage de la page. À cet instant, le moteur de rendu du navigateur transforme ces fichiers en une série d’objets qui sont ensuite affichés à l’écran. Chacun de ces objets dispose de ses propres méthodes et propriétés. À partir de ces objets, les technologies d’assistance sont capables de faire remonter les informations importantes, typiquement par le biais d’une API d’accessibilité.

Lors de cette session, je décrirai les interactions entre HTML/CSS/JavaScript, le DOM, le BOM, les API d’accessibilité et les technologies d’assistance, vous donnant une vision technique importante de l’accessibilité.

NB : cette conférence sera animée en anglais avec traduction simultanée.

Présenté par