Fiche 3 : Embarquer des contenus d'autres sites sur ses pages

-

Les cadres permettent de faire figurer des éléments (des portions de sites web, des vidéos, un site web en entier) en provenance d'autres sites web. Ils sont généralement utilisés pour intégrer des contenus issus des réseaux sociaux, insérer des vidéos dans un contenu...

+

Les cadres permettent de faire figurer des éléments (des portions de sites web, des vidéos, un site web en entier) en provenance d'autres sites web. Ils sont généralement utilisés pour intégrer des contenus issus des réseaux sociaux, insérer des vidéos dans un contenu…

L'enjeu pour l'utilisateur handicapé

@@ -91,7 +91,7 @@

Mémo pour agir

-

Correspondances RGAA 3.0

+

Correspondances RGAA 3

  • Critère 2.1 [A]
  • Critère 2.2 [A]
    • diff --git a/html/citations.html b/html/citations.html old mode 100644 new mode 100755 index 75d480c..b9a1b8d --- a/html/citations.html +++ b/html/citations.html @@ -44,7 +44,7 @@

    Guide « Contribuer sur le Web de manière access

    Contribuer - Télécharger

    + Télécharger

@@ -101,7 +101,7 @@

Mémo pour agir

-

Correspondances RGAA 3.0

+

Correspondances RGAA 3

  • Critère 9.6 [AA]
diff --git a/html/couleurs.html b/html/couleurs.html old mode 100644 new mode 100755 index 0cdd05b..25978c5 --- a/html/couleurs.html +++ b/html/couleurs.html @@ -45,7 +45,7 @@

Guide « Contribuer sur le Web de manière access

Contribuer - Télécharger

+ Télécharger

@@ -149,7 +149,7 @@

Voir ailleurs...

-

Correspondances RGAA 3.0

+

Correspondances RGAA 3

  • Critère 3.1 [A]
  • Critère 3.2 [A]
    • diff --git a/html/css/download.svg b/html/css/download.svg old mode 100644 new mode 100755 diff --git a/html/css/github.svg b/html/css/github.svg old mode 100644 new mode 100755 diff --git a/html/css/print.css b/html/css/print.css old mode 100644 new mode 100755 diff --git a/html/css/styles.css b/html/css/styles.css old mode 100644 new mode 100755 diff --git a/html/definition.html b/html/definition.html old mode 100644 new mode 100755 index d4832d8..41f2639 --- a/html/definition.html +++ b/html/definition.html @@ -45,7 +45,7 @@

    Guide « Contribuer sur le Web de manière access

    Contribuer - Télécharger

    + Télécharger

@@ -115,7 +115,7 @@

Voir ailleurs

-

Correspondances RGAA 3.0

+

Correspondances RGAA 3

  • Critère 9.4 [AAA]
  • Critère 9.5 [AAA]
    • diff --git a/html/docs_telechargement.html b/html/docs_telechargement.html old mode 100644 new mode 100755 index bf30ed2..c4607c2 --- a/html/docs_telechargement.html +++ b/html/docs_telechargement.html @@ -45,7 +45,7 @@

    Guide « Contribuer sur le Web de manière access

    Contribuer - Télécharger

    + Télécharger

@@ -106,7 +106,7 @@

Voir ailleurs...

-

Correspondances RGAA 3.0

+

Correspondances RGAA 3

  • Critère 13.6 [A]
  • Critère 13.7 [A]
    • diff --git a/html/fonts/AvenirLTStd-Black.eot b/html/fonts/AvenirLTStd-Black.eot old mode 100644 new mode 100755 diff --git a/html/fonts/AvenirLTStd-Black.ttf b/html/fonts/AvenirLTStd-Black.ttf old mode 100644 new mode 100755 diff --git a/html/fonts/AvenirLTStd-Black.woff b/html/fonts/AvenirLTStd-Black.woff old mode 100644 new mode 100755 diff --git a/html/fonts/AvenirLTStd-Heavy.eot b/html/fonts/AvenirLTStd-Heavy.eot old mode 100644 new mode 100755 diff --git a/html/fonts/AvenirLTStd-Heavy.ttf b/html/fonts/AvenirLTStd-Heavy.ttf old mode 100644 new mode 100755 diff --git a/html/fonts/AvenirLTStd-Heavy.woff b/html/fonts/AvenirLTStd-Heavy.woff old mode 100644 new mode 100755 diff --git a/html/glossaire.html b/html/glossaire.html old mode 100644 new mode 100755 index c47ac32..81dfaba --- a/html/glossaire.html +++ b/html/glossaire.html @@ -45,7 +45,7 @@

    Guide « Contribuer sur le Web de manière access

    Contribuer - Télécharger

    + Télécharger

diff --git a/html/images.html b/html/images.html old mode 100644 new mode 100755 index a22e6bc..8d1857d --- a/html/images.html +++ b/html/images.html @@ -44,7 +44,7 @@

Guide « Contribuer sur le Web de manière access

Contribuer - Télécharger

+ Télécharger

@@ -71,7 +71,7 @@

Fiche 1 : Quand une image vaut mille mots...

L'enjeu pour l'utilisateur handicapé

Les images véhiculent parfois une information non textuelle. Cette information, qui peut aider à comprendre le contenu auquel elle se rapporte, doit pouvoir être accessible à tous.

Fournir une alternative est indispensable pour les utilisateurs qui ne perçoivent pas, ou perçoivent mal, le contenu visuel. C'est le cas des personnes aveugles ou malvoyantes. Un lecteur d'écran va pouvoir accéder à cette alternative et le restituer à l'utilisateur.

-

De même, pour les personnes qui présentent des difficultés de compréhension face à certaines représentations visuelles, (iconographie, peintures, représentations multi-dimensionnelles, graphiques ...), une alternative peut aider à en comprendre le sens ou à en extraire l'information importante.

+

De même, pour les personnes qui présentent des difficultés de compréhension face à certaines représentations visuelles, (iconographie, peintures, représentations multi-dimensionnelles, graphiques…), une alternative peut aider à en comprendre le sens ou à en extraire l'information importante.

Pour toutes ces raisons, il est essentiel de traduire de manière textuelle l'information nécessaire et suffisante qu'apportent les images.

Lorsque ces images constituent des liens, ce n'est alors plus l'information qu'elles véhiculent qui est essentielle, mais la fonction du lien qu'elles constituent. Dans cette situation, elles permettent aux logiciels pilotés à la voix par une personne en situation de handicap moteur, de localiser plus facilement le lien à activer.

@@ -155,7 +155,7 @@

Halte aux abus pour ré

En effet, un utilisateur de lecteur d'écran se verra restituer toutes ces informations. L'expérience de lecture sera alors surchargée d'éléments parasites et rendra incompréhensible le contenu du site.

Une image peut avoir une alternative vide

Toutes les images n'ont pas besoin d'un texte de remplacement. Si l'image est une décoration (elle n'apporte aucune information essentielle au contenu), elle ne doit pas avoir de texte de remplacement. Pour la même raison qu'évoquée au-dessus, cela alourdit la restitution du contenu pour un utilisateur de lecteur d'écran, pour un gain en information nul.

-

L'alternative de l'image ne doit pas être utilisée pour mentionner les crédits (auteur, date etc...) de l'image

+

L'alternative de l'image ne doit pas être utilisée pour mentionner les crédits (auteur, date, etc…) de l'image

Si vous créditez une image, vous ne devez pas utiliser le texte de remplacement de l'image. Tout d'abord, cela signifie que tout le monde n'a pas accès à cette information. Ensuite, le texte de remplacement sert à décrire l'image, et non pas à l'attribuer. Dans le cas précis des crédits, la méthode décrite dans la description détaillée est tout à fait appropriée.