Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

HTML5 : Optimisation des flux de production

Tenir compte de l'accessibilité

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Lors de la production de documents HTML, tenez compte de l'accessibilité. Ici, vous allez comprendre l'importance de l'accessibilité.
03:08

Transcription

Là encore, lorsque l’on aborde l’univers de l’accessibilité, il y a énormément de points à prendre en considération et ça dépasserait le cadre de cette formation. Donc je souhaitais quand même inclure un film sur l’accessibilité, et donc je vous invite à vraiment vous encadrer d’outils de type extension dans les navigateurs, comme WAVE Evaluation Tool par exemple. Ici, si vous venez sur npm, vous allez trouver un type en aria, landmark utilisation wai ou accessibilité. Vous allez trouver un certain nombre d’outils, et notamment, cet outil qui est une librairie JavaScript qui peut être utilisée directement en incluant ici un https vers un github de l’outil pour pouvoir en bénéficier au sein de Chrome. Mais il existe également de manière indépendante et installable en tant qu’extension pleine dans Chrome, pour pouvoir rajouter au niveau de la console, un onglet directement sur l’accessibilité. Alors si je prends ici par exemple un document préparé qui va utiliser une partie HTML de présentation avec une image, et qui a été truffé d'informations aria et notamment de rôles et d'états-propriétés, donc ici un rôle, par exemple, de présentation, et puis des arias-propriétés comme describedby descriptif, etc, donc tout cet élément-là, dès l’instant où je vais le visualiser dans un navigateur, si je récupère, alors là, je l'ai mis en ligne directement sur un serveur, sur birnou.net/formations ici, j’ai, dans la partie de la console ici, un onglet Accessibility Properties qui me permet de venir voir ce qui sera lu, ce qui sera dit, comment les informations sont-elles dispatchées et interconnectées entre elle. Et puis surtout, ça passe interactif, c'est-à-dire que si je regarde par exemple la description, je vais accéder directement dans l’élément HTML qui joue cette description, et comment le contenu sera-t-il lu, à quoi il correspondra, etc. Je vous invite vraiment à installer ce genre d’outils, et puis vous avez aussi des outils en ligne comme Lynx Viewer qui va vous permettre de voir votre site en mode texte. Donc pour cela, je vais coller l’adresse du site en ligne, je vais lui demander d’aller voir la page, et là, on voit la page en mode texte c'est-à-dire sans du tout de fioritures, sans images, et on va pouvoir donc la lire à ce niveau-là. Alors, ce que ca va vous demander, par contre, c’est de prévoir des documents qui s’appellent Delorie. Donc ici, si vous regardez sur le site, j’ai placé un delorie.gif et un delorie.htm. Ce delorie.htm, c’est simplement un document et le delorie.gif c’est une image gif, une simple pixel qui va permettre simplement de montrer patte blanche et donc quand le site delorie ici va se présenter sur l’adresse url qui a été indiquée, automatiquement elle va vérifier la présence de ce fichier pour se dire : « ok, je vais bien me vériifier pour le compte qui m'a été demandé, et j'envoie mon retour. » Donc ici, ensuite, je vous invite aussi à vous rapprocher du W3C-là, la partie WAI Tools, pour avoir tout un certain nombre d’outils qui peuvent être intéressants, de s’encadrer au moment de votre production HTML5, pour s’assurer quand même d’avoir vraiment un respect du contenu et de pouvoir le présenter de manière accessible à l’ensemble de vos utilisateurs.

HTML5 : Optimisation des flux de production

Optimisez vos flux de production lors de vos développements en HTML5. Explorez les méthodes et les éléments essentiels à la mise en place de processus automatisés.

5h29 (62 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :26 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !