Quatre grands principes
#######################

Perceptible
***********

« les contenus doivent pouvoir être perçus par tout utilisateur, c'est à dire qu'ils doivent pouvoir être visibles, audibles et restituables pour ceux ne pouvant pas les voir ou les entendre. » [#accessibilite-web-altinier]_

.. image:: ../graphes/principes-perceptible.svg

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/Hui87z2Vx8o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/iWO5N3n1DXU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Utilisable
**********

« les contenus doivent pouvoir être utilisés quel que soit le type d'utilisation de l'ordinateur : utilisation exclusive du clavier, d'un clavier virtuel, d'un pointeur laser ou autre technologie d'assistance. » [#accessibilite-web-altinier]_

.. image:: ../graphes/principes-utilisable.svg

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/7RHG_XiQ0ck" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/93UgG72os8M" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/CzfKB3PuuIY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Compréhensible
**************

« Les contenus doivent être lisibles. L'internaute doit pouvoir naviguer de façon logique, être guidé dans sa navigation et accompagné s'il se perd ou fait une erreur sur un formulaire, par exemple. » [#accessibilite-web-altinier]_

.. image:: ../graphes/principes-comprehensible.svg

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/E1fEv4Vpexg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/BYRxF2yInfA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/tfkzj5VC9P8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Robuste
*******

« Le code produit doit respecter les standards de façon à permettre la compatibilité avec les différents supports existants ou à venir. » [#accessibilite-web-altinier]_

.. image:: ../graphes/principes-robuste.svg

.. [#accessibilite-web-altinier] Armony Altinier, Accessibilité web, éditions Eyrolles, p. 61

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/8Rn5pXCdZWU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>