{"id":43,"date":"2015-11-27T19:24:31","date_gmt":"2015-11-27T19:24:31","guid":{"rendered":"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/?post_type=chapter&#038;p=43"},"modified":"2015-11-27T19:24:31","modified_gmt":"2015-11-27T19:24:31","slug":"tableaux","status":"publish","type":"chapter","link":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/chapter\/tableaux\/","title":{"raw":"Tableaux","rendered":"Tableaux"},"content":{"raw":"Dans cette section, nous fournissons les directives et recommandations pour la structure des tableaux.\r\n<h2>Que sont les tableaux?<\/h2>\r\n<strong>Tableaux<\/strong>: Dans ce contexte, nous nous r\u00e9f\u00e9rons aux <strong>tableaux de donn\u00e9es<\/strong>, qui sont des tableaux incluant l'information de rang\u00e9e et\/ou colonne de titre pour organiser le contenu.\r\n\r\n<strong>Types de fichiers<\/strong>: .doc, .html, .pdf\r\n<h2>Avant de commencer<\/h2>\r\n<h3>Vos tableaux sont-ils simples ou complexes?<\/h3>\r\nUn <a href=\"#_Cr\u00e9er_des_tableaux\">tableau simple<\/a> inclut au maximum une colonne et\/ou une rang\u00e9e de titre. Un tableau complexe inclut plus qu'une colonne et\/ou une rang\u00e9e de titre, et peut contenir des cellules fusionn\u00e9es ou scind\u00e9es.[footnote]AccessAbility: Accessibility and Usability at Penn State. Table Headers and Captions. Accessed from: http:\/\/accessibility.psu.edu\/tables[\/footnote]\r\n\r\nNous recommandons que vous fassiez tous efforts pour maintenir une structure de tableaux de donn\u00e9es aussi simple que possible. Plus le format d\u2019une table de donn\u00e9es est complexe, moins il sera pour certains \u00e9tudiants utilisant la technologie de lecteur d'\u00e9cran pour acc\u00e9der leurs mati\u00e8res de manuels de cours. Les lecteurs d'\u00e9cran se d\u00e9placent de gauche \u00e0 droite, d'haut en bas, une cellule \u00e0 la fois, et parce qu\u2019un lecteur d'\u00e9cran ne r\u00e9p\u00e8te pas de cellule, fusionnant ou scissionnant de cellules peut affecter l'ordre de lecture du tableau.\r\n<div>\r\n<h3>Pour qui faite-vous ceci?<\/h3>\r\nCe travail appuie les \u00e9tudiants qui:\r\n<ul>\r\n\t<li>Sont aveugles ou ont une basse vision, par exemple <a href=\"#_Jacob\">Jacob<\/a>.<\/li>\r\n\t<li>Qui ont une forme de d\u00e9ficience cognitive, par exemple <a href=\"#_Ann\">Ann<\/a>.<\/li>\r\n<\/ul>\r\n<h2>Que devez-vous faire?<\/h2>\r\nDe la m\u00eame fa\u00e7on que votre <a href=\"#_Organiser_le_contenue\">contenu a besoin de vrais titres et de structure<\/a>, les tableaux ont besoin d'une structure d\u00e9finie et propre pour \u00eatre accessible. Ceci veut dire que vous devez ajouter des titres \u00e0 chaque colonne et rang\u00e9e pour d\u00e9finir le contenu de chaque section de donn\u00e9es. Les lecteurs d'\u00e9crans vont habituellement lire les tableaux horizontalement- cellule par cellule, rang\u00e9e par rang\u00e9e- et les titres de rang\u00e9es et colonnes aident \u00e0 fournir un contexte pour les donn\u00e9es de chaque cellule aux \u00e9tudiants qui sont aveugles, ont une basse vision, ou qui ont une d\u00e9ficience cognitive.\r\n\r\n[caption id=\"attachment_28\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann-300x184.png\" alt=\"Image d\u2019Ann, art originale par BCcampus\" class=\"size-medium wp-image-28\" height=\"184\" width=\"300\" \/><\/a> Image d\u2019Ann, art originale par BCcampus[\/caption]\r\n<h2>Cr\u00e9er des tableaux simples<\/h2>\r\nUn tableau simple inclut:\r\n<ol>\r\n\t<li>un titre ou sous-titre de tableau<\/li>\r\n\t<li>Maximum une rang\u00e9e de titre de colonnes et\/ou maximum d\u2019une colonne de titre de rang\u00e9es<\/li>\r\n\t<li>Aucune cellule fusionn\u00e9e ou scind\u00e9e.<\/li>\r\n\t<li>Remplissage de cellule suffisante pour les apprenants visuels.<\/li>\r\n<\/ol>\r\n<h3>Exemple:<\/h3>\r\nLe tableau ci-dessous est un exemple d'un tableau simple. Revu contre la liste d'exigences pr\u00e9c\u00e9dentes, ce tableau:\r\n<ol>\r\n\t<li>inclut un <strong>titre<\/strong> (Fleurs de Printemps)<\/li>\r\n\t<li>Contient une rang\u00e9e dans laquelle les cellules sont \u00e9tiquet\u00e9es comme <strong>titre de colonne<\/strong> (Famille de couleurs, bulbes, arbustes, arbres), et une colonne dans laquelle les cellules sont \u00e9tiquet\u00e9es comme <strong>titre de rang\u00e9e<\/strong> (Rose, Jaune)<\/li>\r\n\t<li>Ne contient aucune cellule fusionn\u00e9e ou scind\u00e9e<\/li>\r\n\t<li>A un <strong>remplissage de cellule <\/strong>suffisante pour fournir un tampon autour des donn\u00e9es dans chaque cellule. (Remplissage de cellule dans ce tableau est g\u00e9r\u00e9 \u00e0 \"10\").<\/li>\r\n<\/ol>\r\nFleurs de printemps\r\n<table border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td><strong>Famille de couleur<\/strong><\/td>\r\n<td><strong>Bulbes<\/strong><\/td>\r\n<td><strong>Arbustes<\/strong><\/td>\r\n<td><strong>Arbres<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td><strong>Rose<\/strong><\/td>\r\n<td>Tulipes<\/td>\r\n<td>Raisin de Corinthe florissante<\/td>\r\n<td>Prune ornementale<\/td>\r\n<\/tr>\r\n<tr>\r\n<td><strong>Jaune<\/strong><\/td>\r\n<td>Narcisses de pr\u00e8s<\/td>\r\n<td>Forsythe<\/td>\r\n<td>Magnolia \u00e9toil\u00e9<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nPour une \u00e9tudiant qui acc\u00e8de ce tableau avec un lecteur d'\u00e9cran, la premi\u00e8re rang\u00e9e de donn\u00e9e sera pr\u00e9sent\u00e9 \u00e0 peu pr\u00e8s comme suite:\r\n<ul>\r\n\t<li>Rose, bulbes: Tulipes<\/li>\r\n\t<li>Rose, Arbustes: Raisin de Corinthe florissante<\/li>\r\n\t<li>Rose, Arbres: prune ornementale<\/li>\r\n<\/ul>\r\n<\/div>","rendered":"<p>Dans cette section, nous fournissons les directives et recommandations pour la structure des tableaux.<\/p>\n<h2>Que sont les tableaux?<\/h2>\n<p><strong>Tableaux<\/strong>: Dans ce contexte, nous nous r\u00e9f\u00e9rons aux <strong>tableaux de donn\u00e9es<\/strong>, qui sont des tableaux incluant l&#8217;information de rang\u00e9e et\/ou colonne de titre pour organiser le contenu.<\/p>\n<p><strong>Types de fichiers<\/strong>: .doc, .html, .pdf<\/p>\n<h2>Avant de commencer<\/h2>\n<h3>Vos tableaux sont-ils simples ou complexes?<\/h3>\n<p>Un <a href=\"#_Cr\u00e9er_des_tableaux\">tableau simple<\/a> inclut au maximum une colonne et\/ou une rang\u00e9e de titre. Un tableau complexe inclut plus qu&#8217;une colonne et\/ou une rang\u00e9e de titre, et peut contenir des cellules fusionn\u00e9es ou scind\u00e9es.<a class=\"footnote\" title=\"AccessAbility: Accessibility and Usability at Penn State. Table Headers and Captions. Accessed from: http:\/\/accessibility.psu.edu\/tables\" id=\"return-footnote-43-1\" href=\"#footnote-43-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a><\/p>\n<p>Nous recommandons que vous fassiez tous efforts pour maintenir une structure de tableaux de donn\u00e9es aussi simple que possible. Plus le format d\u2019une table de donn\u00e9es est complexe, moins il sera pour certains \u00e9tudiants utilisant la technologie de lecteur d&#8217;\u00e9cran pour acc\u00e9der leurs mati\u00e8res de manuels de cours. Les lecteurs d&#8217;\u00e9cran se d\u00e9placent de gauche \u00e0 droite, d&#8217;haut en bas, une cellule \u00e0 la fois, et parce qu\u2019un lecteur d&#8217;\u00e9cran ne r\u00e9p\u00e8te pas de cellule, fusionnant ou scissionnant de cellules peut affecter l&#8217;ordre de lecture du tableau.<\/p>\n<div>\n<h3>Pour qui faite-vous ceci?<\/h3>\n<p>Ce travail appuie les \u00e9tudiants qui:<\/p>\n<ul>\n<li>Sont aveugles ou ont une basse vision, par exemple <a href=\"#_Jacob\">Jacob<\/a>.<\/li>\n<li>Qui ont une forme de d\u00e9ficience cognitive, par exemple <a href=\"#_Ann\">Ann<\/a>.<\/li>\n<\/ul>\n<h2>Que devez-vous faire?<\/h2>\n<p>De la m\u00eame fa\u00e7on que votre <a href=\"#_Organiser_le_contenue\">contenu a besoin de vrais titres et de structure<\/a>, les tableaux ont besoin d&#8217;une structure d\u00e9finie et propre pour \u00eatre accessible. Ceci veut dire que vous devez ajouter des titres \u00e0 chaque colonne et rang\u00e9e pour d\u00e9finir le contenu de chaque section de donn\u00e9es. Les lecteurs d&#8217;\u00e9crans vont habituellement lire les tableaux horizontalement- cellule par cellule, rang\u00e9e par rang\u00e9e- et les titres de rang\u00e9es et colonnes aident \u00e0 fournir un contexte pour les donn\u00e9es de chaque cellule aux \u00e9tudiants qui sont aveugles, ont une basse vision, ou qui ont une d\u00e9ficience cognitive.<\/p>\n<figure id=\"attachment_28\" aria-describedby=\"caption-attachment-28\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann-300x184.png\" alt=\"Image d\u2019Ann, art originale par BCcampus\" class=\"size-medium wp-image-28\" height=\"184\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann-300x184.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann-65x40.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann-225x138.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann-350x215.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/ann.png 733w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-28\" class=\"wp-caption-text\">Image d\u2019Ann, art originale par BCcampus<\/figcaption><\/figure>\n<h2>Cr\u00e9er des tableaux simples<\/h2>\n<p>Un tableau simple inclut:<\/p>\n<ol>\n<li>un titre ou sous-titre de tableau<\/li>\n<li>Maximum une rang\u00e9e de titre de colonnes et\/ou maximum d\u2019une colonne de titre de rang\u00e9es<\/li>\n<li>Aucune cellule fusionn\u00e9e ou scind\u00e9e.<\/li>\n<li>Remplissage de cellule suffisante pour les apprenants visuels.<\/li>\n<\/ol>\n<h3>Exemple:<\/h3>\n<p>Le tableau ci-dessous est un exemple d&#8217;un tableau simple. Revu contre la liste d&#8217;exigences pr\u00e9c\u00e9dentes, ce tableau:<\/p>\n<ol>\n<li>inclut un <strong>titre<\/strong> (Fleurs de Printemps)<\/li>\n<li>Contient une rang\u00e9e dans laquelle les cellules sont \u00e9tiquet\u00e9es comme <strong>titre de colonne<\/strong> (Famille de couleurs, bulbes, arbustes, arbres), et une colonne dans laquelle les cellules sont \u00e9tiquet\u00e9es comme <strong>titre de rang\u00e9e<\/strong> (Rose, Jaune)<\/li>\n<li>Ne contient aucune cellule fusionn\u00e9e ou scind\u00e9e<\/li>\n<li>A un <strong>remplissage de cellule <\/strong>suffisante pour fournir un tampon autour des donn\u00e9es dans chaque cellule. (Remplissage de cellule dans ce tableau est g\u00e9r\u00e9 \u00e0 &#8220;10&#8221;).<\/li>\n<\/ol>\n<p>Fleurs de printemps<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Famille de couleur<\/strong><\/td>\n<td><strong>Bulbes<\/strong><\/td>\n<td><strong>Arbustes<\/strong><\/td>\n<td><strong>Arbres<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Rose<\/strong><\/td>\n<td>Tulipes<\/td>\n<td>Raisin de Corinthe florissante<\/td>\n<td>Prune ornementale<\/td>\n<\/tr>\n<tr>\n<td><strong>Jaune<\/strong><\/td>\n<td>Narcisses de pr\u00e8s<\/td>\n<td>Forsythe<\/td>\n<td>Magnolia \u00e9toil\u00e9<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Pour une \u00e9tudiant qui acc\u00e8de ce tableau avec un lecteur d&#8217;\u00e9cran, la premi\u00e8re rang\u00e9e de donn\u00e9e sera pr\u00e9sent\u00e9 \u00e0 peu pr\u00e8s comme suite:<\/p>\n<ul>\n<li>Rose, bulbes: Tulipes<\/li>\n<li>Rose, Arbustes: Raisin de Corinthe florissante<\/li>\n<li>Rose, Arbres: prune ornementale<\/li>\n<\/ul>\n<\/div>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-43-1\">AccessAbility: Accessibility and Usability at Penn State. Table Headers and Captions. Accessed from: http:\/\/accessibility.psu.edu\/tables <a href=\"#return-footnote-43-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":17,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-43","chapter","type-chapter","status-publish","hentry"],"part":31,"_links":{"self":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/users\/17"}],"version-history":[{"count":1,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/43\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/43\/revisions\/44"}],"part":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/parts\/31"}],"metadata":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/43\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapter-type?post=43"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/contributor?post=43"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/license?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}