add useful links page

src/_includes/layouts/base.njk

@@ -95,5 +95,8 @@
     </script>
     <div hidden>{{ 'headingsAnchor.label' | translate }}</div>
     {% include "partials/licence.njk" %}
+    {% if usefulLinks == true %}
+      <script src="/assets/useful-links.js"></script>
+    {% endif %}
   </body>
 </html>

src/assets/resources/aria.json

@@ -0,0 +1,37 @@
+{
+    "urls": [
+      {
+        "name": "WAI-ARIA Overview | Web Accessibility Initiative (WAI) | W3C",
+        "url": "https://www.w3.org/WAI/standards-guidelines/aria/"
+      },
+      {
+        "name": "Using ARIA",
+        "url": "https://www.w3.org/TR/using-aria/#firstrule"
+      },
+      {
+        "name": "Patterns | APG | WAI | W3C",
+        "url": "https://www.w3.org/WAI/ARIA/apg/patterns/"
+      },
+      {
+        "name": "Accessible name computation",
+        "url": "https://www.w3.org/TR/html-aam-1.0/#accessible-name-and-description-computation"
+      },
+      {
+        "name": "ARIA Widgets",
+        "url": "https://dequeuniversity.com/library/aria/"
+      },
+      {
+        "name": "Les bases de WAI-ARIA - Apprendre le développement web | MDN",
+        "url": "https://dequeuniversity.com/library/aria/"
+      },
+      {
+        "name": "Accessible name required for ARIA",
+        "url": "https://html5accessibility.com/stuff/2024/02/14/when-it-says-name-from-author-it-means-from-you-not-boll-or-bukowski/"
+      },
+      {
+        "name": "Best intention barriers (ARIA edition) · marcus.io",
+        "url": "https://marcus.io/blog/best-intention-barriers-aria"
+      }
+    ]
+  }
+

src/assets/resources/colors.json

@@ -0,0 +1,17 @@
+{
+    "urls": [
+      {
+        "name": "TPGI - SC 1.4.1 Use of Color",
+        "url": "https://www.tpgi.com/well-color-us-surprised-this-sc-can-be-a-tricky-customer/"
+      },
+      {
+        "name": "TPGI - SC 1.4.11 Non-text Contrast",
+        "url": "https://www.tpgi.com/when-i-get-that-low-contrast-feeling-i-need-non-textual-healing/"
+      },
+      {
+        "name": "Pope Tech - Color Contrast",
+        "url": "https://blog.pope.tech/2022/11/08/november-monthly-focus-low-contrast/"
+      }
+    ]
+  }
+

src/assets/resources/drag-drop.json

@@ -0,0 +1,13 @@
+{
+    "urls": [
+      {
+        "name": "Designing a reorderable list component - Darin Senneff",
+        "url": "https://www.darins.page/articles/designing-a-reorderable-list-component#keyboard-controls"
+      },
+      {
+        "name": "CodePen drag and drop",
+        "url": "https://codepen.io/melsumner/pen/MeMGVN"
+      }
+    ]
+  }
+

src/assets/resources/forms.json

@@ -0,0 +1,41 @@
+{
+    "urls": [
+      {
+        "name": "A Guide To Accessible Form Validation — Smashing Magazine",
+        "url": "https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/"
+      },
+      {
+        "name": "6 Quick tests you can do to test your forms for accessibility - Karl Groves",
+        "url": "https://karlgroves.com/6-quick-tests-you-can-do-to-test-your-forms-for-accessibility/"
+      },
+      {
+        "name": "Doing what’s required: Indicating mandatory fields in an accessible way - TPGi",
+        "url": "https://www.tpgi.com/doing-whats-required-indicating-mandatory-fields-in-an-accessible-way/"
+      },
+      {
+        "name": "Fieldsets, Legends and Screen Readers again - TPGi",
+        "url": "https://www.tpgi.com/fieldsets-legends-and-screen-readers-again/"
+      },
+      {
+        "name": "Don’t Disable Form Controls — Adrian Roselli",
+        "url": "https://adrianroselli.com/2024/02/dont-disable-form-controls.html"
+      },
+      {
+        "name": "Avoid Default Field Validation — Adrian Roselli",
+        "url": "https://adrianroselli.com/2019/02/avoid-default-field-validation.html"
+      },
+      {
+        "name": "My Priority of Methods for Labeling a Control — Adrian Roselli",
+        "url": "https://adrianroselli.com/2020/01/my-priority-of-methods-for-labeling-a-control.html"
+      },
+      {
+        "name": "The anatomy of accessible forms: Best practices | Deque",
+        "url": "https://www.deque.com/blog/anatomy-of-accessible-forms-best-practices/"
+      },
+      {
+        "name": "Various styled accessible form controls",
+        "url": "https://github.com/scottaohara/a11y_styled_form_controls"
+      }
+    ]
+  }
+

src/assets/resources/graphics.json

@@ -0,0 +1,13 @@
+{
+    "urls": [
+      {
+        "name": "Making data visualizations accessible - TPGi",
+        "url": "https://www.tpgi.com/making-data-visualizations-accessible/"
+      },
+      {
+        "name": "7.7. Prévoir un moyen d'accès à la description détaillée de chaque contenu riche - AcceDe Web",
+        "url": "https://www.accede-web.com/notices/fonctionnelle-graphique/contenus-riches-et-multimedias/prevoir-un-moyen-dacces-a-la-description-detaillee-de-chaque-contenu-riche/"
+      }
+    ]
+  }
+

src/assets/resources/how-to-test.json

@@ -0,0 +1,41 @@
+{
+    "urls": [
+      {
+        "name": "How to test SC 2.4.11",
+        "url": "https://www.tpgi.com/how-to-test-2-4-11-focus-not-obscured-minimum/"
+      },
+      {
+        "name": "How to test SC 2.5.8",
+        "url": "https://www.tpgi.com/how-to-test-2-5-8-target-size-minimum/"
+      },
+      {
+        "name": "How to test SC 3.3.8",
+        "url": "https://www.tpgi.com/how-to-test-3-3-8-accessible-authentication-minimum/"
+      },
+      {
+        "name": "How to test SC 2.5.7",
+        "url": "https://www.tpgi.com/how-to-test-2-5-7-dragging-movements/"
+      },
+      {
+        "name": "How to test SC 3.3.7",
+        "url": "https://www.tpgi.com/how-to-test-3-3-7-redundant-entry/"
+      },
+      {
+        "name": "How to test SC 3.2.6",
+        "url": "https://www.tpgi.com/how-to-test-3-2-6-consistent-help/"
+      },
+      {
+        "name": "How to test SC 1.3.5",
+        "url": "https://www.tpgi.com/how-do-you-test-success-criterion-1-3-5-on-mobile-applications/"
+      },
+      {
+        "name": "How to test SC 1.4.10",
+        "url": "https://yatil.net/blog/resize-text-reflow"
+      },
+      {
+        "name": "How to test SC 2.5.8",
+        "url": "https://adrianroselli.com/2023/12/2-5-8-adversarial-conformance.html"
+      }
+    ]
+  }
+

src/assets/resources/keyboard.json

@@ -0,0 +1,21 @@
+{
+    "urls": [
+      {
+        "name": "WebAIM: Keyboard Accessibility",
+        "url": "https://webaim.org/techniques/keyboard/"
+      },
+      {
+        "name": "Where to Put Focus When Deleting a Thing — Adrian Roselli",
+        "url": "https://adrianroselli.com/2023/08/where-to-put-focus-when-deleting-a-thing.html"
+      },
+      {
+        "name": "Keyboard accessibility myths and WCAG - TetraLogical",
+        "url": "https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/"
+      },
+      {
+        "name": "Display Title Attribute on Keyboard Focus",
+        "url": "https://pauljadam.com/demos/title-keyboard.html"
+      }
+    ]
+  }
+

src/assets/resources/links.json

@@ -0,0 +1,17 @@
+{
+    "urls": [
+      {
+        "name": "How to make external links accessible - Pope Tech Blog",
+        "url": "https://blog.pope.tech/2024/01/02/how-to-make-external-links-accessible/#when"
+      },
+      {
+        "name": "Links are not buttons. Neither are DIVs and SPANs - Karl Groves",
+        "url": "https://karlgroves.com/links-are-not-buttons-neither-are-divs-and-spans/"
+      },
+      {
+        "name": "Buttons vs. Links · Eric Eggert",
+        "url": "https://yatil.net/blog/buttons-vs-links"
+      }
+    ]
+  }
+

src/assets/resources/mobiles.json

@@ -0,0 +1,49 @@
+{
+    "urls": [
+      {
+        "name": "Mobile Accessibility Task Force",
+        "url": "https://www.w3.org/WAI/GL/mobile-a11y-tf/"
+      },
+      {
+        "name": "Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT)",
+        "url": "https://w3c.github.io/wcag2ict/"
+      },
+      {
+        "name": "WCAG 2.0 Techniques that Apply to Mobile",
+        "url": "https://www.w3.org/WAI/GL/mobile-a11y-tf/MobileTechniques/#seizure"
+      },
+      {
+        "name": "Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile",
+        "url": "https://www.w3.org/TR/mobile-accessibility-mapping/"
+      },
+      {
+        "name": "Mobile Accessibility at W3C | Web Accessibility Initiative (WAI) | W3C",
+        "url": "https://www.w3.org/WAI/standards-guidelines/mobile/"
+      },
+      {
+        "name": "How WCAG 2.2 Relates to Mobile and What's Missing - Google Sheets",
+        "url": "https://docs.google.com/spreadsheets/d/1-SM3PY-phoBN4v3PStawv0fYV3RudhuLLLwoGixDOtg/edit?gid=0#gid=0"
+      },
+      {
+        "name": "User Needs Exercise - Mobile - Google Sheets",
+        "url": "https://docs.google.com/spreadsheets/d/1bsze5rAu-6tkWBTGyrcm4tdsGvZAaEBBUCDsQZngl2k/edit?gid=39173941#gid=39173941"
+      },
+      {
+        "name": "Does WCAG 2.2 apply to native apps - TetraLogical",
+        "url": "https://tetralogical.com/blog/2024/07/18/WCAG2ICT/"
+      },
+      {
+        "name": "Duché du Luxembourg - référentiels de tests RAAM 1",
+        "url": "https://accessibilite.public.lu/fr/raam1/index.html"
+      },
+      {
+        "name": "Appt - Méthodologie d'Evaluation Mobile",
+        "url": "https://appt.org/en/guidelines/appt-em"
+      },
+      {
+        "name": "Evinced - Mobile Content Accessibility Guidelines (MCAG)",
+        "url": "https://getevinced.github.io/mcag/"
+      }
+    ]
+  }
+

src/assets/resources/norms-and-legal-obligations.json

@@ -0,0 +1,44 @@
+{
+  "urls": [
+    {
+      "name": "Standard international WCAG22",
+      "url": "https://www.w3.org/TR/WCAG22/"
+    },
+    {
+      "name": "EN 301 549 v3.2.1 (2021-03) (PDF)",
+      "url": "https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf"
+    },
+    {
+      "name": "Référentiel général d'amélioration de l'accessibilité - RGAA",
+      "url": "https://accessibilite.numerique.gouv.fr/"
+    },
+    {
+      "name": "LOI n° 2023-171 du 9 mars 2023 portant diverses dispositions d'adaptation au droit de l'Union européenne dans les domaines de l'économie, de la santé, du travail, des transports et de l'agriculture (1) - Légifrance",
+      "url": "https://www.legifrance.gouv.fr/jorf/id/JORFSCTA000047281785"
+    },
+    {
+      "name": "Décret n° 2019-768 du 24 juillet 2019 relatif à l'accessibilité aux personnes handicapées des services de communication au public en ligne - Légifrance",
+      "url": "https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000038811937"
+    },
+    {
+      "name": "Accessibilité et RGAA : quelles sont les obligations légales ? - Access42",
+      "url": "https://access42.net/accessibilite-RGAA-obligations-legales"
+    },
+    {
+      "name": "Synthèse des nouvelles règlementations d'accessibilité numérique en France | Temesis",
+      "url": "https://www.temesis.com/blog/synthese-des-nouvelles-reglementations-encadrant-laccessibilite-numerique-en-france/"
+    },
+    {
+      "name": "Schéma pluriannuel de mise en accessibilité - non-respect d’une obligation légale majeure (1) - Dossiers thématiques - CERTAM",
+      "url": "https://certam-avh.com/fr/dossiers-thematiques/schema-pluriannuel-de-mise-en-accessibilite-non-respect-d-une-obligation"
+    },
+    {
+      "name": "Understanding EU’s Digital Accessibility Rules | by Vadim Sharapov | May, 2023 | UX Planet",
+      "url": "https://uxplanet.org/understanding-eus-digital-accessibility-rules-ac60e2914b84"
+    },
+    {
+      "name": "Understanding How the European Accessibility Act Will Impact Your Business - TPGi",
+      "url": "https://www.tpgi.com/understanding-how-the-european-accessibility-act-will-impact-your-business/"
+    }
+  ]
+}

src/assets/resources/referentiels-audit.json

@@ -0,0 +1,33 @@
+{
+    "urls": [
+      {
+        "name": "Duché du Luxembourg - référentiels de tests RAWeb",
+        "url": "https://accessibilite.public.lu/fr/raweb1/index.html"
+      },
+      {
+        "name": "W3C Easy Checks – A First Review of Web Accessibility | Web Accessibility Initiative (WAI)",
+        "url": "https://www.w3.org/WAI/test-evaluate/preliminary/"
+      },
+      {
+        "name": "Web Accessibility Evaluation Tools List",
+        "url": "https://www.w3.org/WAI/ER/tools/?q=wcag-21-w3c-web-content-accessibility-guidelines-21"
+      },
+      {
+        "name": "DINUM - Audit rapide - DesignGouv",
+        "url": "https://design.numerique.gouv.fr/outils/audit-rapide/"
+      },
+      {
+        "name": "DINUM - Critères et tests - RGAA",
+        "url": "https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/"
+      },
+      {
+        "name": "Accessibility Auditing Shortlist - DLF Wiki",
+        "url": "https://wiki.diglib.org/Accessibility_Auditing_Shortlist"
+      },
+      {
+        "name": "Andrew Hick - Accessibility checklist",
+        "url": "https://github.com/andrewhick/accessibility/wiki/Accessibility-checklist"
+      }
+    ]
+  }
+

src/assets/resources/standard-html.json

@@ -0,0 +1,21 @@
+{
+    "urls": [
+      {
+        "name": "HTML Standard",
+        "url": "https://html.spec.whatwg.org/multipage/"
+      },
+      {
+        "name": "HTML5 accessibility",
+        "url": "http://www.html5accessibility.com/"
+      },
+      {
+        "name": "WebAIM: HTML Semantics and Accessibility Cheat Sheet",
+        "url": "https://webaim.org/resources/htmlcheatsheet/"
+      },
+      {
+        "name": "HTML Accessibility API Mappings 1.0",
+        "url": "https://www.w3.org/TR/html-aam-1.0/"
+      }
+    ]
+  }
+