Understanding DOM and its importance for accessibility

La présentation

Vidéo

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 Karl Groves

Karl Groves

For over 12 years, Karl has dedicated his professional life to helping businesses create structurally sound web experiences that are also a delight to use. He has taught web standards and accessibility best practices to design, development, QA, and product teams from some of the largest E-Commerce and software companies in the world. In his accessibility workshops, Karl leverages the power of universal design and transforms the online experience into a truly interactive engagement, empowering users of all abilities. He is Senior Technical Lead Accessibility Software Consultant & Director of Training at The Paciello Group, a consulting firm which offers professional consulting, technology solutions, and monthly monitoring services to ensure that clients reach all audiences effectively and efficiently while meeting governmental and international standards.

Depuis plus de 12 ans, Karl a dédié sa vie professionnelle à accompagner les entreprises dans la création d'expériences web structurellement bien pensées tout en restant agréables à l'utilisation. Il a donné des cours sur les standards du web et les meilleures pratiques de l'accessibilité aux équipes d'intégration, de développement, de suivi de qualité ou de gestion de produit des sociétés logicielles et e-commerce parmi les plus connues au monde. Au cours de ses ateliers sur l'accessibilité, Karl s'appuie sur la puissance de la conception universelle et transforme une expérience en ligne en une accroche réellement interactive, laisse l'utilisateur prendre le déroulement en charge. Il est consultant senior, responsable technique de l'accessibilité logicielle et directeur de la formation au sein de Paciello Group, une société de conseil qui propose du conseil, des solutions techniques et des services de reportings mensuels pour garantir que ses clients atteignent de manière efficace et efficient les objectifs des standards internationaux et gouvernementaux.