« Accessibilite numerique-Structurer l information textuelle-Notions de base » : différence entre les versions
Contenu supprimé Contenu ajouté
Removing AccessiNum.jpg, it has been deleted from Commons by Hystrix because: No permission since 26 June 2017. |
m Robot : Remplacement de texte automatisé (-\n(==={0,3})(?: *)([^\n=]+)(?: *)\1(?: *)\n +\n\1 \2 \1\n) |
||
Ligne 3 :
=Mise en œuvre de l’accessibilité numérique =
=== [[Menu-Mise en œuvre de l’accessibilité numérique | Menu ]] ===
</div>
== Durée de la vidéo : 8 minutes 10 secondes ==
[[Image:Structurer l’information textuelle.webm|800px|Structurer l’information textuelle]]
== Transcription textuelle de la vidéo ==
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 21 :
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 30 :
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 39 :
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 46 :
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 67 :
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 84 :
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 91 :
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 112 :
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é.
| |||
