Merge pull request #662 from Silverhustle/issue-628-word-checklists

Changed all links, added titles and re-organized the list in both EN and FR

Author: shawnthompson

src/pages/en/microsoft-document-compliance-checklist.md

@@ -37,16 +37,15 @@ If you answer ‘No’ to one of the following questions, then your document IS
 ## General
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are document Properties filled out properly (title, author, subject)? (2.4.2)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the language of the document properly set? (3.1.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Did the document fully pass the Accessibility Checker? (4.1.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from content such as comments, track changes, and highlight? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the order of the content accurate and logical (instructions or introduction first)? (1.3.2)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from electronically fillable forms? (3.3.2)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Can all the text be resized and still be considered readable when magnified to 200%? (1.4.4)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are document Properties filled out properly (title, author, subject)? (<a href="https://www.w3.org/TR/WCAG22/#page-titled">2.4.2: Page Titled</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the language of the document properly set? (<a href="https://www.w3.org/TR/WCAG22/#language-of-page">3.1.1: Language of Page</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from content such as comments, track changes, and highlight? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the order of the content accurate and logical (instructions or introduction first)? (<a href="https://www.w3.org/TR/WCAG22/#meaningful-sequence">1.3.2: Meaningful Sequence</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from electronically fillable forms? (<a href="https://www.w3.org/TR/WCAG22/#labels-or-instructions">3.3.2: Labels or Instructions</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Can all the text be resized and still be considered readable when magnified to 200%? (<a href="https://www.w3.org/TR/WCAG22/#resize-text">1.4.4: Resize Text</a>)</li>
     <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the readability grade level meet the target audience: up to grade 8 for public audience and up to grade 10 for internal to ESDC?</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all acronyms provided in full words (or spelled out) the first time they are used in the document? (3.1.4)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the spacing between lines of text a minimum of 1.5? (1.4.12)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all acronyms provided in full words (or spelled out) the first time they are used in the document? (<a href="https://www.w3.org/TR/WCAG22/#abbreviations">3.1.4: Abbreviations</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the spacing between lines of text a minimum of 1.5? (<a href="https://www.w3.org/TR/WCAG22/#text-spacing">1.4.12: Text Spacing</a>)</li>
     <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the text free of any tabs or spaces to align or centre the text? Use the feature indent and spacing of the paragraph instead.</li>
     <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the text aligned left or right, and never justified (aligned on both sides)?</li>
     <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the text free of empty new lines or hard returns to create space between the paragraphs? Use page break or before and after paragraph option instead.</li>
@@ -58,63 +57,63 @@ If you answer ‘No’ to one of the following questions, then your document IS
 ## Colour
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does any information conveyed with color have a non-color method for understanding (is the information available when you remove the colors)? (1.4.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do all non-text objects like graphs or drawings (with the exception of logos and photographs) have a contrast ratio of 3:1 or greater? (1.4.3)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does any information conveyed with color have a non-color method for understanding (is the information available when you remove the colors)? (<a href="https://www.w3.org/TR/WCAG22/#use-of-color">1.4.1: Use of Color</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do all non-text objects like graphs or drawings (with the exception of logos and photographs) have a contrast ratio of 3:1 or greater? (<a href="https://www.w3.org/TR/WCAG22/#contrast-minimum">1.4.3: Contrast (Minimum)</a>)</li>
 </ul>
 
 ## Links
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are links identified using the Hyperlink paragraph style? (1.4.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do hyperlinks provide link text that identifies the purpose of the link without needing additional context? (2.4.4)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does generic link text have sufficient context (not using the words Link or click here)? (2.4.4)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are links identified using the Hyperlink paragraph style? (<a href="https://www.w3.org/TR/WCAG22/#use-of-color">1.4.1: Use of Color</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do hyperlinks provide link text that identifies the purpose of the link without needing additional context? (<a href="https://www.w3.org/TR/WCAG22/#link-purpose-in-context">2.4.4: Link Purpose</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does generic link text have sufficient context (not using the words Link or click here)? (<a href="https://www.w3.org/TR/WCAG22/#link-purpose-in-context">2.4.4: Link Purpose (In Context)</a>)</li>
     <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all links properly linked (no broken links)?</li>
 </ul>
 
 ## Images
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do all informational images have alt text that provides the same level of understanding a visual user would gain? (1.1.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all decorative images marked decorative (containing “ ” or the word “decorative” in the alt text field)? (1.1.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are multi-layered objects grouped into one object and appropriate alternative text applied, if required? (1.1.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do complex informational (not decorative) images have an alternate accessible means of understanding (usually a long description or caption)? (1.1.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from any content that should not be included as an image? (Picture of a table with text, image of text) (1.4.5)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from content that flashes more than 3 times per second? (2.3.1)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do all informational images have alt text that provides the same level of understanding a visual user would gain? (<a href="https://www.w3.org/TR/WCAG22/#non-text-content">1.1.1: Non-text Content</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all decorative images marked decorative (containing “ ” or the word “decorative” in the alt text field)? (<a href="https://www.w3.org/TR/WCAG22/#non-text-content">1.1.1: Non-text Content</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are multi-layered objects grouped into one object and appropriate alternative text applied, if required? (<a href="https://www.w3.org/TR/WCAG22/#non-text-content">1.1.1: Non-text Content</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do complex informational (not decorative) images have an alternate accessible means of understanding (usually a long description or caption)? (<a href="https://www.w3.org/TR/WCAG22/#non-text-content">1.1.1: Non-text Content</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from any content that should not be included as an image? (Picture of a table with text, image of text) (<a href="https://www.w3.org/TR/WCAG22/#images-of-text">1.4.5: Images of Text</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from content that flashes more than 3 times per second? (<a href="https://www.w3.org/TR/WCAG22/#three-flashes-or-below-threshold">2.3.1: Three Flashes or Below Threshold</a>)</li>
 </ul>
 
 ## Tables
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Were tables created with the built in table styles (not with spaces or indent)? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the table structure match the visual table layout (simple layout structure – no merged or split cells)? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do all tables have defined header row(s) and/or header column(s)? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from tables used for content that is not a data (tables used for layout only)? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from data tables with merged cells, both column and row header cells? (1.3.1)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Were tables created with the built in table styles (not with spaces or indent)? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the table structure match the visual table layout (simple layout structure – no merged or split cells)? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do all tables have defined header row(s) and/or header column(s)? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from tables used for content that is not a data (tables used for layout only)? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the document free from data tables with merged cells, both column and row header cells? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
 </ul>
 
 ## Lists
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the document contain only lists built with list styles? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are multiple lists in the same document properly organized (grouped or at levels)? (1.3.1)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the document contain only lists built with list styles? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are multiple lists in the same document properly organized (grouped or at levels)? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
 </ul>
 
 ## Headings
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is all text that acts as a visual heading marked with the proper heading style? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do headings follow a logical hierarchical progression? (for example, H1-H2-H3) (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all the headings visually modified via the heading style? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the heading text accurately describe the following content? (2.4.6)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the document contain a heading style for each section? (2.4.6)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is all text that acts as a visual heading marked with the proper heading style? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Do headings follow a logical hierarchical progression? (for example, H1-H2-H3) (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are all the headings visually modified via the heading style? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the heading text accurately describe the following content? (<a href="https://www.w3.org/TR/WCAG22/#headings-and-labels">2.4.6: Headings and Labels</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the document contain a heading style for each section? (<a href="https://www.w3.org/TR/WCAG22/#headings-and-labels">2.4.6: Headings and Labels</a>)</li>
     <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Does the Navigation pane from the View menu show all the headings, and nothing more (including no empty lines)?</li>
 </ul>
 
 ## Other elements
 
 <ul class="list-unstyled mrgn-tp-lg mrgn-lft-lg">
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the table of contents (TOC) generated with the built in office styles? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are citations and footnotes/endnotes created with the built in office styles? (1.3.1)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the language properly set for the corresponding language of words or phrases? (3.1.2)</li>
-    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is information in the header, footer, watermark, speaker notes, etc. available in the main body of the document (except page numbering)? (1.3.1)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the table of contents (TOC) generated with the built in office styles? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Are citations and footnotes/endnotes created with the built in office styles? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is the language properly set for the corresponding language of words or phrases? (<a href="https://www.w3.org/TR/WCAG22/#language-of-parts">3.1.2: Language of Parts</a>)</li>
+    <li class="mrgn-bttm-md"><span class="far fa-square mrgn-rght-md" aria-hidden="true"></span>Is information in the header, footer, watermark, speaker notes, etc. available in the main body of the document (except page numbering)? (<a href="https://www.w3.org/TR/WCAG22/#info-and-relationships">1.3.1: Info and Relationships</a>)</li>
 </ul>