Aller au contenu

Hiérarchie des titres

Une page de Wikiversité, la communauté pédagogique libre.

Hiérarchie des titres

[modifier | modifier le wikicode]

Mise en situation

[modifier | modifier le wikicode]

Voici les titres d’une page Web :

  • Bien rédiger pour le Web
  • Hiérarchie des titres
  • Définir des titres percutants
  • Hiérarchiser le contenu
  • Au moins un titre de niveau 1
  • Les listes
  • Les listes ordonnées
  • Les listes de définitions
  • La rédaction
  • Les expressions-clés
  • Utiliser des synonymes
  • Expliciter les abréviations


Ces titres doivent permettre à eux seuls, de comprendre de quoi parle cette page. Parmi ceux-ci, quel est donc le titre de cette page, celui de premier niveau ?


Afin de les hiérarchiser, indiquez, avant chaque titre, son niveau.

Bien rédiger pour le Web

Hiérarchie des titres

Définir des titres percutant

Hiérarchiser le contenu

Au moins un titre de niveau 1

Les listes

Les listes ordonnées

Les listes définitions

La rédaction

Les expressions-clés

Utiliser des synonymes

Expliciter les abréviations


1 Il existe 3 types de liste : simple (non ordonnée), ordonnée, et définitions. De quel type sont les listes suivantes ?

Activite4.2.1 carbonade

Simple
ordonnée
définitions

2 Activite4.2.1 glossaire

Simple
ordonnée
définitions

3 Activite4.2.1 liste

Simple
ordonnée
définitions


Citation bien balisée

[modifier | modifier le wikicode]

Mise en situation

[modifier | modifier le wikicode]

Peu importe comment se présente visuellement une citation : matérialisée par un retrait, entre guillemets, dans une autre couleur de texte… Ce qui compte, c’est qu’elle soit bien marquée comme telle. Cela se fait à l’aide de la balise <q> (comme « quote »).

<p> Tim Berners-Lee déclarait : "Le pouvoir du Web est son universalité. Qu'il soit accessible pout n’importe qui quel que soit son handicap est un de ses aspects essentiels." Cette phrase est citée dans toutes les formations traitant d'accessibilité numérique.</p>

Corrigez la citation ci-dessus, en utilisant la balise <q> (et sa fermante </q>) :


Expliciter les abréviations

[modifier | modifier le wikicode]

Mise en situation

[modifier | modifier le wikicode]

Le texte ci-dessous contient plusieurs abréviations.

"Afin de répondre aux directives européennes d’a11y, le nouveau RGAA a été conçu, sous la responsabilité de la DISIC, de manière à être entièrement compatible avec la norme correspondant aux WCAG du W3C. C’est-à-dire qu’un contenu conforme au RGAA 3 sera conforme aux WCAG 2.0."

Listez toutes les abréviations de ce texte et explicitez-les.


Proposez une version corrigée de ce texte.


Accessibilité des tableaux

[modifier | modifier le wikicode]

Mise en situation

[modifier | modifier le wikicode]

Regardez le début (jusqu’à 03:05) de cette vidéo Access-Key intitulée « Accessibilité du Web : Les tableaux » : http://portail.unice.fr/access-key/videos/les-tableaux

Pour votre compréhension, il vous sera peut-être plus agréable de fermer les yeux, pour mieux entendre.

Quel matériel Jean utilise-t-il pour consulter ce tableau ? Comment s’en sert-il ?


Comment Jean prend-il connaissance du tableau ?

ligne par ligne
colonne par colonne


Comment Jean passe-t-il d’une cellule à une autre ?

Mise en œuvre de l’accessibilité numérique

[modifier | modifier le wikicode]


Dans un premier temps, Jean consulte un tableau pas accessible avec difficulté. Dans un second temps, il consulte ce même tableau, corrigé, avec satisfaction. Quelle correction a été apportée ?

a) le rédacteur a bien rentré toutes les informations, indiquant même les coordonnées de chaque cellule du tableau
b) le développeur a bien composé le tableau, par des balises mettant chaque cellule en lien avec le titre de la colonne