« Accessibilite numerique-Structurer l information textuelle-Notions de base » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
PHilippe (discussion | contributions)
Ligne 10 :
[[Image:Structurer l’information textuelle.webm|800px|Structurer l’information textuelle]]
 
==Transcription de la vidéo de la séquence==
 
Dans le cadre de votre travail, vous rédigez du texte via un outil de rédaction en ligne (que ce soit avant ou après la mise en ligne du site). Ce faisant, à quoi devez-vous faire attention ? Que devez-vous faire pour rédiger du texte accessible ?
Ligne 23 :
Attention, tout dépend de votre outil de rédaction en ligne. D’une façon générale, méfiez-vous des interfaces de rédaction WYSIWYG . Aucune ne permet de rédiger de façon correctement accessible. Il vous faudra intervenir dans l’éditeur HTML. Si vous avez le choix, préférez les outils de rédaction en syntaxe légère, à base de raccourcis de saisie, de type wiki, SPIP ou Markdown.
 
=== '''Les titres''' ===
 
Les titres jouent un rôle majeur, celui de porte d’entrée vers les contenus.
 
Ligne 33 ⟶ 32 :
Cependant, cela n’est possible que si la page web est bien structurée. Les titres ne doivent pas seulement avoir l’apparence de titres (généralement en gros caractères gras) mais être déclarés comme tels au sein du document.
 
==== '''Comment faire un titre web ?''' ====
 
Ne créez pas des titres à la main, en les mettant en gras et en augmentant la taille de caractère à chaque fois. Ça ressemblera bien à un titre, mais ça n’en aura que l’air, sans en avoir la valeur sémantique.
 
Ligne 43 ⟶ 41 :
Si vous êtes curieux, sachez que cet outil balisera vos titres de balises <h1>, <h2>, <h3>, etc. Peu importe alors leur apparence graphique, qui est totalement indépendante.
 
==== '''Un titre annonce un contenu''' ====
 
Les titres constituent des portes d’entrées vers les contenus.
 
Ligne 51 ⟶ 48 :
Ils annoncent ce contenu. Un titre doit décrire brièvement le paragraphe (ou autre contenu) qu’il présente.
 
==== '''Les titres hiérarchisent le contenu''' ====
 
Il existe 6 niveaux de titres, dans chaque page web, pas davantage.
 
Ligne 73 ⟶ 69 :
N’utilisez pas les titres à des fins de présentation. Si le style de titre de niveau 3 vous plaît davantage que celui du niveau 2, résistez à la tentation de vous en servir : en faisant cela, vous sauteriez un niveau de titre, ce qui aurait pour conséquence de le sortir de la hiérarchie des titres. Les utilisateurs de lecteurs d’écran passeraient alors à côté de cette partie de votre page.
 
=== '''Les Listes''' ===
 
Sur le Web, il existe trois types de listes :
 
Ligne 91 ⟶ 86 :
Ne simulez pas des listes par des tirets, symboles ou images et des sauts de ligne, mais utilisez les fonctions « liste » de votre outil de rédaction.
 
=== '''Les Citations''' ===
 
Lorsque des citations sont proposées dans les contenus, plutôt que de les matérialiser par de simples paragraphes entourés de guillemets, utilisez les fonctionnalités prévues dans l’outil de rédaction.
 
Ligne 99 ⟶ 93 :
Une citation correctement balisée pourra être restituée comme telle, par exemple avec un changement de voix, en synthèse vocale.
 
=== '''Les Abréviations''' ===
 
Les abréviations, sigles et acronymes, doivent être explicitées pour les rendre compréhensibles de tout utilisateur.
 
Ligne 121 ⟶ 114 :
Sachez que les utilisateurs ont la possibilité de lire les mots lettre à lettre, afin de les comprendre, et de renseigner un glossaire personnel des prononciations, qui leur permettra d’obtenir une bonne vocalisation des abréviations.
 
=== '''Les tableaux de données''' ===
 
Pour un internaute aveugle, accéder à des données organisées en tableau est difficile voire impossible quand le tableau n’est pas fabriqué avec un code conforme aux standards d'accessibilité.