Merge branch 'master' into update-article-svg

src/_data/glossary.js

@@ -3,18 +3,6 @@ module.exports = {
     "base": "<span lang='fr'>Une aide technique est un matériel ou logiciel utilisé par une personne en situation de handicap destiné à compenser, limiter ou neutraliser la déficience.</span>",
     "fr": ""
   },
-  "ASSISTIVE TECHNOLOGIES": {
-    "base": "<span lang='en'>Assistive technologies are any product or software that is used to increase, maintain, or improve the functional capabilities of people with disabilities. Ergonomic keyboards, screen readers, magnifier and switch devices are examples.</span>",
-    "fr": ""
-  },
-  "TEXTE DE GRANDE TAILLE": {
-    "base": "<span lang='fr'>Le texte de grande taille est défini comme du texte de 24px ou plus, ou du texte en gras de plus de 19px</span>",
-    "fr": ""
-  },
-  "LARGE TEXT": {
-    "base": "<span lang='en'>Large text is defined as text of 24px or larger, or larger than 19px for bold text</span>",
-    "fr": ""
-  },
   "API": {
     "base": "<span lang='en'>Application Programming Interface</span>",
     "fr": "interface de programmation"
@@ -23,6 +11,10 @@ module.exports = {
     "base": "<span lang='en'>Accessible Rich Internet Applications</span>",
     "fr": "applications internet riches accessibles"
   },
+  "ASSISTIVE TECHNOLOGIES": {
+    "base": "<span lang='en'>Assistive technologies are any product or software that is used to increase, maintain, or improve the functional capabilities of people with disabilities. Ergonomic keyboards, screen readers, magnifier and switch devices are examples.</span>",
+    "fr": ""
+  },
   "AT": {
     "base": "<span lang='en'>Assistive Technology</span>",
     "fr": "technologie d’assistance"
@@ -41,7 +33,8 @@ module.exports = {
   },
   "EASE": {
     "base": "<span lang='en'>e-Accessibility Solutions for Everyone</span>",
-    "fr": "service d’accessibilité numérique chez Orange"
+    "fr": "ancien nom du Centre d'Expertise en Accessibilité Numérique du groupe Orange",
+    "en": "former name of the Orange Digital Accessibility Expertise Center"
   },
   "EULA": {
     "base": "<span lang='en'>End-User Licence Agreement</span>",
@@ -90,13 +83,17 @@ module.exports = {
     "en": "French official journal of laws and regulations"
   },
   "JS": {
-    "base": "Javascript",
+    "base": "JavaScript",
   },
   "KOTLIN": {
     "base": "<span lang='en'>Kotlin langage</span>",
     "en": "Kotlin is the second langage used for programming on Android devices",
     "fr": "Kotlin est le second langage utilisé pour programmer sur les mobiles Android"
   },
+  "LARGE TEXT": {
+    "base": "<span lang='en'>Large text is defined as text of 24px or larger, or larger than 19px for bold text</span>",
+    "fr": ""
+  },
   "MIT": {
     "base": "<span lang='en'>Massachussetts Institute of Technology</span>",
     "fr": "institut de technologie du Massachussetts"
@@ -145,6 +142,10 @@ module.exports = {
     "base": "<span lang='en'>Test Driven Development</span>",
     "fr": "tests unitaires"
   },
+  "TEXTE DE GRANDE TAILLE": {
+    "base": "<span lang='fr'>Le texte de grande taille est défini comme du texte de 24px ou plus, ou du texte en gras de plus de 19px</span>",
+    "fr": ""
+  },
   "TICS": {
     "base": "<span lang='fr'>Technologies de l'Information et de la Communication</span>",
     "fr": ""

src/_includes/components/ui.njk

@@ -10,7 +10,7 @@
 {%- set current = "page" if strictlyActive else "true" -%}
 
 <a href="{{ link.href }}" class="nav-link{{ " " + class if class }}{% if active %} active" aria-current="{{ current }}"{% else %}"{% endif %}>
-  {{ link.label }} {% if link.label == "Web" %} <span class="visually-hidden">Menu</span> {% endif %}
+  {{ link.label }}
 </a>
 {%- endmacro -%}
 

src/assets/ios-wwdc.js

@@ -26,7 +26,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
     },
     'fr': {
       process: "Procédure",
-      check: "A vérifier",
+      check: "À vérifier",
       conception: 'Conception',
       development: 'Développement',
       results: "Résultats",

src/assets/json/checklist/tests-concepteur-en.json

@@ -484,19 +484,19 @@
   },
   {
     "themes": "Layout",
-    "title": "Define sensitive areas of sufficient size",
+    "title": "Define sufficient target size",
     "type": [],
     "tests": [
       "Examine wireframes and graphic mockups",
-      "Identify the interactive elements"
+      "Identify and measure the interactive elements size"
     ],
     "verifier": [
-      "The dimensions of the interactive elements (links, form elements, boutons) are sufficient (at least 44px by 44px)"
+      "All interactive elements with a minimum surface area of 24x24 CSS pixels are compliant","Interactive elements with a surface area smaller than 24x24 CSS pixels are compliant only if the size of the interactive element in question plus the spacing with nearby interactive elements is at least 24 CSS pixels","The optimum recommendation is to apply a minimum area of 44 CSS pixels (including margin) per interactive element","Criterion also compliant if interactive elements have a target size smaller than the minimum of 24x24 CSS pixels but are positioned so that a circle with a diameter of 24 CSS pixels centered on each does not overlap with other interactive elements","Criterion also compliant if the target size of the interactive element is less than 24x24 CSS pixels but there is a compliant alternative that allows the same action","Criterion also compliant if the interactive element is embedded in a sentence or its size is constrained by the line height of the surrounding non-interactive text"
     ],
     "resultat": [
       "A user with motor difficulties may have trouble interacting with a touch application or using a mouse, if the interactive elements are not large enough"
     ],
-    "exception": "<ul><li>Anchor / internal link to the page </ li><li>Link in the middle of a text block</li><li>Link to a footnote (at the end of a paragraph or sentence) </li><li>Clickable icon inside a text </li></ul> ",
+    "exception": "This recommendation does not apply in the following cases: <ul><li>If the rendering of interactive elements is the default rendering of the user agent</li><li>If the size and position of interactive elements are crucial for the content (e.g., markers on a map) or constrained by legal obligations. In this case, it is still recommended to provide alternatives when possible.</li></ul>",
     "raccourcis": "",
     "profils": ["Designer"]
   },
@@ -559,6 +559,27 @@
     "raccourcis": "",
     "profils": ["Designer"]
   },
+  {
+    "themes":"Forms",
+    "title":"Ensure that the authentication process is easy to use, secure and do not rely only on a cognitive function test",
+    "type": [],
+    "tests": [
+      "Case 1 - For each form field that requires a password or code to be entered: complete the authentication pathway.",
+      "Case 2 - For each two-factor authentication path, complete the authentication pathway.",
+      "Case 3 - For each authentication journey where one of the steps is a CAPTCHA, ensure that a non cognitive alternative is proposed."
+    ],
+    "verifier": [
+      "Case 1 - Check that the input field allows for the following options: <ul><li>the user to paste in the whole password or the verification code</li><li>the automatic filling of field</li></ul>in the original format in which the password or verification code was created (e.g., case-sensitive).",
+      "All cases - Check that the proposed authentication process does not rely on a cognitive test as described in criteria 3.3.8 and 3.3.9 (e.g., memorizing or entering an login/password which must be accurately reproduced)."
+    ],
+    "resultat": [
+      "Case 1 - Check that the input field allows for the following options: <ul><li>the user to paste in the whole password or the verification code</li><li>the automatic filling of field</li></ul>in the original format in which the password or verification code was created (e.g., case-sensitive).",
+      "All cases - Check that the proposed authentication process does not rely on a cognitive test as described in criteria 3.3.8 and 3.3.9 (e.g., memorizing or entering an login/password which must be accurately reproduced)."
+    ],
+    "exception": "",
+    "raccourcis": "",
+    "profils": ["Designer"]
+  },
   {
     "themes": "Touch and interactions",
     "title": "Provide an alternative to complex gestures",