{"id":2814,"date":"2024-03-07T10:55:47","date_gmt":"2024-03-07T15:55:47","guid":{"rendered":"https:\/\/accessibility.ecampusontario.ca\/accessibilite\/bonnes-pratiques\/structure-avec-titres-et-listes\/"},"modified":"2024-03-19T14:33:02","modified_gmt":"2024-03-19T18:33:02","slug":"titres-et-listes","status":"publish","type":"page","link":"https:\/\/accessibility.ecampusontario.ca\/fr\/accessibilite\/bonnes-pratiques\/titres-et-listes\/","title":{"rendered":"Structure avec titres et listes"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; fullwidth=\u00a0\u00bbon\u00a0\u00bb module_class=\u00a0\u00bbec-content\u00a0\u00bb _builder_version=\u00a0\u00bb4.23.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_fullwidth_code _builder_version=\u00a0\u00bb4.23.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<div class=\"ec-banner-main\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-banner-content\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<h1>Structure avec titres et listes<\/h1>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Utilisez diff\u00e9rents styles de titres et de listes pour vous aider \u00e0 organiser les informations en sections significatives et en structure logique.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-banner-img\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2024\/02\/best-practices-heading-structure.jpg\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-breadcrumbs\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-heading-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Introduction<\/h2>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-col ec-col-1w\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ec-callout ec-callout-right\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>R\u00e9f\u00e9rence WCAG associ\u00e9e<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee><a class=\"ec-external-link\" href=\"https:\/\/www.w3.org\/Translations\/WCAG21-fr\/#headings-and-labels\">WCAG 2.1 Crit\u00e8re de r\u00e9ussite 2.4.6 Titres et \u00e9tiquettes<\/a><\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Les documents tels que les PDF, les documents <span lang=\"en\">Excel<\/span>, les documents <span lang=\"en\">Word<\/span> et les pr\u00e9sentations cr\u00e9ent des obstacles pour le personnel et les \u00e9tudiants s\u2019ils ne sont pas cr\u00e9\u00e9s de mani\u00e8re \u00e0 garantir l\u2019accessibilit\u00e9.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Planifier d\u00e8s le d\u00e9part la structure de votre contenu vous permettra de gagner du temps dans la pr\u00e9paration d\u2019un document accessible. Si votre objectif est de cr\u00e9er un PDF, le moyen le plus direct de le rendre accessible est \u00e0 partir de la source (<span lang=\"en\">Word<\/span>, <span lang=\"en\">Excel<\/span>, <span lang=\"en\">PowerPoint<\/span>, etc.). Vous aurez \u00e9galement besoin d\u2019<span lang=\"en\">Adobe Acrobat Pro<\/span> ou de <span lang=\"en\">PDF Accessibility Checker<\/span> (PAC) 2 (Windows uniquement) pour rendre vos PDF accessibles.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>R\u00e9digez votre contenu en langage simple (voir <a href=\"\/wp-content\/uploads\/2024\/03\/Liste-de-controle-pour-utiliser-un-langage-simple-20240318.pdf\">Liste de contr\u00f4le pour l\u2019utilisation d\u2019un langage simple<\/a>) et utilisez les lignes directrices suivantes pour structurer vos titres et listes.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-heading-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Titres<\/h2>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-col ec-col-1w\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ec-callout ec-callout-right\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>R\u00e9f\u00e9rence WCAG associ\u00e9e<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee><a class=\"ec-external-link\" href=\"https:\/\/www.w3.org\/Translations\/WCAG21-fr\/#section-headings\">WCAG 2.1 Crit\u00e8re de r\u00e9ussite 2.4.10 Titres de section<\/a><\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <pee>L\u2019une des caract\u00e9ristiques fondamentales d\u2019un document num\u00e9rique accessible r\u00e9side dans ses structures claires et distinctes, ce que l\u2019on r\u00e9alise en grande partie gr\u00e2ce \u00e0 l\u2019utilisation efficace des titres. Les titres organisent non seulement le contenu de mani\u00e8re efficace, mais facilitent \u00e9galement la navigation pour tous les utilisateurs, y compris ceux qui sont handicap\u00e9s. Des titres appropri\u00e9s peuvent transformer les documents num\u00e9riques en les rendant plus navigables, plus compr\u00e9hensibles et plus inclusifs pour un public nombreux.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Structurer efficacement le contenu peut \u00e9viter la surcharge cognitive des \u00e9tudiants et garantir que les informations sont pr\u00e9sent\u00e9es dans des segments g\u00e9rables. Les titres constituent des outils pr\u00e9cieux pour attirer l\u2019attention sur les points cl\u00e9s des sections, offrant une structure logique de l\u2019information et facilitant un survol efficace du contenu.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>En termes d\u2019accessibilit\u00e9, les titres sont importants pour aider les personnes qui utilisent des lecteurs d\u2019\u00e9cran \u00e0 naviguer plus facilement dans les pages ou les documents. Les titres servent de chemin d\u2019acc\u00e8s facile \u00e0 parcourir \u00e0 travers les pages ou les documents et doivent toujours \u00eatre pr\u00e9sents lors de la conception de pages qui respectent les principes d\u2019accessibilit\u00e9.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Diff\u00e9rents styles de titre et tailles de police permettent d\u2019organiser les informations en sections coh\u00e9rentes, montrant les relations entre les sous-th\u00e8mes et le contenu principal. Un document organis\u00e9 peut utiliser les \u00e9l\u00e9ments suivants&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Titre 1 comme sujet principal ou titre du document.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Titre 2 est utilis\u00e9 pour chacun des principaux sous-th\u00e8mes sous le sujet principal.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Titre 3 est utilis\u00e9 pour chaque sujet connexe sous tout sujet du titre 2.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Titre 4 est utilis\u00e9 pour tous les sous-th\u00e8mes li\u00e9s \u00e0 n\u2019importe quel sujet du titre 3.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Cette approche \u00e0 plusieurs niveaux garantit une meilleure compr\u00e9hension et accessibilit\u00e9 pour les lecteurs.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>R\u00e8gles g\u00e9n\u00e9rales pour les titres<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Le titre principal doit toujours \u00eatre format\u00e9 comme Titre 1.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Les en-t\u00eates suivants doivent \u00eatre appliqu\u00e9s par ordre d\u00e9croissant.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Ne sautez pas les niveaux de titre. Par exemple&nbsp;: n\u2019utilisez pas le titre 3 pour le titre principal, suivi d\u2019un titre 1, puis d\u2019un titre 4.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Sp\u00e9cifiez un style de titre, puis modifiez son apparence. N\u2019utilisez pas les fonctionnalit\u00e9s de taille de police, de gras ou de soulignement pour cr\u00e9er l\u2019apparence d\u2019un titre.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<figure><!-- [et_pb_line_break_holder] -->      <pee class=\"text-center\"><img decoding=\"async\" class=\"ec-img-shadow\" alt=\"La galerie des styles dans Word montrant les styles Normal, Sans interlign et Titres.\" src=\"\/wp-content\/uploads\/2024\/03\/structure-with-headings-fr.png\"><\/pee><!-- [et_pb_line_break_holder] --><figcaption><strong>Figure 1<\/strong>&nbsp;: Capture d\u2019\u00e9cran d\u00e9taill\u00e9e des options Styles dans le ruban Accueil de <span lang=\"en\">Microsoft Word<\/span>. Les options affichent les styles suivants&nbsp;: Normal, Titre 1, Titre 2, Titre 3 et Titre 4.<\/figcaption><!-- [et_pb_line_break_holder] -->    <\/figure>\n<p><!-- [et_pb_line_break_holder] -->    <pee>S\u00e9lectionnez le lien suivant pour t\u00e9l\u00e9charger un document <span lang=\"en\">Word<\/span> (.docx) qui illustre les niveaux de titres&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <pee><a href=\"\/wp-content\/uploads\/2024\/03\/Niveaux-de-titre-examples-20240319.docx\">Exemple de niveaux de titre<\/a><\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-heading-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Listes<\/h2>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-col ec-col-1w\"><!-- [et_pb_line_break_holder] -->    <pee>Les listes fournissent une pr\u00e9sentation organis\u00e9e d\u2019id\u00e9es et d\u2019\u00e9tapes interconnect\u00e9es dans un processus. Utilisez des puces et des chiffres pour structurer, ordonner et mettre en surbrillance le texte de mani\u00e8re efficace. Lorsqu\u2019elles sont accessibles \u00e0 l\u2019aide de technologies d\u2019assistance telles que des lecteurs d\u2019\u00e9cran, les listes peuvent indiquer \u00e0 la fois leur pr\u00e9sence et la quantit\u00e9 d\u2019\u00e9l\u00e9ments, ce qui permet de comprendre \u00e0 la fois la port\u00e9e et le nombre d\u2019\u00e9l\u00e9ments qu\u2019ils contiennent.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Listes \u00e0 puces<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Lorsque vous pr\u00e9sentez un ensemble d\u2019id\u00e9es ou de termes \u00e9quivalents dont l\u2019ordre n\u2019a aucune pertinence significative, optez pour une liste \u00e0 puces. Par exemple, consid\u00e9rons la liste suivante d\u00e9crivant les pratiques fondamentales en mati\u00e8re d\u2019accessibilit\u00e9 pour les documents \u00e9lectroniques&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Organisez le mat\u00e9riel dans une structure logique.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Utilisez des styles pour marquer les niveaux de titre.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Utilisez des mots significatifs pour identifier les hyperliens.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Fournissez des descriptions textuelles (c\u2019est-\u00e0-dire du texte de remplacement) pour les images.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Ces pratiques d\u2019accessibilit\u00e9 sont toutes essentielles pour cr\u00e9er un document accessible, et une liste \u00e0 puces convient bien car elle n\u2019implique pas un ordre ou une s\u00e9quence sp\u00e9cifique.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Liste num\u00e9rot\u00e9e<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Dans les sc\u00e9narios o\u00f9 les \u00e9l\u00e9ments repr\u00e9sentent une s\u00e9quence ou une s\u00e9rie d\u2019\u00e9tapes, une liste num\u00e9rot\u00e9e constitue le meilleur choix. Une liste num\u00e9rot\u00e9e est particuli\u00e8rement pertinente lorsqu\u2019il existe une s\u00e9quence d\u2019\u00e9tapes dans un processus. Prenons, par exemple, la liste suivante d\u00e9taillant les \u00e9tapes pour cr\u00e9er un style de titre dans MS <span lang=\"en\">Word<\/span>&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<ol><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Saisissez le texte souhait\u00e9 dans un document <span lang=\"en\">Word<\/span>.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>S\u00e9lectionnez le texte que vous souhaitez utiliser comme titre.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Sous l\u2019onglet Accueil, cliquez sur la galerie Styles (ou appuyez sur Alt+H, puis L).<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Choisissez le style de titre souhait\u00e9, par exemple Titre 1, Titre 2, etc.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><span lang=\"en\">Word<\/span> appliquera un changement de police et de couleur au texte s\u00e9lectionn\u00e9 pour indiquer le niveau de titre.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ol>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Lorsqu\u2019une commande sp\u00e9cifique est n\u00e9cessaire, une liste num\u00e9rot\u00e9e communique efficacement les \u00e9tapes n\u00e9cessaires.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1059,"featured_media":0,"parent":2768,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2814","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/users\/1059"}],"replies":[{"embeddable":true,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/comments?post=2814"}],"version-history":[{"count":10,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2814\/revisions"}],"predecessor-version":[{"id":3253,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2814\/revisions\/3253"}],"up":[{"embeddable":true,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2768"}],"wp:attachment":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/media?parent=2814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}