├── .gitignore
├── favicon.ico
├── images
    ├── audit10.png
    ├── audit11.png
    ├── audit12.png
    ├── audit13.png
    ├── audit14.png
    ├── audit15.png
    ├── audit16.png
    ├── audit17.png
    ├── audit19.png
    ├── audit20.png
    ├── audit21.png
    ├── audit22.png
    ├── audit23.png
    ├── audit24.png
    ├── audit25.png
    ├── audit26.png
    ├── audit27.png
    ├── audit28.png
    ├── audit29.png
    ├── audit3.png
    ├── audit30.png
    ├── audit31.png
    ├── audit32.png
    ├── audit33.png
    ├── audit34.png
    ├── audit35.png
    ├── audit36.png
    ├── audit37.png
    ├── audit38.png
    ├── audit39.png
    ├── audit40.png
    ├── audit41.png
    ├── audit42.png
    ├── audit43.png
    ├── audit44.png
    ├── audit45.png
    ├── audit46.png
    ├── audit47.png
    ├── audit48.png
    ├── audit49.png
    ├── audit50.png
    ├── audit51.png
    ├── audit6.png
    ├── audit8.png
    ├── audit9.png
    ├── ic_Add.png
    ├── ic_Pencil.png
    ├── ic_Trash.png
    ├── ic_History.png
    ├── ic_File_Excel.png
    ├── ic_External_link.png
    └── ic_Form_Chevron_down.png
├── statement-assets
    ├── favicon.ico
    ├── orange-logo.svg
    ├── style.css
    └── pie.css
├── .editorconfig
├── .github
    └── workflows
    │   ├── preview.yml
    │   └── main.yml
├── LICENSE
├── js
    ├── controllers
    │   ├── userGuide.js
    │   ├── groupsManager.js
    │   ├── autoCheckManager.js
    │   ├── pageManager.js
    │   ├── filterManager.js
    │   └── computationManager.js
    └── FileSaver.min.js
├── README.md
├── style.css
├── json
    ├── config-checklist.json
    ├── criteres-checklist-ergo-accessibilite.json
    ├── wcag-en.json
    ├── wcag-fr.json
    └── lang
    │   ├── en.json
    │   └── fr.json
├── CHANGELOG.md
├── index.html
├── accessibility-statement.html
└── declaration-accessibilite.html


/.gitignore:
--------------------------------------------------------------------------------
1 | .idea


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/favicon.ico


--------------------------------------------------------------------------------
/images/audit10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit10.png


--------------------------------------------------------------------------------
/images/audit11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit11.png


--------------------------------------------------------------------------------
/images/audit12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit12.png


--------------------------------------------------------------------------------
/images/audit13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit13.png


--------------------------------------------------------------------------------
/images/audit14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit14.png


--------------------------------------------------------------------------------
/images/audit15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit15.png


--------------------------------------------------------------------------------
/images/audit16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit16.png


--------------------------------------------------------------------------------
/images/audit17.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit17.png


--------------------------------------------------------------------------------
/images/audit19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit19.png


--------------------------------------------------------------------------------
/images/audit20.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit20.png


--------------------------------------------------------------------------------
/images/audit21.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit21.png


--------------------------------------------------------------------------------
/images/audit22.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit22.png


--------------------------------------------------------------------------------
/images/audit23.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit23.png


--------------------------------------------------------------------------------
/images/audit24.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit24.png


--------------------------------------------------------------------------------
/images/audit25.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit25.png


--------------------------------------------------------------------------------
/images/audit26.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit26.png


--------------------------------------------------------------------------------
/images/audit27.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit27.png


--------------------------------------------------------------------------------
/images/audit28.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit28.png


--------------------------------------------------------------------------------
/images/audit29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit29.png


--------------------------------------------------------------------------------
/images/audit3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit3.png


--------------------------------------------------------------------------------
/images/audit30.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit30.png


--------------------------------------------------------------------------------
/images/audit31.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit31.png


--------------------------------------------------------------------------------
/images/audit32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit32.png


--------------------------------------------------------------------------------
/images/audit33.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit33.png


--------------------------------------------------------------------------------
/images/audit34.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit34.png


--------------------------------------------------------------------------------
/images/audit35.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit35.png


--------------------------------------------------------------------------------
/images/audit36.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit36.png


--------------------------------------------------------------------------------
/images/audit37.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit37.png


--------------------------------------------------------------------------------
/images/audit38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit38.png


--------------------------------------------------------------------------------
/images/audit39.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit39.png


--------------------------------------------------------------------------------
/images/audit40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit40.png


--------------------------------------------------------------------------------
/images/audit41.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit41.png


--------------------------------------------------------------------------------
/images/audit42.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit42.png


--------------------------------------------------------------------------------
/images/audit43.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit43.png


--------------------------------------------------------------------------------
/images/audit44.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit44.png


--------------------------------------------------------------------------------
/images/audit45.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit45.png


--------------------------------------------------------------------------------
/images/audit46.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit46.png


--------------------------------------------------------------------------------
/images/audit47.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit47.png


--------------------------------------------------------------------------------
/images/audit48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit48.png


--------------------------------------------------------------------------------
/images/audit49.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit49.png


--------------------------------------------------------------------------------
/images/audit50.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit50.png


--------------------------------------------------------------------------------
/images/audit51.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit51.png


--------------------------------------------------------------------------------
/images/audit6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit6.png


--------------------------------------------------------------------------------
/images/audit8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit8.png


--------------------------------------------------------------------------------
/images/audit9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/audit9.png


--------------------------------------------------------------------------------
/images/ic_Add.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_Add.png


--------------------------------------------------------------------------------
/images/ic_Pencil.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_Pencil.png


--------------------------------------------------------------------------------
/images/ic_Trash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_Trash.png


--------------------------------------------------------------------------------
/images/ic_History.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_History.png


--------------------------------------------------------------------------------
/images/ic_File_Excel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_File_Excel.png


--------------------------------------------------------------------------------
/images/ic_External_link.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_External_link.png


--------------------------------------------------------------------------------
/statement-assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/statement-assets/favicon.ico


--------------------------------------------------------------------------------
/images/ic_Form_Chevron_down.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Orange-OpenSource/La-Va11ydette/HEAD/images/ic_Form_Chevron_down.png


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # This file is for unifying the coding style for different editors and IDEs
 2 | # editorconfig.org
 3 | 
 4 | root = true
 5 | 
 6 | [*]
 7 | charset = utf-8
 8 | end_of_line = crlf
 9 | insert_final_newline = true
10 | trim_trailing_whitespace = true
11 | indent_style = space
12 | indent_size = 4
13 | 


--------------------------------------------------------------------------------
/.github/workflows/preview.yml:
--------------------------------------------------------------------------------
 1 | name: Deploy PR previews
 2 | concurrency: preview-${{ github.ref }}
 3 | on:
 4 |   pull_request:
 5 |     types:
 6 |       - opened
 7 |       - reopened
 8 |       - synchronize
 9 |       - closed
10 | jobs:
11 |   deploy-preview:
12 |     runs-on: ubuntu-latest
13 |     steps:
14 |       - uses: actions/checkout@v2
15 |       - uses: rossjrw/pr-preview-action@v1
16 |         with:
17 |           source-dir: .
18 |           preview-branch: gh-pages
19 |           umbrella-dir: pr-preview
20 |           action: auto
21 | 


--------------------------------------------------------------------------------
/.github/workflows/main.yml:
--------------------------------------------------------------------------------
 1 | name: Publish website
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - master
 7 | 
 8 | jobs:
 9 |   build_and_deploy:
10 |     name: Build & deploy website
11 |     runs-on: ubuntu-latest
12 |     if: github.repository == 'Orange-OpenSource/La-Va11ydette'
13 | 
14 |     steps:
15 |       - name: Checkout repository
16 |         uses: actions/checkout@v2
17 | 
18 |       - name: Deploy to GitHub Pages
19 |         uses: peaceiris/actions-gh-pages@v3.6.4
20 |         with:
21 |           github_token: ${{ secrets.GITHUB_TOKEN }}
22 |           publish_dir: .
23 |           publish_branch: gh-pages
24 |           keep_files: true
25 |           cname: la-va11ydette.orange.com
26 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright 2021 Orange
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/js/controllers/userGuide.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener('DOMContentLoaded', function () {
 2 |     initSummaryMenu();
 3 | }, false);
 4 | 
 5 | /**
 6 |  *  init the anchor menu
 7 |  */
 8 | function initSummaryMenu() {
 9 |     let menuHTML='<ul>';
10 |     
11 |     
12 |     let level=3;
13 |      document.querySelectorAll("h3, h4, h5").forEach((heading,index) =>{
14 |         let headingLevel = heading.tagName.slice(1)
15 |         if(headingLevel>level){
16 |             menuHTML+='<ul class="m-1">';
17 |         }
18 |         else if(index!=0){
19 |             menuHTML+='</li>';
20 |         }
21 | 
22 |         if(headingLevel<level){
23 |             let differenceLevel=level-headingLevel;
24 |             for (i=0;i<differenceLevel;i++){
25 |                 menuHTML+='</ul></li>';
26 |             }
27 |         }
28 |         menuHTML+='<li ><a href="#'+heading.id+'">'+heading.textContent+'</a>';
29 | 
30 |         level=headingLevel;
31 | 
32 | 
33 |      })
34 |      menuHTML+='</ul>';
35 |      document.getElementById('tableOfContents').innerHTML = menuHTML;
36 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # La va11ydette
 2 | 
 3 | Pour travailler en local dans votre navigateur, utilisez `npx serve` — qui nécessite Node et npm installés globalement (et rien d’autre, promis !).
 4 | 
 5 | Cette application web fournit, d’une part, des directives sous forme de liste de contrôle pour réaliser un audit et une déclaration de conformité concernant l’[accessibilité numérique](https://fr.wikipedia.org/wiki/Accessibilit%C3%A9_num%C3%A9rique) (Web, Android et Ios). En répondant aux questions guidées, l’utilisateur peut évaluer plus facilement le niveau d’accessibilité de son site Web ou de son application mobile.
 6 | 
 7 | D’autre part, un outil de réponses à une liste de contrôles (checklist) est fourni. Il est construit pour aisément rajouter / modifier une liste de questions génériques, pour l’adapter à ses besoins (performance web, qualité front, sécurité…).
 8 | 
 9 | ## Copyright and license
10 | 
11 | Documentation under the [https://creativecommons.org/licenses/by/3.0/](https://creativecommons.org/licenses/by/3.0/s).  
12 | Source code under the [MIT License](https://github.com/Orange-OpenSource/La-Va11ydette/blob/master/LICENSE).
13 | 
14 | The Orange logo and some images or screenshots are the property of Orange:
15 | Copyright (C) 2016 - 2021 Orange SA All rights reserved
16 | 


--------------------------------------------------------------------------------
/statement-assets/orange-logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.46 283.46"><defs><style>#a{fill:#ff7900}#b,#c{fill:#fff}@media (max-width:49.98px){#b{display:none}}@media (min-width:50px){#c{display:none}}</style></defs><path d="M0 0h283.46v283.46H0z" id="a"/><path d="M40.51 202.47h202.47v40.5H40.51z" id="c"/><path d="M111.2 256a23.23 23.23 0 0 1-13 3.92c-7.36 0-11.71-4.9-11.71-11.46 0-8.83 8.12-13.51 24.85-15.4v-2.19c0-2.87-2.18-4.53-6.2-4.53a11.76 11.76 0 0 0-9.61 4.53l-7-4q5.52-7.71 16.82-7.7c10.28 0 16 4.45 16 11.7v28.6h-9.2zm-14.55-8.3c0 2.65 1.67 5.13 4.68 5.13 3.27 0 6.44-1.36 9.62-4.16v-9.34c-9.7 1.23-14.3 3.72-14.3 8.39zM129.54 221.07l8.59-1.19.94 4.68c4.85-3.55 8.7-5.44 13.55-5.44 8.12 0 12.3 4.31 12.3 12.84v27.47h-10.37v-25.66c0-4.83-1.26-7-5-7-3.1 0-6.19 1.43-9.71 4.38v28.3h-10.3zM233.69 260.18c-11.63 0-18.57-7.47-18.57-20.45s7-20.61 18.4-20.61 18.15 7.25 18.15 20.08c0 .68-.08 1.36-.08 2h-26.27c.08 7.47 3.18 11.24 9.29 11.24 3.93 0 6.52-1.58 8.95-5l7.61 4.22c-3.35 5.58-9.37 8.52-17.48 8.52zm7.78-25.66c0-5.28-3-8.38-7.95-8.38-4.68 0-7.61 3-8 8.38zM34.89 260.61c-10.27 0-19.52-6.54-19.52-20.82S24.62 219 34.89 219s19.52 6.55 19.52 20.82-9.26 20.79-19.52 20.79zm0-32.86c-7.75 0-9.19 7-9.19 12s1.44 12.05 9.19 12.05 9.19-7 9.19-12.05-1.44-12-9.19-12zM61.53 220h9.87v4.64a15.29 15.29 0 0 1 10.87-5.45 8.6 8.6 0 0 1 1.34.07V229h-.5c-4.52 0-9.46.7-11 4.21v26.24H61.53zM190.34 251c7.88-.06 8.54-8.07 8.54-13.31 0-6.16-3-11.18-8.61-11.18-3.73 0-7.89 2.72-7.89 11.61 0 4.88.34 12.93 7.96 12.88zm18.52-31.12v37.35c0 6.6-.5 17.45-19.31 17.57-7.75 0-14.94-3.05-16.38-9.83l10.25-1.65c.43 1.94 1.61 3.88 7.42 3.88 5.39 0 8-2.58 8-8.75v-4.59l-.14-.14c-1.65 2.94-4.16 5.74-10.19 5.74-9.19 0-16.44-6.38-16.44-19.72 0-13.19 7.47-20.57 15.86-20.58 7.87 0 10.79 3.57 11.46 5.46h-.12l.85-4.72zM255.75 206.79h-4.08v11.3h-2.16v-11.3h-4.08v-1.74h10.32zm17 11.3h-2.15V207.2h-.07l-4.27 10.89h-1.36l-4.27-10.89h-.06v10.89h-2.15v-13h3.32l3.89 9.9 3.83-9.9h3.29z" id="b"/></svg>


--------------------------------------------------------------------------------
/statement-assets/style.css:
--------------------------------------------------------------------------------
  1 | body {
  2 | 	font-family: "Arial";
  3 | 	color: #000000;
  4 |     background: #eee;
  5 |     margin: 0;
  6 | }
  7 | 
  8 | .content {
  9 |     background-color: #fff;
 10 |     padding-bottom: 3em;
 11 | }
 12 | 
 13 | em {
 14 |     color: #e00;
 15 |     font-weight: bold;
 16 |     font-style: normal;
 17 | }
 18 | 
 19 | .underover {
 20 |   text-decoration: underline overline #FF3028;
 21 | }
 22 | 
 23 | .lead {
 24 |     font-weight: bold;
 25 | }
 26 | 
 27 | .row > [class*="col-"] {
 28 |     padding-right: 30px;
 29 |     padding-left: 30px;
 30 | }
 31 | 
 32 | h1 {    
 33 |     background-image: url(orange-logo.svg);
 34 |     background-size: 3.5rem 3.5rem;
 35 |     background-repeat: no-repeat;
 36 |     background-position: 1rem 1.5rem;    
 37 |     margin: 0;    
 38 |     padding: 2rem 2rem 2rem 8rem;
 39 | }
 40 | 
 41 | h2 {
 42 |     font-size: 1.2em;
 43 |     margin-top: 3rem;
 44 | }
 45 | 
 46 | .summary h4 {
 47 |     text-align: center;
 48 |     font-size: 1em;
 49 |     border-bottom: 0;
 50 | }
 51 | 
 52 | .summary h4 span {
 53 |     font-size: 3em;
 54 | }
 55 | 
 56 | .pie-noncompliant{
 57 | 	font-size: 1.75em !important;
 58 | }
 59 | 
 60 | h3 {
 61 |     margin-top: 1.5rem;
 62 |     font-size: 1em;
 63 | }
 64 | 
 65 | .table-responsive{
 66 | 	overflow-x: auto;
 67 |   -webkit-overflow-scrolling: touch;
 68 | }
 69 | 
 70 | table {
 71 |     width: 100%;
 72 |     margin-bottom: 1.25rem;
 73 |     border-collapse: collapse;
 74 |     text-align: center;
 75 | 	overflow-x:auto;
 76 | }
 77 | 
 78 | 
 79 | table tr {
 80 |     border-bottom: 1px solid #ccc;
 81 | }
 82 | 
 83 | table th {
 84 |     font-size: .875rem;
 85 |     font-weight: bold;
 86 |     padding: .5rem;
 87 | }
 88 | 
 89 | table td {
 90 |     padding: .5rem;
 91 |     font-size: .875rem;
 92 |     line-height: 1rem;
 93 | }
 94 | 
 95 | .sr-only {
 96 |             position: absolute;
 97 |             width: 1px;
 98 |             height: 1px;
 99 |             padding: 0;
100 |             margin: -1px;
101 |             overflow: hidden;
102 |             clip: rect(0, 0, 0, 0);
103 |             white-space: nowrap; /* added line */
104 |             border: 0;
105 | }
106 | 
107 | .visually-hidden {
108 |             position: absolute;
109 |             width: 1px;
110 |             height: 1px;
111 |             padding: 0;
112 |             margin: -1px;
113 |             overflow: hidden;
114 |             clip: rect(0, 0, 0, 0);
115 |             white-space: nowrap; /* added line */
116 |             border: 0;
117 | }


--------------------------------------------------------------------------------
/js/FileSaver.min.js:
--------------------------------------------------------------------------------
1 | (function(a,b){if("function"==typeof define&&define.amd)define([],b);else if("undefined"!=typeof exports)b();else{b(),a.FileSaver={exports:{}}.exports}})(this,function(){"use strict";function b(a,b){return"undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c)},d.onerror=function(){console.error("could not download file")},d.send()}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send()}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"))}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b)}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof global&&global.global===global?global:void 0,a=/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href)},4E4),setTimeout(function(){e(j)},0))}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else{var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i)})}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null},k.readAsDataURL(b)}else{var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m)},4E4)}});f.saveAs=g.saveAs=g,"undefined"!=typeof module&&(module.exports=g)});
2 | 
3 | //# sourceMappingURL=FileSaver.min.js.map


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /* Title */
  3 |     .card-title,
  4 |     .card-header {
  5 |       background: #f6f6f6;
  6 |       color: #000;
  7 |     }
  8 | 
  9 | 
 10 |     .navbar-brand h1 {
 11 |       letter-spacing: 0;
 12 |       line-height: 1;
 13 |       opacity: 1;
 14 |       transition: visibility 0s ease, max-height .15s ease, opacity .15s ease;
 15 |       max-height: 4em;
 16 |       visibility: visible;
 17 |       transition-delay: 0s;
 18 |     }
 19 | 
 20 |     .navbar-brand .h2 {
 21 |         line-height: 1.2;
 22 |         align-self: flex-end;
 23 |       }
 24 | 
 25 |     .menu-select-list {
 26 |         z-index: 1021;
 27 |     }
 28 | /* Bacground Color */
 29 | 
 30 | .bg-light2 {
 31 |     background-color: #F6F6F6;
 32 |   }
 33 | 
 34 | /* Focus hover */
 35 | 
 36 | #selectFiles:hover , #selectFiles:focus{
 37 |     border: .250rem solid #f16e00!important;
 38 |     border-right: none;
 39 | }
 40 | 
 41 | .bd-toc nav a:hover {
 42 |   color: #000;
 43 |   text-decoration: underline;
 44 | }
 45 | .bd-toc nav a {
 46 |   color: #595959;
 47 |   text-decoration: none;
 48 | }
 49 | .bd-toc nav li {
 50 |   margin-bottom: .25rem;
 51 | }
 52 | 
 53 | 
 54 | #pageManager .navbar-nav .nav-link.active, #pageManager .navbar-nav .show > .nav-link {
 55 |   color: #000;
 56 | }
 57 | 
 58 | #pageManager .navbar-nav .nav-link:hover {
 59 |   color: #000;
 60 |   text-decoration: underline;
 61 | }
 62 | 
 63 | #pageManager .navbar-nav .nav-link:focus{
 64 |   color: #000
 65 | }
 66 | 
 67 | /* Table */
 68 | 
 69 | .table > :not(:first-child) {
 70 |     border-top: none;
 71 |   }
 72 | 
 73 | /* Custom Div ID */
 74 | 
 75 | .bd-toc nav {
 76 |   font-size: .875rem;
 77 | }
 78 | .bd-toc nav ul {
 79 |   padding-left: 0;
 80 |   margin-bottom: 0;
 81 |   list-style: none;
 82 | }
 83 | .bd-toc nav ul ul {
 84 |   padding-left: 1rem;
 85 |   margin-top: .25rem;
 86 | }
 87 | 
 88 |     @media (min-width: 768px) {
 89 |         #tableOfContents{
 90 |         overflow-y: auto;
 91 |         height: calc(100vh - 20rem);
 92 |         }
 93 |     }
 94 | 
 95 |     #filter {
 96 |         max-height: calc(100vh - 9.6rem);
 97 |       }
 98 | 
 99 | /* Utilities */
100 | 
101 | [aria-expanded="true"] .icon-arrow-down {
102 |     transform: rotate(180deg);
103 |   }
104 | 
105 |   .border {
106 |     border-width: .0625rem !important;
107 |   }
108 | 
109 |   li::marker {
110 |     color: #060606;
111 |     vertical-align: middle;
112 |     font-weight: bold;
113 | }
114 | 
115 | li li::marker {
116 |   color: #666;
117 | }
118 | 
119 | 
120 | li li li::marker {
121 |   color: #666;
122 | }
123 | 
124 | li ol {
125 |   margin:2px 0;
126 | }
127 | 
128 | li ul {
129 |   margin:2px 0;
130 | }
131 | 
132 | 
133 | /* Print */
134 | 
135 | @media print {
136 |     body {
137 |       padding-top: 0 !important;
138 |     }
139 | 
140 |     .col-print-12 {
141 |       flex: 0 0 100%;
142 |       max-width: 100%;
143 |     }
144 | 
145 | }
146 | 


--------------------------------------------------------------------------------
/json/config-checklist.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 
 3 | 	"wcag-web": {
 4 | 		"filename": "criteres-wcag-ease",
 5 | 		"template": "wcag",
 6 | 		"version": "2.2.0",
 7 | 		"lastId": "testID-084",
 8 | 		"name-fr": "Audit de conformité WCAG 2.2 / WEB",
 9 | 		"name-en": "Conformity audit WCAG 2.2 / WEB",
10 | 		"description-fr": "Grille d'audit permettant d'évaluer le niveau de conformité d'une application web aux critères WCAG 2.2 A et AA.",
11 | 		"description-en": "Audit grid to assess the level of compliance of a web application with WCAG 2.2 A and AA criteria.",
12 | 		"about-fr": "https://a11y-guidelines.orange.com/fr/web/audit-wcag/",
13 | 		"about-en": "https://a11y-guidelines.orange.com/en/web/wcag-audit/"
14 | 	},
15 | 	"wcag-android": {
16 | 		"filename": "criteres-wcag-android",
17 | 		"template": "wcag",
18 | 		"version": "2.2.0",
19 | 		"lastId": "testID-074",
20 | 		"name-fr": "Audit de conformité WCAG 2.2 / ANDROID",
21 | 		"name-en": "Conformity audit WCAG 2.2 / ANDROID",
22 | 		"description-fr": "Grille d'audit permettant d'évaluer le niveau de conformité d'une application Android aux critères WCAG 2.2 A et AA",
23 | 		"description-en": "Audit grid to assess the level of compliance of a Android application with WCAG 2.2 A and AA criteria.",
24 | 		"about-fr": "https://a11y-guidelines.orange.com/fr/mobile/android/audit-wcag/",
25 | 		"about-en": "https://a11y-guidelines.orange.com/en/mobile/android/wcag-audit/"
26 | 	},
27 | 	"wcag-ios": {
28 | 		"filename": "criteres-wcag-ios",
29 | 		"template": "wcag",
30 | 		"version": "2.2.2",
31 | 		"lastId": "testID-074",
32 | 		"name-fr": "Audit de conformité WCAG 2.2 / iOS",
33 | 		"name-en": "Conformity audit WCAG 2.2 / iOS",
34 | 		"description-fr": "Grille d'audit permettant d'évaluer le niveau de conformité d'un application iOS aux critères WCAG 2.2 A et AA",
35 | 		"description-en": "Audit grid to assess the level of compliance of a iOS application with WCAG 2.2 A and AA criteria",
36 | 		"about-fr": "https://a11y-guidelines.orange.com/fr/mobile/ios/audit-wcag/",
37 | 		"about-en": "https://a11y-guidelines.orange.com/en/mobile/ios/wcag-audit/"
38 | 	}
39 | 	,
40 | 	"rgaa": {
41 | 		"filename": "criteres-rgaa",
42 | 		"template": "rgaa",
43 | 		"version": "1.0",
44 | 		"lastId": "",
45 | 		"name-fr": "Audit de conformité RGAA 4.1",
46 | 		"name-en": "",
47 | 		"description-fr": "Grille d'audit permettant d'évaluer le niveau de conformité d'un application Web aux critères RGAA 4.1",
48 | 		"description-en": "",
49 | 		"about-fr": "https://accessibilite.numerique.gouv.fr/",
50 | 		"about-en": ""
51 | 	},
52 |     "wcag-pdf": {
53 |         "filename": "criteres-wcag-pdf",
54 |         "template": "wcag",
55 |         "version": "2.2.2",
56 |         "name-fr": "Audit de conformité WCAG 2.2 / PDF",
57 |         "name-en": "",
58 |         "description-fr": "Grille d'audit permettant d'évaluer le niveau de conformité des documents PDF aux critères WCAG 2.2 A et AA",
59 |         "description-en": "",
60 |         "about-fr": "https://a11y-guidelines.orange.com/fr/contenu-et-communication/pdf/",
61 |         "about-en": ""
62 |     }
63 | }
64 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Change log Audit de conformité WCAG 2.2 / WEB
 2 | 
 3 | Tous les changements notables de la checklist Audit de conformité WCAG 2.2 / WEB disponible sur la Va11ydette sont documentés dans ce fichier.
 4 | 
 5 | Ce Change log commence à la version 1.7.0
 6 | 
 7 | <<<<<<< HEAD
 8 | ## [2.2.0] - 2023-10-06
 9 | =======
10 | ## [2.2.0] - yyyy-mm-dd
11 | >>>>>>> 6520fda224de2399800757bdcb19127c11257cab
12 | 
13 | ### Ajouté
14 | 
15 | - [Si une information est fournie par ou à l'utilisateur dans un même processus, sa saisie n'est t-elle pas redemandée ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-079)
16 | 
17 |     Nouveau critère relié au [WCAG 3.3.7 A](https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry)
18 | 
19 | - [L'utilisateur peut-il s'authentifier sans utiliser un test s'appuyant sur des fonctions cognitives ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-077)
20 | 
21 |     Nouveau critère relié au [WCAG 3.3.8 AA](https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication)
22 | 
23 | - [Le focus est-il complètement masqué ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-081)
24 | 
25 |     Nouveau critère relié au [WCAG 2.4.11 AA](https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum)
26 | 
27 | - [Si une aide est proposée et répétée sur plusieurs pages, celle-ci est-elle présentée de manière cohérente ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-078)
28 | 
29 |     Nouveau critère relié au [WCAG 3.2.6 A](https://www.w3.org/WAI/WCAG22/Understanding/consistent-help)
30 | 
31 | - [La taille des zones cliquables ou tactiles est-elle suffisante ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-076)
32 | 
33 |     Nouveau critère relié au [WCAG 2.5.8 AA](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html)
34 | 
35 | - [Les fonctionnalités utilisant l'action de glisser et déposer ont-elles une alternative ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-080)
36 | 
37 |     Nouveau critère relié au [WCAG 2.5.7 AA](https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements)
38 | 
39 | 
40 | 
41 | ### Modifié
42 | 
43 | - [Chaque champ de formulaire possède-t-il une étiquette?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-001)
44 | 
45 |     Ajout d'une information à la fin de la vérification "Attention, le placeholder n'est pas considéré comme assez robuste pour valider ce critère"
46 | 
47 | - [Les champs obligatoires sont-ils identifiables ?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-004)
48 | 
49 |     Précision que si des champs obligatoires ont juste un astérisque (*), il faut préciser au début du champ qu'il signifie qu'il est obligatoire
50 | 
51 | - [La prise de focus est-elle visible?](https://la-va11ydette.orange.com/?list=wcag-web&lang=fr#headingtestID-041)
52 | 
53 |     Passage du critère WCAG 2.4.7 de AA à A.
54 | 
55 | ### Supprimé
56 | 
57 | - [Le code source est-il valide?](https://www.w3.org/WAI/WCAG21/Understanding/parsing.html)
58 | 
59 |     Le critère est déprécié, il est donc supprimé avec la sorti des WCAG 2.2
60 | 


--------------------------------------------------------------------------------
/js/controllers/groupsManager.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Groups manager
  3 |  * Actually 'groups' are : captcha, form, multimedia, mobile
  4 |  * Each group own multiple tests.
  5 |  * If a group is disabled by the user, then all of his tests are passed to N/A.
  6 |  */
  7 |  
  8 |  
  9 |  /**
 10 |  * Initialization of group markup.
 11 |  */
 12 |   function initGroups() {
 13 | 	
 14 | 	if (Object.keys(dataVallydette.checklist.page[currentPage].groups).length !== 0) {
 15 | 		htmlgroups = '';
 16 | 		htmlgroups = '<h6>' + langVallydette.groupHeading + '</h6>';
 17 | 		htmlgroups += '<ul class="list-inline m-0">';
 18 | 		for (var themeItem in dataVallydette.checklist.page[currentPage].groups)  {
 19 | 			htmlgroups += '<li class="form-check form-check-inline mb-0"><input type="checkbox"  class="form-check-input"  id="' + themeItem + '" value="' + themeItem + '" name="' + themeItem + '" ' + (dataVallydette.checklist.page[currentPage].groups[themeItem].checked ? "checked" : "") + '/><label for="' + themeItem + '" class="form-check-label">' + themeItem + '</label></li>';
 20 | 		};
 21 | 		htmlgroups += '</ul>';
 22 | 		
 23 | 		htlmgroupsMarker = document.getElementById("themeManager");
 24 | 		htlmgroupsMarker.innerHTML = htmlgroups;
 25 |    	}
 26 | }
 27 | 
 28 |  /**
 29 | 	* Get the groups checkboxes value from a page edition form, to determine if a group has been updated or not.
 30 | 	* If true, then applyGroups is launched.
 31 |  */
 32 | function getGroups() {
 33 | 	
 34 | 	themeIsUpdated = false;
 35 | 	themeUpdatedArray=[];
 36 | 	
 37 | 	for (var themeItem in dataVallydette.checklist.page[currentPage].groups) {
 38 | 		
 39 | 		if (document.getElementById(themeItem).checked !== dataVallydette.checklist.page[currentPage].groups[themeItem].checked) {
 40 | 			themeIsUpdated = true;
 41 | 			dataVallydette.checklist.page[currentPage].groups[themeItem].checked = document.getElementById(themeItem).checked;
 42 | 			themeUpdatedArray.push(dataVallydette.checklist.page[currentPage].groups[themeItem]);
 43 | 		
 44 | 		}
 45 | 	}
 46 | 	if (themeIsUpdated) {
 47 | 		applyGroups(themeUpdatedArray);
 48 | 	}
 49 | 	
 50 | }
 51 | 
 52 |  /**
 53 | 	* Update the tests value from current groups selection
 54 | 	*	@param {Array} themeUpdatedArray - global var that contains the current page index.
 55 |  */
 56 | function applyGroups( themeUpdatedArray ) {
 57 | 	
 58 | 	var radioToUpdate;
 59 | 	var testValue;
 60 | 	var findTest;
 61 | 	themeUpdatedArray.forEach(theme=>{
 62 | 		theme.idTests.forEach(test => {
 63 | 			findTest = dataVallydette.checklist.page[currentPage].items.find(o => o.IDorigin === test);
 64 | 			const radioButtons = document.getElementsByName("test-"+findTest.ID);
 65 | 					
 66 | 					if (findTest.resultatTest === "nt" || findTest.resultatTest === "na") {
 67 | 					
 68 | 						if (theme.checked) {
 69 | 			
 70 | 							testValue = "nt";
 71 | 							
 72 | 							radioButtons.forEach(function(button) {
 73 | 								button.disabled=false;
 74 | 								button.classList.remove("disabled");
 75 | 							});
 76 | 						
 77 | 						} else {
 78 | 						
 79 | 							testValue = "na";
 80 | 		
 81 | 							radioButtons.forEach(function(button) {
 82 | 								button.disabled=true;
 83 | 								button.classList.add("disabled");
 84 | 							});
 85 | 													
 86 | 						}
 87 | 							
 88 | 						 /** testing if not null in case of an activated filter */
 89 | 						radioToUpdate = document.getElementById(testValue+"-"+findTest.ID);
 90 | 					
 91 | 					
 92 | 						if (radioToUpdate!==null) {
 93 | 							radioToUpdate.checked = true;
 94 | 							setStatusAndResults(radioToUpdate, findTest.ID, findTest.IDorigin);
 95 | 						} else {
 96 | 							findTest.resultatTest = testValue;
 97 | 						}
 98 | 					
 99 | 					}
100 | 
101 | 		});
102 | 		
103 | 	})
104 | 
105 | 	
106 | 		
107 | 	
108 | }
109 | 
110 | 
111 |  /**
112 | 	* If a theme is unchecked then we applied a disabled style to the entire tests on the frontend component
113 |  */
114 | function applyDisabledGroups() {
115 | 		
116 | 	for (var themeItem in dataVallydette.checklist.page[currentPage].groups) {
117 | 		
118 | 		if (!dataVallydette.checklist.page[currentPage].groups[themeItem].checked) {
119 | 	
120 | 			dataVallydette.checklist.page[currentPage].groups[themeItem].idTests.map(function(themeIdTest) {
121 | 			
122 | 				dataVallydette.checklist.page[currentPage].items.map(function(itemTest, index) {
123 | 					
124 | 					if (themeIdTest === itemTest.IDorigin) {
125 | 						
126 | 						const radioButtons = document.getElementsByName("test-"+itemTest.ID);
127 | 						
128 | 						if (!dataVallydette.checklist.page[currentPage].groups[themeItem].checked) {
129 | 
130 | 							radioButtons.forEach(function(button) {
131 | 								button.disabled=true;
132 | 								button.classList.add("disabled");
133 | 							});
134 | 													
135 | 						}
136 | 						
137 | 						return true;
138 | 				
139 | 					}
140 | 					
141 | 					return false;
142 | 					
143 | 				});
144 | 			
145 | 			});
146 | 									
147 | 		}
148 | 		
149 | 	}
150 | 	
151 | }


--------------------------------------------------------------------------------
/js/controllers/autoCheckManager.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Add or remove a test from the autocheckIDs array (depending if the checkbox is checked or not)
  3 |  * @param {object} e - autocheck input checkbox
  4 |  * @param {string} testIDorigin - test ID property from dataVa11ydette
  5 |  * @param {string} testID - current test ID property from dataVa11ydette
  6 |  */
  7 | function setAutoCheckID(e, testIDorigin, testID) {
  8 |     if (e.checked) {
  9 |         var myModal = new boosted.Modal(document.getElementById('modalAutoCheck'))
 10 |         myModal.show();
 11 |         allPageAutoCheckModal();
 12 |         let allPageButton = document.getElementById('YesBtn');
 13 |         let nextPageButton = document.getElementById('NoBtn');
 14 | 
 15 |         allPageButton.addEventListener('click', (event) => {
 16 |             for (let i = currentPage;i<dataVallydette.checklist.page.length;i++){
 17 |                 applyAutoCheck(i, testIDorigin)
 18 |             }
 19 |             myModal.hide();
 20 |         });
 21 | 
 22 |         nextPageButton.addEventListener('click', (event) => {
 23 | 
 24 |             applyAutoCheck(currentPage, testIDorigin)
 25 |             
 26 | 
 27 |             if (document.getElementById('link-' + testID) !== null) {
 28 |                 document.getElementById('link-' + testID).remove();
 29 |             }
 30 |             myModal.hide();
 31 |         });
 32 | 
 33 | 
 34 |     } else {
 35 |         if ((currentPage != dataVallydette.checklist.page.length - 1)) {
 36 |             if (dataVallydette.checklist.page[currentPage].autoCheckIDs.length > 0) {
 37 |                 let critereLink = true;
 38 |                 let pageNumber = currentPage;
 39 |                 while (critereLink) {
 40 |                     if (dataVallydette.checklist.page[pageNumber].autoCheckIDs.indexOf(testIDorigin) == -1) {
 41 |                         critereLink = false;
 42 |                     }
 43 | 
 44 |                     if (pageNumber == dataVallydette.checklist.page.length - 1) {
 45 |                         critereLink = false;
 46 |                     }
 47 | 
 48 |                     dataVallydette.checklist.page[pageNumber].autoCheckIDs = dataVallydette.checklist.page[pageNumber].autoCheckIDs.filter(item => item !== testIDorigin);
 49 |                     pageNumber++;
 50 |                 }
 51 |             }
 52 |         } else {
 53 |             dataVallydette.checklist.page[currentPage].autoCheckIDs = dataVallydette.checklist.page[currentPage].autoCheckIDs.filter(item => item !== testIDorigin);
 54 |         }
 55 |     }
 56 | 
 57 | }
 58 | 
 59 | function getIfAutoCheck(currentIDorigin, previewPage = 0) {
 60 | 
 61 |     let autoUpdateResult = false;
 62 |     if (previewPage < 0) {
 63 |         return autoUpdateResult;
 64 |     }
 65 |     if (dataVallydette.checklist.page[previewPage].autoCheckIDs) {
 66 |         const autoUpdate = dataVallydette.checklist.page[previewPage].autoCheckIDs.filter(a => a === currentIDorigin);
 67 |         if (autoUpdate.length > 0) {
 68 |             autoUpdateResult = true;
 69 |         }
 70 |     }
 71 |     return autoUpdateResult;
 72 | 
 73 | }
 74 | 
 75 | function applyAutoCheck(currentPage, testIDorigin){
 76 |     // Check if array exists
 77 |     if (!dataVallydette.checklist.page[currentPage].autoCheckIDs) {
 78 |         dataVallydette.checklist.page[currentPage].autoCheckIDs = [];
 79 |     }
 80 | 
 81 |     // Check if ID doesn't already exist before adding it
 82 |     if (!dataVallydette.checklist.page[currentPage].autoCheckIDs.includes(testIDorigin)) {
 83 |         dataVallydette.checklist.page[currentPage].autoCheckIDs.push(testIDorigin);
 84 |     }
 85 | 
 86 |     if ((currentPage != dataVallydette.checklist.page.length - 1)) {
 87 |         nextPage = dataVallydette.checklist.page[(currentPage + 1)].items.find(e => e.IDorigin == testIDorigin);
 88 |         currentPageTab = dataVallydette.checklist.page[currentPage].items.find(e => e.IDorigin == testIDorigin);
 89 |         nextPage.resultatTest = currentPageTab.resultatTest;
 90 | 
 91 |         // Merge existing and new issues while avoiding duplicates
 92 |         let mergedIssues = [...nextPage.issues]; // Keep existing issues
 93 |         currentPageTab.issues.forEach(issue => {
 94 |             if (!mergedIssues.some(existingIssue => existingIssue === issue)) {
 95 |                 mergedIssues.push(issue);
 96 |             }
 97 |         });
 98 |         nextPage.issues = mergedIssues;
 99 |     }
100 | }
101 | 
102 | function allPageAutoCheckModal() {
103 |     let htmlModal = '';
104 |     htmlModal += '<div class="modal-dialog modal-lg " role="document">';
105 |     htmlModal += '<div class="modal-content">';
106 |     htmlModal += '<div class="modal-header">';
107 |     htmlModal += '<h5 class="modal-title" id="modalAutoCheckTitle">' + langVallydette.autocheckModalTitle + '</h5>';
108 |     htmlModal += '</div>';
109 |     htmlModal += '<div class="modal-body">';
110 |     htmlModal += '<p>' + langVallydette.autocheckModalTxt + '</p>'
111 |     htmlModal += '<p>' + langVallydette.autocheckModalTxt2 + '</p>'
112 |     htmlModal += '</div>';
113 | 
114 |     htmlModal += '<div class="modal-footer">';
115 |     htmlModal += '<button type="button" id="YesBtn" class="btn btn-primary" >' + langVallydette.yes + '</button>';
116 |     htmlModal += '<button type="button" id="NoBtn" class="btn btn-secondary">' + langVallydette.no + '</button>';
117 |     htmlModal += '</div>';
118 |     htmlModal += '</div></div>';
119 | 
120 |     let elModal = document.getElementById('modalAutoCheck');
121 |     elModal.innerHTML = htmlModal;
122 | }


--------------------------------------------------------------------------------
/json/criteres-checklist-ergo-accessibilite.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"items": [
  3 | 	  {
  4 | 		"themes": "Guidage",
  5 | 		"title": "Titre de la page",
  6 | 		"ID": "testID-001",
  7 | 		"sous-thematique": "Incitation",
  8 | 		"type": ["page"],
  9 | 		"tests": [
 10 | 		  "Chaque page doit avoir un titre qui lui est spécifique et qui reflète son contenu ou sa fonction."
 11 | 		],
 12 | 		"verifier": [
 13 | 		  "Vérifier que le titre commence, en général, par le titre de la page courante puis et le nom du site. ",
 14 | 		  "Vérifier que l'onglet de la page est bien renseigné par un titre et non par son adresse html, par exemple (NB : balise HTLM <title> ), par exemple : Accueil - Espace client Orange."
 15 | 		],
 16 | 		"resultatTest": "",
 17 | 		"commentaire": ""
 18 | 	  },
 19 | 	  {
 20 | 		"themes": "Guidage",
 21 | 		"title": "Titre des rubriques",
 22 | 		"ID": "testID-002",
 23 | 		"sous-thematique": "Incitation",
 24 | 		"type": ["titre"],
 25 | 		"tests": [
 26 | 		  "Il est recommandé de structurer le contenu d'une page à l'aide de titres. Cela permet à certains types d'utilisateur de repérer rapidement les grandes rubriques de la page (via  un  lecteur d’écran par exemple) pour extraire la liste des titres et d'y naviguer rapidement. "
 27 | 		],
 28 | 		"verifier": [
 29 | 		  "Vérifier que les titres des rubriques dans la page sont bien des titres, c'est-à-dire qu'ils ont été insérés dans une balise HTML <h_> et hiérarchisés de h1 à h6 et enchainé logiquement (sans saut dans les niveaux). Vérifier également qu'ils sont pertinents en regard contenu. ",
 30 | 		],
 31 | 		"resultatTest": "",
 32 | 		"commentaire": ""
 33 | 	  },
 34 | 	  {
 35 | 		"themes": "Guidage",
 36 | 		"title": "Regroupement d'informations",
 37 | 		"ID": "testID-003",
 38 | 		"sous-thematique": "Groupement, distinction",
 39 | 		"type": ["page"],
 40 | 		"tests": [
 41 | 		  "Les items, données et informations de même nature et/ou liées sémantiquement (par exemple les liens de navigation) doivent être physiquement regroupées pour faciliter leur repérage et leur identification. "
 42 | 		],
 43 | 		"verifier": [
 44 | 		  "Vérifier que les informations de même nature sont regroupées dans les mêmes composants (la même page, la même zone dans la page, le même menu, …). Notamment, vérifier que le logo, le titre de l'application et les fonctions transverses (liens utilitaires type moteur de recherche, choix de la langue) sont placés en en-tête de page et que le plan du site, l'accès à l'aide ou la FAQ, les contacts et les mentions légales sont positionnés en pied-de-page.",
 45 | 		],
 46 | 		"resultatTest": "",
 47 | 		"commentaire": ""
 48 | 	  },
 49 | 	  {
 50 | 		"themes": "Guidage",
 51 | 		"title": "Visibilité du focus",
 52 | 		"ID": "testID-004",
 53 | 		"sous-thematique": "Incitation",
 54 | 		"type": ["éléments cliquables"],
 55 | 		"tests": [
 56 | 		  "La visibilité du focus est primordiale pour des utilisateurs navigant au clavier (ou sans souris), leur permet de visualiser à chaque instant sur quel élément actif ils se trouvent."
 57 | 		],
 58 | 		"verifier": [
 59 | 		  "Vérifier en navigant à l'aide de la touche TAB que le focus est visible sur tous les éléments le recevant (liens, boutons, éléments de formulaire).",
 60 | 		],
 61 | 		"resultatTest": "",
 62 | 		"commentaire": ""
 63 | 	  },
 64 | 	  {
 65 | 		"themes": "Guidage",
 66 | 		"title": "Apparence des liens",
 67 | 		"ID": "testID-005",
 68 | 		"sous-thematique": "Incitation",
 69 | 		"type": ["lien"],
 70 | 		"tests": [
 71 | 		  "Les liens hypertextes doivent être facilement repérables visuellement par l'utilisateur."
 72 | 		],
 73 | 		"verifier": [
 74 | 		  "Vérifier que tous les liens dans la page sont soulignés ou sont mis en évidence  via des indices visuels et que ce soit toujours fait de manière homogène :  flèche, chevron…",
 75 | 		],
 76 | 		"resultatTest": "",
 77 | 		"commentaire": ""
 78 | 	  },
 79 | 	  {
 80 | 		"themes": "Guidage",
 81 | 		"title": "Libellés des liens",
 82 | 		"ID": "testID-006",
 83 | 		"sous-thematique": "Incitation",
 84 | 		"type": ["lien"],
 85 | 		"tests": [
 86 | 		  "Les liens hypertextes doivent être compréhensibles hors contexte visuel pour permettre, notamment à un utilisateur privé de ce contexte visuel (mal ou non voyant) de connaître la fonction ou la destination du lien. "
 87 | 		],
 88 | 		"verifier": [
 89 | 		  "S'assurer que les liens du contenu donnent une bonne information sur la destination. Vérifier également que dans une page des liens ayant le même libellé ne pointent pas sur des destinations différentes.",
 90 | 		],
 91 | 		"resultatTest": "",
 92 | 		"commentaire": ""
 93 | 	  },
 94 | 	  {
 95 | 		"themes": "Guidage",
 96 | 		"title": "Navigation dans le menu",
 97 | 		"ID": "testID-007",
 98 | 		"sous-thematique": "Incitation",
 99 | 		"type": ["menu"],
100 | 		"tests": [
101 | 		  "L'utilisateur doit toujours savoir où il se trouve dans l'application"
102 | 		],
103 | 		"verifier": [
104 | 		  "Vérifier que l'item ou la rubrique en cours de consultation est mise en évidence (exemple : mettre en surbrillance l'item de menu en cours de consultation).",
105 | 		],
106 | 		"resultatTest": "",
107 | 		"commentaire": ""
108 | 	  },
109 | 	  {
110 | 		"themes": "Guidage",
111 | 		"title": "Retour à la page d'accueil",
112 | 		"ID": "testID-008",
113 | 		"sous-thematique": "Incitation",
114 | 		"type": ["navigation"],
115 | 		"tests": [
116 | 		  "L'utilisateur doit pouvoir retourner à la page d'accueil simplement."
117 | 		],
118 | 		"verifier": [
119 | 		  "Vérifier que toutes les pages intérieures de l'application disposent d'un lien retour à la page d’accueil (à défaut un clic sur le logo de l’application doit ramener l'utilisateur à la page d'accueil).",
120 | 		],
121 | 		"resultatTest": "",
122 | 		"commentaire": ""
123 | 	  },
124 | 	  {
125 | 		"themes": "Guidage",
126 | 		"title": "Délai d'attente",
127 | 		"ID": "testID-009",
128 | 		"sous-thematique": "Feedback",
129 | 		"type": ["action du système, page"],
130 | 		"tests": [
131 | 		  "L'utilisateur doit être informé de toute opération système prenant plus de 3 secondes afin d'être rassuré et d'éviter des actions erronées. "
132 | 		],
133 | 		"verifier": [
134 | 		  "Quand le système travaille (i.e. prend la main), vérifier que l'utilisateur est averti :  <ul><li>par une icône d’attente (chenillard) pour un délais compris entre 2 et 6 secondes,</li> <li>par une barre de progression au delà de 6 secondes,  complétée d'une indication chiffrée et/ou une description de la tâche en cours</li><li> par une barre de progression infinie si le temps est inconnu.</li></ul>",
135 | 		],
136 | 		"resultatTest": "",
137 | 		"commentaire": ""
138 | 	  },
139 | 	  {
140 | 		"themes": "Guidage",
141 | 		"title": "Contraste texte/fond",
142 | 		"ID": "testID-010",
143 | 		"sous-thematique": "Lisibilité",
144 | 		"type": ["texte"],
145 | 		"tests": [
146 | 		  "Un niveau de contraste doit être suffisant pour garantir une lisibilité confortable du texte."
147 | 		],
148 | 		"verifier": [
149 | 		  "Vérifier que le contraste entre la couleur du fond et celle du texte est de minimum 4.5:1. Ceci est également valable pour du texte sous forme d'image porteur d'information. NB: le niveau de contraste peut-être mesuré avec l'outil Colour contrast analyser ",
150 | 		],
151 | 		"resultatTest": "",
152 | 		"commentaire": ""
153 | 	  },
154 | 	  {
155 | 		"themes": "Guidage",
156 | 		"title": "Police de texte",
157 | 		"ID": "testID-011",
158 | 		"sous-thematique": "Lisibilité",
159 | 		"type": ["texte"],
160 | 		"tests": [
161 | 		  "Les textes doivent être en police Helvetica Neue (Brand Orange)."
162 | 		],
163 | 		"verifier": [
164 | 		  "Vérifier que les textes sont en police Helvetica Neue  et que du gras n'est pas utilisé dans le corps du texte.",
165 | 		],
166 | 		"resultatTest": "",
167 | 		"commentaire": ""
168 | 	  },
169 | 	  {
170 | 		"themes": "Guidage",
171 | 		"title": "Taille de texte",
172 | 		"ID": "testID-012",
173 | 		"sous-thematique": "Lisibilité",
174 | 		"type": ["texte"],
175 | 		"tests": [
176 | 		  "La taille des textes ne doit pas être inférieure à 12 pixels."
177 | 		],
178 | 		"verifier": [
179 | 		  "Vérifier qu'aucun texte a une taille inférieure à 12 px (rendu écran), soit 9 points.",
180 | 		],
181 | 		"resultatTest": "",
182 | 		"commentaire": ""
183 | 	  },
184 | 	  {
185 | 		"themes": "Guidage",
186 | 		"title": "Taille des titres",
187 | 		"ID": "testID-013",
188 | 		"sous-thematique": "Lisibilité",
189 | 		"type": ["titre"],
190 | 		"tests": [
191 | 		  "La taille des titres ne doit pas être supérieure à 20 pixels."
192 | 		],
193 | 		"verifier": [
194 | 		  "Vérifier qu'aucun titre a une taille  supérieure à 20 px (rendu écran), soit 14 points.",
195 | 		],
196 | 		"resultatTest": "",
197 | 		"commentaire": ""
198 | 	  }
199 | 	]
200 | }


--------------------------------------------------------------------------------
/js/controllers/pageManager.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Page manager
  3 | */
  4 | 
  5 | /**
  6 |  * Initialization of the pagination menu.
  7 |  @param {object} pages - pages from dataVallydette
  8 | */
  9 | 
 10 | initPagination = function (pages) {
 11 | 	var allPages = pages.page;
 12 | 
 13 | 	var pageElement = document.getElementById("pageManager");
 14 | 	pageElement.innerHTML = "<div class='container navbar-expand p-0'><ul class='nav navbar-nav'></ul></div>";
 15 | 
 16 | 	let AddPage = document.createElement("li");
 17 | 	AddPage.classList.add("nav-item");
 18 | 	var btnAddPage = document.createElement("button");
 19 | 	btnAddPage.innerHTML = langVallydette.addPage + "&nbsp;"+htmlIcon.addMore;
 20 | 	btnAddPage.setAttribute('id', "btnAddPage");
 21 | 	btnAddPage.classList.add("btn", "btn-link", "nav-link", "border-0");
 22 | 
 23 | 	AddPage.appendChild(btnAddPage);
 24 | 	pageElement.querySelector(".nav").appendChild(AddPage);
 25 | 
 26 | 	btnAddPage.addEventListener('click', function () {
 27 | 		addPage();
 28 | 	}, false);
 29 | 
 30 | 	initContextualMenu(0, "pageID-0");
 31 | 	
 32 | 	for (let i in allPages) {
 33 | 		let newPage = document.createElement("li");
 34 | 		newPage.classList.add("nav-item");
 35 | 
 36 | 		let newBtnPage = document.createElement("button");
 37 | 
 38 | 		newBtnPage.innerHTML = utils.escape_html(allPages[i].name);
 39 | 		newBtnPage.setAttribute('id', allPages[i].IDPage);
 40 | 		newBtnPage.classList.add("btn", "btn-link", "nav-link", "border-0");
 41 | 		if (i == 0) {
 42 | 			utils.setActive(newBtnPage);
 43 | 		}
 44 | 		newPage.appendChild(newBtnPage);
 45 | 		pageElement.querySelector(".nav").appendChild(newPage);
 46 | 
 47 | 		let thisNewBtn = document.getElementById(allPages[i].IDPage);
 48 | 		thisNewBtn.addEventListener('click', function () {
 49 | 			showPage(thisNewBtn.id)
 50 | 		}, false);
 51 | 
 52 | 		let btnDelPage = document.getElementById("btnDelPage");
 53 | 		allPages.length > 1 ? btnDelPage.disabled = false : btnDelPage.disabled = true;
 54 | 	}
 55 | }
 56 | 
 57 | /**  Adds a new page to the dataVallydette object and updates the page menu. */
 58 | addPage = function () {
 59 | 	
 60 | 
 61 | 	var pagenum = dataVallydette.checklist.page.length;
 62 | 	/**  Duplicate the page object and push it to the dataVallydette as a new page. */
 63 | 	var arr2 = JSON.parse(JSON.stringify(dataVallydette.checklist.page[pagenum-1]));
 64 | 	
 65 | 	dataVallydette.checklist.page.push(arr2);
 66 | 
 67 | 	indexPage = dataVallydette.checklist.page.length - 1;
 68 | 	
 69 | 	var newIdPage = new Uint32Array(1);
 70 | 	window.crypto.getRandomValues(newIdPage);
 71 | 	newIdPage = "pageID-" + newIdPage;
 72 | 
 73 | 	var btnFirstPage = document.getElementById(dataVallydette.checklist.page[0].IDPage);
 74 | 	btnFirstPage.disabled = false;
 75 | 
 76 | 	dataVallydette.checklist.page[indexPage].IDPage = newIdPage;
 77 | 	dataVallydette.checklist.page[indexPage].name = langVallydette.pageName;
 78 | 	dataVallydette.checklist.page[indexPage].url = "";
 79 | 	dataVallydette.checklist.page[indexPage].items.forEach(initNewPage);
 80 | 	
 81 | 	jsonStr = JSON.stringify(dataVallydette);
 82 | 
 83 | 	/**  Display the updated pagination */
 84 | 	let newPage = document.createElement("li");
 85 | 	newPage.classList.add("nav-item");
 86 | 	var pageElement = document.getElementById("pageManager");
 87 | 	var newBtnPage = document.createElement("button");
 88 | 
 89 | 	newBtnPage.innerHTML = langVallydette.pageName;
 90 | 	newBtnPage.setAttribute('id', newIdPage);
 91 | 	newBtnPage.classList.add("btn", "btn-link", "nav-link", "border-0");
 92 | 	newPage.appendChild(newBtnPage);
 93 | 	pageElement.querySelector(".nav").appendChild(newPage);
 94 | 
 95 | 	var thisNewBtn = document.getElementById(newIdPage);
 96 | 	var currentIdPage = thisNewBtn.getAttribute('id');
 97 | 	thisNewBtn.addEventListener('click', function () {
 98 | 		showPage(currentIdPage)
 99 | 	}, false);
100 | 
101 | 	/**  Enabled delete button */
102 | 	var currentBtnDelPage = document.getElementById('btnDelPage');
103 | 	if( null != currentBtnDelPage ){
104 | 		currentBtnDelPage.disabled = false;
105 | 	}
106 | 	
107 | 	
108 | 	showPage(currentIdPage);
109 | 	document.getElementById('btnPageName').click();
110 | 	document.getElementById("nameValue").select();
111 | 
112 | }
113 | 
114 | /**  Initialization of some properties */
115 | initNewPage = function (item) {
116 | 	item.ID = item.ID + '-p' + indexPage;
117 | 	
118 | 	/**  auto check */
119 | 	if (!getIfAutoCheck(item.IDorigin, indexPage-1)) {
120 | 		item.resultatTest = 'nt';
121 | 		if(item.issues) {
122 | 			item.issues.splice(0, item.issues.length);
123 | 		}
124 | 	}
125 | 	
126 | 	/**  Initialization of the groups */
127 | 	if(dataVallydette.checklist.page[indexPage].groups[item.group]){
128 | 		dataVallydette.checklist.page[indexPage].groups[item.group].idTests.push(item.IDorigin);
129 | 		dataVallydette.checklist.page[indexPage].groups[item.group].checked = true;
130 | 	} 
131 | 			
132 | }
133 | 
134 | /** 
135 | *	Shows a new page when using the pagination menu.
136 | *	@param {number} id - ID of the page into the dataVallydette.
137 | */
138 | showPage = function (id) {
139 | 	/** Gets the index from the ID. */
140 | 	var index = dataVallydette.checklist.page.findIndex(function (o) {
141 | 		return o.IDPage === id;
142 | 	})
143 | 	
144 | 	/** Update the global var currentPage with the index */
145 | 	currentPage = index;
146 | 
147 | 	/** Load the page content */
148 | 	loadChecklistObject();
149 | 
150 | 	/** Init the page contextual menu */
151 | 	if (!document.getElementById('btnPageName')) {
152 | 		
153 | 		initContextualMenu(currentPage, id);
154 | 		
155 | 	} else {
156 | 		
157 | 		var currentBtnPageName = document.getElementById('btnPageName'); 
158 | 		currentBtnPageName.dataset.property = "checklist.page." + currentPage + ".name";
159 | 		currentBtnPageName.dataset.secondaryElement = id;
160 | 
161 | 		var currentBtnDelPage = document.getElementById('btnDelPage');
162 | 		
163 | 		if (currentPage === 0) {
164 | 			currentBtnDelPage.disabled = true;
165 | 			currentBtnDelPage.dataset.property = "";
166 | 			currentBtnDelPage.dataset.pagination = "";
167 | 		} else {
168 | 			currentBtnDelPage.disabled = false;
169 | 			currentBtnDelPage.dataset.property = "checklist.page." + currentPage;
170 | 			currentBtnDelPage.dataset.pagination = id;
171 | 		}
172 | 
173 | 		var currentbtnOpenUrl = document.getElementById('btnOpenUrl');
174 | 		if( getPropertyValue("checklist.page." + currentPage + ".url") === '' ){
175 | 			currentbtnOpenUrl.classList.add('disabled');
176 | 			currentbtnOpenUrl.removeAttribute('href');
177 | 			currentbtnOpenUrl.setAttribute('aria-disabled', 'true');
178 | 		}
179 | 		else{
180 | 			currentbtnOpenUrl.classList.remove('disabled');
181 | 			currentbtnOpenUrl.href = utils.escape_html(getPropertyValue("checklist.page." + currentPage + ".url"));
182 | 			currentbtnOpenUrl.setAttribute('aria-disabled', 'false');
183 | 		}
184 | 		
185 | 	}
186 | 	
187 | 	utils.setPageTitle(dataVallydette.checklist.page[currentPage].name);
188 | 	
189 | 	utils.resetActive(document.getElementById("pageManager"));
190 | 
191 | 	utils.setActive(document.getElementById(dataVallydette.checklist.page[currentPage].IDPage));
192 | 	
193 | 	utils.putTheFocus(document.getElementById("pageName"));
194 | 	
195 | }
196 | 
197 | /** 
198 | *	Displays the delete popin confirmation
199 | *	@param {string} targetElement - html id element that contains the current page name.
200 | */
201 | setDeletePage = function (targetElement) {
202 | 
203 | 	let htmlModal = '';
204 | 	htmlModal += '<div class="modal-dialog modal-lg" role="document">';
205 | 	htmlModal += '<div class="modal-content">';
206 | 	htmlModal += '<div class="modal-header">';
207 | 	htmlModal += '<h5>' + langVallydette.delete + '</h5>';
208 | 	htmlModal += '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="' + langVallydette.close + '"></button>';
209 | 	htmlModal += '</div>';
210 | 	htmlModal += '<div class="modal-body">';
211 | 	htmlModal += '<p>' + langVallydette.deletePageName + ' <strong>' + getPropertyValue(targetElement) + '</strong> ?</p>';
212 | 	htmlModal += '</div>';
213 | 	htmlModal += '<div class="modal-footer">';
214 | 	htmlModal += '<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">' + langVallydette.cancel + '</button>';
215 | 	htmlModal += '<button type="button" id="deteleSaveBtn" data-bs-dismiss="modal" class="btn btn-primary">' + langVallydette.validate + '</button>';
216 | 	htmlModal += '</div></div></div>';
217 | 
218 | 	/**  html modal container */
219 | 	let elModal = document.getElementById('modalDelete');
220 | 	elModal.innerHTML = htmlModal;
221 | 
222 | 	/**  popin event handler */
223 | 	var deteleSaveBtn = document.getElementById("deteleSaveBtn");
224 | 	deteleSaveBtn.addEventListener('click', function () {
225 | 		deletePage(currentPage, targetElement)
226 | 	});
227 | }
228 | 
229 | /** 
230 | *	Deletes the current page, and item from the pagination menu
231 | *	@param {number} currentPage - global var that contains the current page index.
232 | *	@param {string} targetElement - html id element that contains the current page name.
233 | */
234 | deletePage = function (currentPage, targetElement) {
235 | 
236 | 	/** check linked next and previous page, if not delete link to previous page	 */
237 | 	let previouspage = dataVallydette.checklist.page[currentPage-1];
238 | 
239 | 	let differenceAutoCheck = previouspage.autoCheckIDs.filter(x => !dataVallydette.checklist.page[currentPage].autoCheckIDs.includes(x));
240 | 	differenceAutoCheck.forEach(autoCheck=>{
241 | 		let index = previouspage.autoCheckIDs.indexOf(autoCheck);
242 | 		if(index > -1 ){
243 | 			previouspage.autoCheckIDs.splice(index,1);
244 | 		}
245 | 
246 | 	});
247 | 
248 | 	/** Removes page from dataVallydette. */
249 | 	dataVallydette.checklist.page.splice(currentPage, 1);
250 | 
251 | 	/** If there is only one page left, then delete button is disabled. */
252 | 	var currentBtnDelPage = document.getElementById('btnDelPage');
253 | 	dataVallydette.checklist.page.length === 1 ? currentBtnDelPage.disabled = true : "";
254 | 
255 | 	/** Removes page button from pagination menu. */
256 | 	var paginationBtnId = currentBtnDelPage.dataset.pagination;
257 | 	var paginationBtn = document.getElementById(paginationBtnId);
258 | 	paginationBtn.remove();
259 | 
260 | 	/** Updates global var currentPage to load the previous page from pagination menu. */
261 | 	currentPage != 0 ? currentPage = currentPage - 1 : "";
262 | 
263 | 	/** Shows the previous page from pagination menu */
264 | 	newPageId = dataVallydette.checklist.page[currentPage].IDPage;
265 | 	showPage(newPageId);
266 | 
267 | 	/** Updates the json export */
268 | 	jsonUpdate();
269 | 
270 | }
271 | 
272 | /** 
273 | *	Sets the current page name (main heading).
274 | *	@param {string} value - page name.
275 | */
276 | function setPageName(value) {
277 | 	
278 | 	var currentPageName = document.getElementById('pageName');
279 | 	currentPageName.innerHTML = utils.escape_html(value);
280 | 	
281 | }


--------------------------------------------------------------------------------
/json/wcag-en.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"items": [
  3 | 		{
  4 | 			"wcag": "1.1.1",
  5 | 			"name": "Non-text Content",
  6 | 			"level": "A",
  7 | 			"tests": [],
  8 | 			"resultat": "na",
  9 | 			"comment": [],
 10 | 			"page": []
 11 | 		},
 12 | 		{
 13 | 			"wcag": "1.2.1",
 14 | 			"name": "Audio-only and Video-only (Prerecorded)",
 15 | 			"level": "A",
 16 | 			"tests": [],
 17 | 			"resultat": "na",
 18 | 			"comment": [],
 19 | 			"page": []
 20 | 		},
 21 | 		{
 22 | 			"wcag": "1.2.2",
 23 | 			"level": "A",
 24 | 			"name": "Captions (Prerecorded)",
 25 | 			"tests": [],
 26 | 			"resultat": "na",
 27 | 			"comment": [],
 28 | 			"page": []
 29 | 		},
 30 | 		{
 31 | 			"wcag": "1.2.3",
 32 | 			"level": "A",
 33 | 			"name": "Audio Description or Media Alternative (Prerecorded)",
 34 | 			"tests": [],
 35 | 			"resultat": "na",
 36 | 			"comment": [],
 37 | 			"page": []
 38 | 		},
 39 | 		{
 40 | 			"wcag": "1.2.4",
 41 | 			"level": "AA",
 42 | 			"name": "Captions (Live)",
 43 | 			"tests": [],
 44 | 			"resultat": "na",
 45 | 			"comment": [],
 46 | 			"page": []
 47 | 		},
 48 | 		{
 49 | 			"wcag": "1.2.5",
 50 | 			"level": "AA",
 51 | 			"name": "Audio Description (Prerecorded)",
 52 | 			"tests": [],
 53 | 			"resultat": "na",
 54 | 			"comment": [],
 55 | 			"page": []
 56 | 		},
 57 | 		{
 58 | 			"wcag": "1.3.1",
 59 | 			"level": "A",
 60 | 			"name": "Info and Relationships",
 61 | 			"tests": [],
 62 | 			"resultat": "na",
 63 | 			"comment": [],
 64 | 			"page": []
 65 | 		},
 66 | 		{
 67 | 			"wcag": "1.3.2",
 68 | 			"level": "A",
 69 | 			"name": "Meaningful Sequence",
 70 | 			"tests": [],
 71 | 			"resultat": "na",
 72 | 			"comment": [],
 73 | 			"page": []
 74 | 		},
 75 | 		{
 76 | 			"wcag": "1.3.3",
 77 | 			"level": "A",
 78 | 			"name": "Sensory Characteristics",
 79 | 			"tests": [],
 80 | 			"resultat": "na",
 81 | 			"comment": [],
 82 | 			"page": []
 83 | 		},
 84 | 		{
 85 | 			"wcag": "1.3.4",
 86 | 			"level": "AA",
 87 | 			"name": "Orientation",
 88 | 			"tests": [],
 89 | 			"resultat": "na",
 90 | 			"comment": [],
 91 | 			"page": []
 92 | 		},
 93 | 		{
 94 | 			"wcag": "1.3.5",
 95 | 			"level": "AA",
 96 | 			"name": "Identify Input Purpose",
 97 | 			"tests": [],
 98 | 			"resultat": "na",
 99 | 			"comment": [],
100 | 			"page": []
101 | 		},
102 | 		{
103 | 			"wcag": "1.4.1",
104 | 			"level": "A",
105 | 			"name": "Use of Color",
106 | 			"tests": [],
107 | 			"resultat": "na",
108 | 			"comment": [],
109 | 			"page": []
110 | 		},
111 | 		{
112 | 			"wcag": "1.4.2",
113 | 			"level": "A",
114 | 			"name": "Audio Control",
115 | 			"tests": [],
116 | 			"resultat": "na",
117 | 			"comment": [],
118 | 			"page": []
119 | 		},
120 | 		{
121 | 			"wcag": "1.4.3",
122 | 			"level": "AA",
123 | 			"name": "Contrast (Minimum)",
124 | 			"tests": [],
125 | 			"resultat": "na",
126 | 			"comment": [],
127 | 			"page": []
128 | 		},
129 | 		{
130 | 			"wcag": "1.4.4",
131 | 			"level": "AA",
132 | 			"name": "Resize text",
133 | 			"tests": [],
134 | 			"resultat": "na",
135 | 			"comment": [],
136 | 			"page": []
137 | 		},
138 | 		{
139 | 			"wcag": "1.4.5",
140 | 			"level": "AA",
141 | 			"name": "Images of Text",
142 | 			"tests": [],
143 | 			"resultat": "na",
144 | 			"comment": [],
145 | 			"page": []
146 | 		},
147 | 		{
148 | 			"wcag": "1.4.10",
149 | 			"level": "AA",
150 | 			"name": "Reflow",
151 | 			"tests": [],
152 | 			"resultat": "na",
153 | 			"comment": [],
154 | 			"page": []
155 | 		},
156 | 		{
157 | 			"wcag": "1.4.11",
158 | 			"level": "AA",
159 | 			"name": "Non-text Contrast",
160 | 			"tests": [],
161 | 			"resultat": "na",
162 | 			"comment": [],
163 | 			"page": []
164 | 		},
165 | 		{
166 | 			"wcag": "1.4.12",
167 | 			"level": "AA",
168 | 			"name": "Text Spacing",
169 | 			"tests": [],
170 | 			"resultat": "na",
171 | 			"comment": [],
172 | 			"page": []
173 | 		},
174 | 		{
175 | 			"wcag": "1.4.13",
176 | 			"level": "AA",
177 | 			"name": "Content on Hover or Focus",
178 | 			"tests": [],
179 | 			"resultat": "na",
180 | 			"comment": [],
181 | 			"page": []
182 | 		},
183 | 		{
184 | 			"wcag": "2.1.1",
185 | 			"level": "A",
186 | 			"name": "Keyboard",
187 | 			"tests": [],
188 | 			"resultat": "na",
189 | 			"comment": [],
190 | 			"page": []
191 | 		},
192 | 		{
193 | 			"wcag": "2.1.2",
194 | 			"level": "A",
195 | 			"name": "No Keyboard Trap",
196 | 			"tests": [],
197 | 			"resultat": "na",
198 | 			"comment": [],
199 | 			"page": []
200 | 		},
201 | 		{
202 | 			"wcag": "2.1.4",
203 | 			"level": "A",
204 | 			"name": "Character Key Shortcuts",
205 | 			"tests": [],
206 | 			"resultat": "na",
207 | 			"comment": [],
208 | 			"page": []
209 | 		},
210 | 		{
211 | 			"wcag": "2.2.1",
212 | 			"level": "A",
213 | 			"name": "Timing Adjustable",
214 | 			"tests": [],
215 | 			"resultat": "na",
216 | 			"comment": [],
217 | 			"page": []
218 | 		},
219 | 		{
220 | 			"wcag": "2.2.2",
221 | 			"level": "A",
222 | 			"name": "Pause, Stop, Hide",
223 | 			"tests": [],
224 | 			"resultat": "na",
225 | 			"comment": [],
226 | 			"page": []
227 | 		},
228 | 		{
229 | 			"wcag": "2.3.1",
230 | 			"level": "A",
231 | 			"name": "Three Flashes or Below Threshold",
232 | 			"tests": [],
233 | 			"resultat": "na",
234 | 			"comment": [],
235 | 			"page": []
236 | 		},
237 | 		{
238 | 			"wcag": "2.4.1",
239 | 			"level": "A",
240 | 			"name": "Bypass Blocks",
241 | 			"tests": [],
242 | 			"resultat": "na",
243 | 			"comment": [],
244 | 			"page": []
245 | 		},
246 | 		{
247 | 			"wcag": "2.4.2",
248 | 			"level": "A",
249 | 			"name": "Page Titled",
250 | 			"tests": [],
251 | 			"resultat": "na",
252 | 			"comment": [],
253 | 			"page": []
254 | 		},
255 | 		{
256 | 			"wcag": "2.4.3",
257 | 			"level": "A",
258 | 			"name": "Focus Order",
259 | 			"tests": [],
260 | 			"resultat": "na",
261 | 			"comment": [],
262 | 			"page": []
263 | 		},
264 | 		{
265 | 			"wcag": "2.4.4",
266 | 			"level": "A",
267 | 			"name": "Link Purpose (In Context)",
268 | 			"tests": [],
269 | 			"resultat": "na",
270 | 			"comment": [],
271 | 			"page": []
272 | 		},
273 | 		{
274 | 			"wcag": "2.4.5",
275 | 			"level": "AA",
276 | 			"name": "Multiple Ways",
277 | 			"tests": [],
278 | 			"resultat": "na",
279 | 			"comment": [],
280 | 			"page": []
281 | 		},
282 | 		{
283 | 			"wcag": "2.4.6",
284 | 			"level": "AA",
285 | 			"name": "Headings and Labels",
286 | 			"tests": [],
287 | 			"resultat": "na",
288 | 			"comment": [],
289 | 			"page": []
290 | 		},
291 | 		{
292 | 			"wcag": "2.4.7",
293 | 			"level": "AA",
294 | 			"name": "Focus Visible",
295 | 			"tests": [],
296 | 			"resultat": "na",
297 | 			"comment": [],
298 | 			"page": []
299 | 		},
300 | 		{
301 | 			"wcag": "2.4.8",
302 | 			"level": "AAA",
303 | 			"name": "Location",
304 | 			"tests": [],
305 | 			"resultat": "nt",
306 | 			"comment": [],
307 | 			"page": []
308 | 		},
309 | 		{
310 | 			"wcag": "2.4.9",
311 | 			"level": "AAA",
312 | 			"name": "Link Purpose (Link Only)",
313 | 			"tests": [],
314 | 			"resultat": "nt",
315 | 			"comment": [],
316 | 			"page": []
317 | 		},{
318 | 			"wcag": "2.4.10",
319 | 			"level": "AAA",
320 | 			"name": "Section Headings",
321 | 			"tests": [],
322 | 			"resultat": "nt",
323 | 			"comment": [],
324 | 			"page": []
325 | 		},
326 | 		{
327 | 			"wcag": "2.4.11",
328 | 			"level": "AA",
329 | 			"name": "Unmasked Focus",
330 | 			"tests": [],
331 | 			"resultat": "nt",
332 | 			"comment": [],
333 | 			"page": []
334 | 		},
335 | 		{
336 | 			"wcag": "2.5.1",
337 | 			"level": "A",
338 | 			"name": "Pointer Gestures",
339 | 			"tests": [],
340 | 			"resultat": "na",
341 | 			"comment": [],
342 | 			"page": []
343 | 		},
344 | 		{
345 | 			"wcag": "2.5.2",
346 | 			"level": "A",
347 | 			"name": "Pointer Cancellation",
348 | 			"tests": [],
349 | 			"resultat": "na",
350 | 			"comment": [],
351 | 			"page": []
352 | 		},
353 | 		{
354 | 			"wcag": "2.5.3",
355 | 			"level": "A",
356 | 			"name": "Label in Name",
357 | 			"tests": [],
358 | 			"resultat": "na",
359 | 			"comment": [],
360 | 			"page": []
361 | 		},
362 | 		{
363 | 			"wcag": "2.5.4",
364 | 			"level": "A",
365 | 			"name": "Motion Actuation",
366 | 			"tests": [],
367 | 			"resultat": "na",
368 | 			"comment": [],
369 | 			"page": []
370 | 		},
371 | 		{
372 | 			"wcag": "2.5.7",
373 | 			"level": "AA",
374 | 			"name": "Drag movement",
375 | 			"tests": [],
376 | 			"resultat": "na",
377 | 			"comment": [],
378 | 			"page": []
379 | 		},
380 | 		{
381 | 			"wcag": "2.5.8",
382 | 			"level": "AA",
383 | 			"name": "Minimal target size",
384 | 			"tests": [],
385 | 			"resultat": "na",
386 | 			"comment": [],
387 | 			"page": []
388 | 		},
389 | 		{
390 | 			"wcag": "3.1.1",
391 | 			"level": "A",
392 | 			"name": "Language of Page",
393 | 			"tests": [],
394 | 			"resultat": "na",
395 | 			"comment": [],
396 | 			"page": []
397 | 		},
398 | 		{
399 | 			"wcag": "3.1.2",
400 | 			"level": "AA",
401 | 			"name": "Language of Parts",
402 | 			"tests": [],
403 | 			"resultat": "na",
404 | 			"comment": [],
405 | 			"page": []
406 | 		},
407 | 		{
408 | 			"wcag": "3.2.1",
409 | 			"level": "A",
410 | 			"name": "On Focus",
411 | 			"tests": [],
412 | 			"resultat": "na",
413 | 			"comment": [],
414 | 			"page": []
415 | 		},
416 | 		{
417 | 			"wcag": "3.2.2",
418 | 			"level": "A",
419 | 			"name": "On Input",
420 | 			"tests": [],
421 | 			"resultat": "na",
422 | 			"comment": [],
423 | 			"page": []
424 | 		},
425 | 		{
426 | 			"wcag": "3.2.3",
427 | 			"level": "AA",
428 | 			"name": "Consistent Navigation",
429 | 			"tests": [],
430 | 			"resultat": "na",
431 | 			"comment": [],
432 | 			"page": []
433 | 		},
434 | 		{
435 | 			"wcag": "3.2.4",
436 | 			"level": "AA",
437 | 			"name": "Consistent Identification",
438 | 			"tests": [],
439 | 			"resultat": "na",
440 | 			"comment": [],
441 | 			"page": []
442 | 		},
443 | 		{
444 | 			"wcag": "3.2.6",
445 | 			"level": "A",
446 | 			"name": "Consistent Help",
447 | 			"tests": [],
448 | 			"resultat": "na",
449 | 			"comment": [],
450 | 			"page": []
451 | 		},
452 | 		{
453 | 			"wcag": "3.3.1",
454 | 			"level": "A",
455 | 			"name": "Error Identification",
456 | 			"tests": [],
457 | 			"resultat": "na",
458 | 			"comment": [],
459 | 			"page": []
460 | 		},
461 | 		{
462 | 			"wcag": "3.3.2",
463 | 			"level": "A",
464 | 			"name": "Labels or Instructions",
465 | 			"tests": [],
466 | 			"resultat": "na",
467 | 			"comment": [],
468 | 			"page": []
469 | 		},
470 | 		{
471 | 			"wcag": "3.3.3",
472 | 			"level": "AA",
473 | 			"name": "Error Suggestion",
474 | 			"tests": [],
475 | 			"resultat": "na",
476 | 			"comment": [],
477 | 			"page": []
478 | 		},
479 | 		{
480 | 			"wcag": "3.3.4",
481 | 			"level": "AA",
482 | 			"name": "Error Prevention (Legal, Financial, Data)",
483 | 			"tests": [],
484 | 			"resultat": "na",
485 | 			"comment": [],
486 | 			"page": []
487 | 		},
488 | 		{
489 | 			"wcag": "3.3.7",
490 | 			"level": "A",
491 | 			"name": "Redundant input",
492 | 			"tests": [],
493 | 			"resultat": "na",
494 | 			"comment": [],
495 | 			"page": []
496 | 		},
497 | 		{
498 | 			"wcag": "3.3.8",
499 | 			"level": "AA",
500 | 			"name": "Accessible authentication",
501 | 			"tests": [],
502 | 			"resultat": "na",
503 | 			"comment": [],
504 | 			"page": []
505 | 		},
506 | 		{
507 | 			"wcag": "4.1.1",
508 | 			"level": "A",
509 | 			"name": "Parsing",
510 | 			"tests": [],
511 | 			"resultat": "na",
512 | 			"deprecated": true,
513 | 			"comment": [],
514 | 			"page": []
515 | 		},
516 | 		{
517 | 			"wcag": "4.1.2",
518 | 			"level": "A",
519 | 			"name": "Name, Role, Value",
520 | 			"tests": [],
521 | 			"resultat": "na",
522 | 			"comment": [],
523 | 			"page": []
524 | 		},
525 | 		{
526 | 			"wcag": "4.1.3",
527 | 			"level": "AA",
528 | 			"name": "Status Messages",
529 | 			"tests": [],
530 | 			"resultat": "na",
531 | 			"comment": [],
532 | 			"page": []
533 | 		}
534 | 	]
535 | }
536 | 


--------------------------------------------------------------------------------
/json/wcag-fr.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"items": [
  3 | 		{
  4 | 			"wcag": "1.1.1",
  5 | 			"name": "Contenu non textuel",
  6 | 			"level": "A",
  7 | 			"tests": [],
  8 | 			"resultat": "na",
  9 | 			"comment": [],
 10 | 			"page": []
 11 | 		},
 12 | 		{
 13 | 			"wcag": "1.2.1",
 14 | 			"name": "Contenu seulement audio ou vidéo (pré-enregistré)",
 15 | 			"level": "A",
 16 | 			"tests": [],
 17 | 			"resultat": "na",
 18 | 			"comment": [],
 19 | 			"page": []
 20 | 		},
 21 | 		{
 22 | 			"wcag": "1.2.2",
 23 | 			"level": "A",
 24 | 			"name": "Sous-titres (pré-enregistrés)",
 25 | 			"tests": [],
 26 | 			"resultat": "na",
 27 | 			"comment": [],
 28 | 			"page": []
 29 | 		},
 30 | 		{
 31 | 			"wcag": "1.2.3",
 32 | 			"level": "A",
 33 | 			"name": "Audio-description ou version de remplacement pour un média temporel (pré-enregistré)",
 34 | 			"tests": [],
 35 | 			"resultat": "na",
 36 | 			"comment": [],
 37 | 			"page": []
 38 | 		},
 39 | 		{
 40 | 			"wcag": "1.2.4",
 41 | 			"level": "AA",
 42 | 			"name": "Sous-titres (en direct)",
 43 | 			"tests": [],
 44 | 			"resultat": "na",
 45 | 			"comment": [],
 46 | 			"page": []
 47 | 		},
 48 | 		{
 49 | 			"wcag": "1.2.5",
 50 | 			"level": "AA",
 51 | 			"name": "Audio-description (pré-enregistrée)",
 52 | 			"tests": [],
 53 | 			"resultat": "na",
 54 | 			"comment": [],
 55 | 			"page": []
 56 | 		},
 57 | 		{
 58 | 			"wcag": "1.3.1",
 59 | 			"level": "A",
 60 | 			"name": "Information et relations",
 61 | 			"tests": [],
 62 | 			"resultat": "na",
 63 | 			"comment": [],
 64 | 			"page": []
 65 | 		},
 66 | 		{
 67 | 			"wcag": "1.3.2",
 68 | 			"level": "A",
 69 | 			"name": "Ordre séquentiel logique",
 70 | 			"tests": [],
 71 | 			"resultat": "na",
 72 | 			"comment": [],
 73 | 			"page": []
 74 | 		},
 75 | 		{
 76 | 			"wcag": "1.3.3",
 77 | 			"level": "A",
 78 | 			"name": "Caractéristiques sensorielles",
 79 | 			"tests": [],
 80 | 			"resultat": "na",
 81 | 			"comment": [],
 82 | 			"page": []
 83 | 		},
 84 | 		{
 85 | 			"wcag": "1.3.4",
 86 | 			"level": "AA",
 87 | 			"name": "Orientation",
 88 | 			"tests": [],
 89 | 			"resultat": "na",
 90 | 			"comment": [],
 91 | 			"page": []
 92 | 		},
 93 | 		{
 94 | 			"wcag": "1.3.5",
 95 | 			"level": "AA",
 96 | 			"name": "Identifier la fonction du champ",
 97 | 			"tests": [],
 98 | 			"resultat": "na",
 99 | 			"comment": [],
100 | 			"page": []
101 | 		},
102 | 		{
103 | 			"wcag": "1.4.1",
104 | 			"level": "A",
105 | 			"name": "Utilisation de la couleur",
106 | 			"tests": [],
107 | 			"resultat": "na",
108 | 			"comment": [],
109 | 			"page": []
110 | 		},
111 | 		{
112 | 			"wcag": "1.4.2",
113 | 			"level": "A",
114 | 			"name": "Contrôle du son",
115 | 			"tests": [],
116 | 			"resultat": "na",
117 | 			"comment": [],
118 | 			"page": []
119 | 		},
120 | 		{
121 | 			"wcag": "1.4.3",
122 | 			"level": "AA",
123 | 			"name": "Contraste (minimum)",
124 | 			"tests": [],
125 | 			"resultat": "na",
126 | 			"comment": [],
127 | 			"page": []
128 | 		},
129 | 		{
130 | 			"wcag": "1.4.4",
131 | 			"level": "AA",
132 | 			"name": "Redimensionnement du texte",
133 | 			"tests": [],
134 | 			"resultat": "na",
135 | 			"comment": [],
136 | 			"page": []
137 | 		},
138 | 		{
139 | 			"wcag": "1.4.5",
140 | 			"level": "AA",
141 | 			"name": "Texte sous forme d'image",
142 | 			"tests": [],
143 | 			"resultat": "na",
144 | 			"comment": [],
145 | 			"page": []
146 | 		},
147 | 		{
148 | 			"wcag": "1.4.10",
149 | 			"level": "AA",
150 | 			"name": "Reflow",
151 | 			"tests": [],
152 | 			"resultat": "na",
153 | 			"comment": [],
154 | 			"page": []
155 | 		},
156 | 		{
157 | 			"wcag": "1.4.11",
158 | 			"level": "AA",
159 | 			"name": "Contraste des éléments non-textuels",
160 | 			"tests": [],
161 | 			"resultat": "na",
162 | 			"comment": [],
163 | 			"page": []
164 | 		},
165 | 		{
166 | 			"wcag": "1.4.12",
167 | 			"level": "AA",
168 | 			"name": "Espacement du texte",
169 | 			"tests": [],
170 | 			"resultat": "na",
171 | 			"comment": [],
172 | 			"page": []
173 | 		},
174 | 		{
175 | 			"wcag": "1.4.13",
176 | 			"level": "AA",
177 | 			"name": "Contenus s’affichant au survol du pointeur ou lors d’une tabulation",
178 | 			"tests": [],
179 | 			"resultat": "na",
180 | 			"comment": [],
181 | 			"page": []
182 | 		},
183 | 		{
184 | 			"wcag": "2.1.1",
185 | 			"level": "A",
186 | 			"name": "Clavier",
187 | 			"tests": [],
188 | 			"resultat": "na",
189 | 			"comment": [],
190 | 			"page": []
191 | 		},
192 | 		{
193 | 			"wcag": "2.1.2",
194 | 			"level": "A",
195 | 			"name": "Pas de piège au clavier",
196 | 			"tests": [],
197 | 			"resultat": "na",
198 | 			"comment": [],
199 | 			"page": []
200 | 		},
201 | 		{
202 | 			"wcag": "2.1.4",
203 | 			"level": "A",
204 | 			"name": "Raccourcis clavier",
205 | 			"tests": [],
206 | 			"resultat": "na",
207 | 			"comment": [],
208 | 			"page": []
209 | 		},
210 | 		{
211 | 			"wcag": "2.2.1",
212 | 			"level": "A",
213 | 			"name": "Réglage du délai",
214 | 			"tests": [],
215 | 			"resultat": "na",
216 | 			"comment": [],
217 | 			"page": []
218 | 		},
219 | 		{
220 | 			"wcag": "2.2.2",
221 | 			"level": "A",
222 | 			"name": "Mettre en pause, arrêter, masquer",
223 | 			"tests": [],
224 | 			"resultat": "na",
225 | 			"comment": [],
226 | 			"page": []
227 | 		},
228 | 		{
229 | 			"wcag": "2.3.1",
230 | 			"level": "A",
231 | 			"name": "Pas plus de trois flashs ou sous le seuil critique",
232 | 			"tests": [],
233 | 			"resultat": "na",
234 | 			"comment": [],
235 | 			"page": []
236 | 		},
237 | 		{
238 | 			"wcag": "2.4.1",
239 | 			"level": "A",
240 | 			"name": "Contourner des blocs",
241 | 			"tests": [],
242 | 			"resultat": "na",
243 | 			"comment": [],
244 | 			"page": []
245 | 		},
246 | 		{
247 | 			"wcag": "2.4.2",
248 | 			"level": "A",
249 | 			"name": "Titre de page",
250 | 			"tests": [],
251 | 			"resultat": "na",
252 | 			"comment": [],
253 | 			"page": []
254 | 		},
255 | 		{
256 | 			"wcag": "2.4.3",
257 | 			"level": "A",
258 | 			"name": "Parcours du focus",
259 | 			"tests": [],
260 | 			"resultat": "na",
261 | 			"comment": [],
262 | 			"page": []
263 | 		},
264 | 		{
265 | 			"wcag": "2.4.4",
266 | 			"level": "A",
267 | 			"name": "Fonction du lien (selon le contexte)",
268 | 			"tests": [],
269 | 			"resultat": "na",
270 | 			"comment": [],
271 | 			"page": []
272 | 		},
273 | 		{
274 | 			"wcag": "2.4.5",
275 | 			"level": "AA",
276 | 			"name": "Accès multiples",
277 | 			"tests": [],
278 | 			"resultat": "na",
279 | 			"comment": [],
280 | 			"page": []
281 | 		},
282 | 		{
283 | 			"wcag": "2.4.6",
284 | 			"level": "AA",
285 | 			"name": "En-têtes et étiquettes",
286 | 			"tests": [],
287 | 			"resultat": "na",
288 | 			"comment": [],
289 | 			"page": []
290 | 		},
291 | 		{
292 | 			"wcag": "2.4.7",
293 | 			"level": "AA",
294 | 			"name": "Visibilité du focus",
295 | 			"tests": [],
296 | 			"resultat": "na",
297 | 			"comment": [],
298 | 			"page": []
299 | 		},
300 | 		{
301 | 			"wcag": "2.4.8",
302 | 			"level": "AAA",
303 | 			"name": "Localisation",
304 | 			"tests": [],
305 | 			"resultat": "nt",
306 | 			"comment": [],
307 | 			"page": []
308 | 		},
309 | 		{
310 | 			"wcag": "2.4.9",
311 | 			"level": "AAA",
312 | 			"name": "Fonction du lien (lien uniquement)",
313 | 			"tests": [],
314 | 			"resultat": "nt",
315 | 			"comment": [],
316 | 			"page": []
317 | 		},
318 | 		{
319 | 			"wcag": "2.4.10",
320 | 			"level": "AAA",
321 | 			"name": "Titres de section",
322 | 			"tests": [],
323 | 			"resultat": "nt",
324 | 			"comment": [],
325 | 			"page": []
326 | 		},
327 | 		{
328 | 			"wcag": "2.4.11",
329 | 			"level": "AA",
330 | 			"name": "Focus non masqué",
331 | 			"tests": [],
332 | 			"resultat": "nt",
333 | 			"comment": [],
334 | 			"page": []
335 | 		},
336 | 		{
337 | 			"wcag": "2.5.1",
338 | 			"level": "A",
339 | 			"name": "Gestes multipoints ou trajectoires",
340 | 			"tests": [],
341 | 			"resultat": "na",
342 | 			"comment": [],
343 | 			"page": []
344 | 		},
345 | 		{
346 | 			"wcag": "2.5.2",
347 | 			"level": "A",
348 | 			"name": "Déclenchement d'une action",
349 | 			"tests": [],
350 | 			"resultat": "na",
351 | 			"comment": [],
352 | 			"page": []
353 | 		},
354 | 		{
355 | 			"wcag": "2.5.3",
356 | 			"level": "A",
357 | 			"name": "Label dans le nom",
358 | 			"tests": [],
359 | 			"resultat": "na",
360 | 			"comment": [],
361 | 			"page": []
362 | 		},
363 | 		{
364 | 			"wcag": "2.5.4",
365 | 			"level": "A",
366 | 			"name": "Mouvement de l'appareil ou de l'utilisateur",
367 | 			"tests": [],
368 | 			"resultat": "na",
369 | 			"comment": [],
370 | 			"page": []
371 | 		},
372 | 		{
373 | 			"wcag": "2.5.7",
374 | 			"level": "AA",
375 | 			"name": "Mouvement du glisser",
376 | 			"tests": [],
377 | 			"resultat": "na",
378 | 			"comment": [],
379 | 			"page": []
380 | 		},
381 | 		{
382 | 			"wcag": "2.5.8",
383 | 			"level": "AA",
384 | 			"name": "Taille minimum des zones sensibles",
385 | 			"tests": [],
386 | 			"resultat": "na",
387 | 			"comment": [],
388 | 			"page": []
389 | 		},
390 | 		{
391 | 			"wcag": "3.1.1",
392 | 			"level": "A",
393 | 			"name": "Langue de la page",
394 | 			"tests": [],
395 | 			"resultat": "na",
396 | 			"comment": [],
397 | 			"page": []
398 | 		},
399 | 		{
400 | 			"wcag": "3.1.2",
401 | 			"level": "AA",
402 | 			"name": "Langue d'un passage",
403 | 			"tests": [],
404 | 			"resultat": "na",
405 | 			"comment": [],
406 | 			"page": []
407 | 		},
408 | 		{
409 | 			"wcag": "3.2.1",
410 | 			"level": "A",
411 | 			"name": "Au focus",
412 | 			"tests": [],
413 | 			"resultat": "na",
414 | 			"comment": [],
415 | 			"page": []
416 | 		},
417 | 		{
418 | 			"wcag": "3.2.2",
419 | 			"level": "A",
420 | 			"name": "À la saisie",
421 | 			"tests": [],
422 | 			"resultat": "na",
423 | 			"comment": [],
424 | 			"page": []
425 | 		},
426 | 		{
427 | 			"wcag": "3.2.3",
428 | 			"level": "AA",
429 | 			"name": "Navigation cohérente",
430 | 			"tests": [],
431 | 			"resultat": "na",
432 | 			"comment": [],
433 | 			"page": []
434 | 		},
435 | 		{
436 | 			"wcag": "3.2.4",
437 | 			"level": "AA",
438 | 			"name": "Identification cohérente",
439 | 			"tests": [],
440 | 			"resultat": "na",
441 | 			"comment": [],
442 | 			"page": []
443 | 		},
444 | 		{
445 | 			"wcag": "3.2.6",
446 | 			"level": "A",
447 | 			"name": "Aide cohérente",
448 | 			"tests": [],
449 | 			"resultat": "na",
450 | 			"comment": [],
451 | 			"page": []
452 | 		},
453 | 		{
454 | 			"wcag": "3.3.1",
455 | 			"level": "A",
456 | 			"name": "Identification des erreurs",
457 | 			"tests": [],
458 | 			"resultat": "na",
459 | 			"comment": [],
460 | 			"page": []
461 | 		},
462 | 		{
463 | 			"wcag": "3.3.2",
464 | 			"level": "A",
465 | 			"name": "Étiquettes ou instructions",
466 | 			"tests": [],
467 | 			"resultat": "na",
468 | 			"comment": [],
469 | 			"page": []
470 | 		},
471 | 		{
472 | 			"wcag": "3.3.3",
473 | 			"level": "AA",
474 | 			"name": "Suggestion après une erreur",
475 | 			"tests": [],
476 | 			"resultat": "na",
477 | 			"comment": [],
478 | 			"page": []
479 | 		},
480 | 		{
481 | 			"wcag": "3.3.4",
482 | 			"level": "AA",
483 | 			"name": "Prévention des erreurs (juridiques, financières, de données)",
484 | 			"tests": [],
485 | 			"resultat": "na",
486 | 			"comment": [],
487 | 			"page": []
488 | 		},
489 | 		{
490 | 			"wcag": "3.3.7",
491 | 			"level": "A",
492 | 			"name": "Entrée redondante",
493 | 			"tests": [],
494 | 			"resultat": "na",
495 | 			"comment": [],
496 | 			"page": []
497 | 		},
498 | 		{
499 | 			"wcag": "3.3.8",
500 | 			"level": "AA",
501 | 			"name": "Authentification accessible",
502 | 			"tests": [],
503 | 			"resultat": "na",
504 | 			"comment": [],
505 | 			"page": []
506 | 		},
507 | 		{
508 | 			"wcag": "4.1.1",
509 | 			"level": "A",
510 | 			"name": "Analyse syntaxique",
511 | 			"tests": [],
512 | 			"resultat": "na",
513 | 			"deprecated": true,
514 | 			"comment": [],
515 | 			"page": []
516 | 		},
517 | 		{
518 | 			"wcag": "4.1.2",
519 | 			"level": "A",
520 | 			"name": "Nom, rôle et valeur",
521 | 			"tests": [],
522 | 			"resultat": "na",
523 | 			"comment": [],
524 | 			"page": []
525 | 		},
526 | 		{
527 | 			"wcag": "4.1.3",
528 | 			"level": "AA",
529 | 			"name": "Messages d’état",
530 | 			"tests": [],
531 | 			"resultat": "na",
532 | 			"comment": [],
533 | 			"page": []
534 | 		}
535 | 	]
536 | }
537 | 


--------------------------------------------------------------------------------
/statement-assets/pie.css:
--------------------------------------------------------------------------------
  1 | .pie {
  2 |   position: relative;
  3 |   width: 200px;
  4 |   height: 200px;
  5 |   border-radius: 50%;
  6 |   background: #eee;
  7 |   background-image: linear-gradient(to right, transparent 50%, #F16E00 0);
  8 | }
  9 | 
 10 | .pie:after,
 11 | .pie:before {
 12 |   content: '';
 13 |   position: absolute;
 14 |   display: block;
 15 |   margin-left: 50%;
 16 |   width: 50%;
 17 |   height: 100%;
 18 |   border-radius: 0 100% 100% 0 / 50%;
 19 |   background-color: inherit;
 20 |   transform-origin: left;
 21 | }
 22 | 
 23 | .pie:after { background-color: #F16E00 }
 24 | 
 25 | .pie-val {
 26 |   position: absolute;
 27 |   top: 15px;
 28 |   bottom: 15px;
 29 |   left: 15px;
 30 |   right: 15px;
 31 |   z-index: 2;
 32 |   border-radius: 50%;
 33 |   background-color: #fff;
 34 |   padding-top: 25%;
 35 | }
 36 | 
 37 | .pie[data-value="1"]:before { transform: rotate(3.6deg) }
 38 | .pie[data-value="1"]:after { display: none }
 39 | .pie[data-value="2"]:before { transform: rotate(7.2deg) }
 40 | .pie[data-value="2"]:after { display: none }
 41 | .pie[data-value="3"]:before { transform: rotate(10.8deg) }
 42 | .pie[data-value="3"]:after { display: none }
 43 | .pie[data-value="4"]:before { transform: rotate(14.4deg) }
 44 | .pie[data-value="4"]:after { display: none }
 45 | .pie[data-value="5"]:before { transform: rotate(18deg) }
 46 | .pie[data-value="5"]:after { display: none }
 47 | .pie[data-value="6"]:before { transform: rotate(21.6deg) }
 48 | .pie[data-value="6"]:after { display: none }
 49 | .pie[data-value="7"]:before { transform: rotate(25.2deg) }
 50 | .pie[data-value="7"]:after { display: none }
 51 | .pie[data-value="8"]:before { transform: rotate(28.8deg) }
 52 | .pie[data-value="8"]:after { display: none }
 53 | .pie[data-value="9"]:before { transform: rotate(32.4deg) }
 54 | .pie[data-value="9"]:after { display: none }
 55 | .pie[data-value="10"]:before { transform: rotate(36deg) }
 56 | .pie[data-value="10"]:after { display: none }
 57 | .pie[data-value="11"]:before { transform: rotate(39.6deg) }
 58 | .pie[data-value="11"]:after { display: none }
 59 | .pie[data-value="12"]:before { transform: rotate(43.2deg) }
 60 | .pie[data-value="12"]:after { display: none }
 61 | .pie[data-value="13"]:before { transform: rotate(46.8deg) }
 62 | .pie[data-value="13"]:after { display: none }
 63 | .pie[data-value="14"]:before { transform: rotate(50.4deg) }
 64 | .pie[data-value="14"]:after { display: none }
 65 | .pie[data-value="15"]:before { transform: rotate(54deg) }
 66 | .pie[data-value="15"]:after { display: none }
 67 | .pie[data-value="16"]:before { transform: rotate(57.6deg) }
 68 | .pie[data-value="16"]:after { display: none }
 69 | .pie[data-value="17"]:before { transform: rotate(61.2deg) }
 70 | .pie[data-value="17"]:after { display: none }
 71 | .pie[data-value="18"]:before { transform: rotate(64.8deg) }
 72 | .pie[data-value="18"]:after { display: none }
 73 | .pie[data-value="19"]:before { transform: rotate(68.4deg) }
 74 | .pie[data-value="19"]:after { display: none }
 75 | .pie[data-value="20"]:before { transform: rotate(72deg) }
 76 | .pie[data-value="20"]:after { display: none }
 77 | .pie[data-value="21"]:before { transform: rotate(75.6deg) }
 78 | .pie[data-value="21"]:after { display: none }
 79 | .pie[data-value="22"]:before { transform: rotate(79.2deg) }
 80 | .pie[data-value="22"]:after { display: none }
 81 | .pie[data-value="23"]:before { transform: rotate(82.8deg) }
 82 | .pie[data-value="23"]:after { display: none }
 83 | .pie[data-value="24"]:before { transform: rotate(86.4deg) }
 84 | .pie[data-value="24"]:after { display: none }
 85 | .pie[data-value="25"]:before { transform: rotate(90deg) }
 86 | .pie[data-value="25"]:after { display: none }
 87 | .pie[data-value="26"]:before { transform: rotate(93.6deg) }
 88 | .pie[data-value="26"]:after { display: none }
 89 | .pie[data-value="27"]:before { transform: rotate(97.2deg) }
 90 | .pie[data-value="27"]:after { display: none }
 91 | .pie[data-value="28"]:before { transform: rotate(100.8deg) }
 92 | .pie[data-value="28"]:after { display: none }
 93 | .pie[data-value="29"]:before { transform: rotate(104.4deg) }
 94 | .pie[data-value="29"]:after { display: none }
 95 | .pie[data-value="30"]:before { transform: rotate(108deg) }
 96 | .pie[data-value="30"]:after { display: none }
 97 | .pie[data-value="31"]:before { transform: rotate(111.6deg) }
 98 | .pie[data-value="31"]:after { display: none }
 99 | .pie[data-value="32"]:before { transform: rotate(115.2deg) }
100 | .pie[data-value="32"]:after { display: none }
101 | .pie[data-value="33"]:before { transform: rotate(118.8deg) }
102 | .pie[data-value="33"]:after { display: none }
103 | .pie[data-value="34"]:before { transform: rotate(122.4deg) }
104 | .pie[data-value="34"]:after { display: none }
105 | .pie[data-value="35"]:before { transform: rotate(126deg) }
106 | .pie[data-value="35"]:after { display: none }
107 | .pie[data-value="36"]:before { transform: rotate(129.6deg) }
108 | .pie[data-value="36"]:after { display: none }
109 | .pie[data-value="37"]:before { transform: rotate(133.2deg) }
110 | .pie[data-value="37"]:after { display: none }
111 | .pie[data-value="38"]:before { transform: rotate(136.8deg) }
112 | .pie[data-value="38"]:after { display: none }
113 | .pie[data-value="39"]:before { transform: rotate(140.4deg) }
114 | .pie[data-value="39"]:after { display: none }
115 | .pie[data-value="40"]:before { transform: rotate(144deg) }
116 | .pie[data-value="40"]:after { display: none }
117 | .pie[data-value="41"]:before { transform: rotate(147.6deg) }
118 | .pie[data-value="41"]:after { display: none }
119 | .pie[data-value="42"]:before { transform: rotate(151.2deg) }
120 | .pie[data-value="42"]:after { display: none }
121 | .pie[data-value="43"]:before { transform: rotate(154.8deg) }
122 | .pie[data-value="43"]:after { display: none }
123 | .pie[data-value="44"]:before { transform: rotate(158.4deg) }
124 | .pie[data-value="44"]:after { display: none }
125 | .pie[data-value="45"]:before { transform: rotate(162deg) }
126 | .pie[data-value="45"]:after { display: none }
127 | .pie[data-value="46"]:before { transform: rotate(165.6deg) }
128 | .pie[data-value="46"]:after { display: none }
129 | .pie[data-value="47"]:before { transform: rotate(169.2deg) }
130 | .pie[data-value="47"]:after { display: none }
131 | .pie[data-value="48"]:before { transform: rotate(172.8deg) }
132 | .pie[data-value="48"]:after { display: none }
133 | .pie[data-value="49"]:before { transform: rotate(176.4deg) }
134 | .pie[data-value="49"]:after { display: none }
135 | .pie[data-value="50"]:before { transform: rotate(180deg) }
136 | .pie[data-value="50"]:after { display: none }
137 | .pie[data-value="51"]:after { transform: rotate(3.6deg) }
138 | .pie[data-value="51"]:before { display: none }
139 | .pie[data-value="52"]:after { transform: rotate(7.2deg) }
140 | .pie[data-value="52"]:before { display: none }
141 | .pie[data-value="53"]:after { transform: rotate(10.8deg) }
142 | .pie[data-value="53"]:before { display: none }
143 | .pie[data-value="54"]:after { transform: rotate(14.4deg) }
144 | .pie[data-value="54"]:before { display: none }
145 | .pie[data-value="55"]:after { transform: rotate(18deg) }
146 | .pie[data-value="55"]:before { display: none }
147 | .pie[data-value="56"]:after { transform: rotate(21.6deg) }
148 | .pie[data-value="56"]:before { display: none }
149 | .pie[data-value="57"]:after { transform: rotate(25.2deg) }
150 | .pie[data-value="57"]:before { display: none }
151 | .pie[data-value="58"]:after { transform: rotate(28.8deg) }
152 | .pie[data-value="58"]:before { display: none }
153 | .pie[data-value="59"]:after { transform: rotate(32.4deg) }
154 | .pie[data-value="59"]:before { display: none }
155 | .pie[data-value="60"]:after { transform: rotate(36deg) }
156 | .pie[data-value="60"]:before { display: none }
157 | .pie[data-value="61"]:after { transform: rotate(39.6deg) }
158 | .pie[data-value="61"]:before { display: none }
159 | .pie[data-value="62"]:after { transform: rotate(43.2deg) }
160 | .pie[data-value="62"]:before { display: none }
161 | .pie[data-value="63"]:after { transform: rotate(46.8deg) }
162 | .pie[data-value="63"]:before { display: none }
163 | .pie[data-value="64"]:after { transform: rotate(50.4deg) }
164 | .pie[data-value="64"]:before { display: none }
165 | .pie[data-value="65"]:after { transform: rotate(54deg) }
166 | .pie[data-value="65"]:before { display: none }
167 | .pie[data-value="66"]:after { transform: rotate(57.6deg) }
168 | .pie[data-value="66"]:before { display: none }
169 | .pie[data-value="67"]:after { transform: rotate(61.2deg) }
170 | .pie[data-value="67"]:before { display: none }
171 | .pie[data-value="68"]:after { transform: rotate(64.8deg) }
172 | .pie[data-value="68"]:before { display: none }
173 | .pie[data-value="69"]:after { transform: rotate(68.4deg) }
174 | .pie[data-value="69"]:before { display: none }
175 | .pie[data-value="70"]:after { transform: rotate(72deg) }
176 | .pie[data-value="70"]:before { display: none }
177 | .pie[data-value="71"]:after { transform: rotate(75.6deg) }
178 | .pie[data-value="71"]:before { display: none }
179 | .pie[data-value="72"]:after { transform: rotate(79.2deg) }
180 | .pie[data-value="72"]:before { display: none }
181 | .pie[data-value="73"]:after { transform: rotate(82.8deg) }
182 | .pie[data-value="73"]:before { display: none }
183 | .pie[data-value="74"]:after { transform: rotate(86.4deg) }
184 | .pie[data-value="74"]:before { display: none }
185 | .pie[data-value="75"]:after { transform: rotate(90deg) }
186 | .pie[data-value="75"]:before { display: none }
187 | .pie[data-value="76"]:after { transform: rotate(93.6deg) }
188 | .pie[data-value="76"]:before { display: none }
189 | .pie[data-value="77"]:after { transform: rotate(97.2deg) }
190 | .pie[data-value="77"]:before { display: none }
191 | .pie[data-value="78"]:after { transform: rotate(100.8deg) }
192 | .pie[data-value="78"]:before { display: none }
193 | .pie[data-value="79"]:after { transform: rotate(104.4deg) }
194 | .pie[data-value="79"]:before { display: none }
195 | .pie[data-value="80"]:after { transform: rotate(108deg) }
196 | .pie[data-value="80"]:before { display: none }
197 | .pie[data-value="81"]:after { transform: rotate(111.6deg) }
198 | .pie[data-value="81"]:before { display: none }
199 | .pie[data-value="82"]:after { transform: rotate(115.2deg) }
200 | .pie[data-value="82"]:before { display: none }
201 | .pie[data-value="83"]:after { transform: rotate(118.8deg) }
202 | .pie[data-value="83"]:before { display: none }
203 | .pie[data-value="84"]:after { transform: rotate(122.4deg) }
204 | .pie[data-value="84"]:before { display: none }
205 | .pie[data-value="85"]:after { transform: rotate(126deg) }
206 | .pie[data-value="85"]:before { display: none }
207 | .pie[data-value="86"]:after { transform: rotate(129.6deg) }
208 | .pie[data-value="86"]:before { display: none }
209 | .pie[data-value="87"]:after { transform: rotate(133.2deg) }
210 | .pie[data-value="87"]:before { display: none }
211 | .pie[data-value="88"]:after { transform: rotate(136.8deg) }
212 | .pie[data-value="88"]:before { display: none }
213 | .pie[data-value="89"]:after { transform: rotate(140.4deg) }
214 | .pie[data-value="89"]:before { display: none }
215 | .pie[data-value="90"]:after { transform: rotate(144deg) }
216 | .pie[data-value="90"]:before { display: none }
217 | .pie[data-value="91"]:after { transform: rotate(147.6deg) }
218 | .pie[data-value="91"]:before { display: none }
219 | .pie[data-value="92"]:after { transform: rotate(151.2deg) }
220 | .pie[data-value="92"]:before { display: none }
221 | .pie[data-value="93"]:after { transform: rotate(154.8deg) }
222 | .pie[data-value="93"]:before { display: none }
223 | .pie[data-value="94"]:after { transform: rotate(158.4deg) }
224 | .pie[data-value="94"]:before { display: none }
225 | .pie[data-value="95"]:after { transform: rotate(162deg) }
226 | .pie[data-value="95"]:before { display: none }
227 | .pie[data-value="96"]:after { transform: rotate(165.6deg) }
228 | .pie[data-value="96"]:before { display: none }
229 | .pie[data-value="97"]:after { transform: rotate(169.2deg) }
230 | .pie[data-value="97"]:before { display: none }
231 | .pie[data-value="98"]:after { transform: rotate(172.8deg) }
232 | .pie[data-value="98"]:before { display: none }
233 | .pie[data-value="99"]:after { transform: rotate(176.4deg) }
234 | .pie[data-value="99"]:before { display: none }
235 | .pie[data-value="100"]:after { transform: rotate(180deg) }
236 | .pie[data-value="100"]:before { display: none }
237 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 | 
  3 | Software Name: La Va11ydette
  4 | SPDX-FileCopyrightText: Copyright (c) 2016-2023 Orange
  5 | SPDX-License-Identifier: MIT License
  6 | 
  7 | This software is distributed under the MIT license
  8 | 
  9 | -->
 10 | 
 11 | <!DOCTYPE html>
 12 | <html lang="fr">
 13 | 
 14 | <head>
 15 |   <meta charset="utf-8">
 16 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 17 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 18 |   <title>Grille Audit Wcag 2.2 d’Orange — La va11ydette</title>
 19 |   <link rel="icon" href="favicon.ico">
 20 |   <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous">
 21 |   <!-- Copyright © 2014 Monotype Imaging Inc. All rights reserved -->
 22 |   <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/css/orange-helvetica.min.css" rel="stylesheet" integrity="sha384-A0Qk1uKfS1i83/YuU13i2nx5pk79PkIfNFOVzTcjCMPGKIDj9Lqx9lJmV7cdBVQZ" crossorigin="anonymous">
 23 |   <link href="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/css/boosted.min.css" rel="stylesheet" integrity="sha384-Q3wzptfwnbw1u019drn+ouP2GvlrCu/YVFXSu5YNe4jBpuFwU738RcnKa8PVyj8u" crossorigin="anonymous">
 24 |   <link rel="stylesheet" href="style.css">
 25 | </head>
 26 | 
 27 | <body>
 28 |   <div id="modal">
 29 |     <div id="modalEdit" data-bs-backdrop="static" class="modal fade" tabindex="-1" aria-hidden="true"
 30 |       aria-labelledby="modalChecklistTitle">
 31 |       <div class="modal-dialog"></div>
 32 |     </div>
 33 |     <div id="modalDelete" class="modal fade" tabindex="-1"aria-hidden="true">
 34 |       <div class="modal-dialog modal-lg" role="document"></div>
 35 |     </div>
 36 |     <div id="modalLocalStorage" class="modal fade" tabindex="-1" aria-hidden="true" aria-labelledby="modalLocalStorageTitle">
 37 |       <div class="modal-dialog modal-lg" role="document"></div>
 38 |     </div>
 39 |     <div id="modalAddIssue" data-bs-backdrop="static" class="modal fade" tabindex="-1" aria-hidden="true"
 40 |       aria-labelledby="modalAddIssueTitle">
 41 |       <div class="modal-dialog modal-lg " role="document"></div>
 42 |     </div>
 43 |     <div id="modalEditIssue" data-bs-backdrop="static" class="modal fade" tabindex="-1" aria-hidden="true"
 44 |       aria-labelledby="modalEditIssueTitle">
 45 |       <div class="modal-dialog modal-lg " role="document"></div>
 46 |     </div>
 47 |     <div id="modalStatement" data-bs-backdrop="static" class="modal fade" tabindex="-1" aria-hidden="true"
 48 |       aria-labelledby="modalStatementTitle">
 49 |       <div class="modal-dialog modal-lg" role="document"></div>
 50 |     </div>
 51 |     <div id="modalAutoCheck" data-bs-backdrop="static" data-bs-keyboard="false" class="modal fade" tabindex="-1"
 52 |     aria-hidden="true" aria-labelledby="modalAutoCheckTitle">
 53 |       <div class="modal-dialog modal-lg" role="document"></div>
 54 |     </div>
 55 |   </div>
 56 | 
 57 |   <a id="top"></a>
 58 |   <header id="docs-navbar" class="d-print-none">
 59 |     <div class="navbar navbar-dark bg-dark navbar-expand supra">
 60 |       <div class="d-flex flex-row-reverse container-lg">
 61 | 
 62 |         <nav role="navigation" id="nav-lang" aria-label="A propos et changement de langue">
 63 |           <ul class="navbar-nav">
 64 | 
 65 |             <li class="nav-item">
 66 |               <a href="https://a11y-guidelines.orange.com/fr/web/audit-wcag/" id="link-about" target="_blank"
 67 |                 title="À propos (nouvelle fenêtre)" class="nav-link">
 68 |                 <span id="link-about-txt">À propos</span>
 69 |               </a>
 70 |             </li>
 71 | 
 72 |             <li class="nav-item">
 73 |               <a href="./user-guide.html" id="link-guide" class="nav-link" target="_blank"
 74 |                 title="Guide utilisateur (nouvelle fenêtre)">
 75 |                 <span id="link-guide-txt">Guide utilisateur</span>
 76 |               </a>
 77 |             </li>
 78 | 
 79 |             <li class="nav-item">
 80 |               <a href="./?lang=en" id="link-en" class="nav-link" lang="en">
 81 |                 English
 82 |               </a>
 83 |             </li>
 84 | 
 85 | 
 86 |             <li class="nav-item">
 87 |               <a href="./?lang=fr" id="link-fr" class="nav-link active" aria-current="true" lang="fr">
 88 |                 Français
 89 |               </a>
 90 |             </li>
 91 | 
 92 |           </ul>
 93 |         </nav>
 94 | 
 95 |       </div>
 96 |     </div>
 97 |     <nav class="navbar navbar-dark bg-dark navbar-expand-md flex-wrap" role="navigation">
 98 |       <div class="container navbar-nav w-100">
 99 |         <a class="navbar-brand" href="/">
100 |           <img src="https://cdn.jsdelivr.net/npm/boosted@4.4.1/dist/img/orange_logo.svg" alt="" width="50" height="50">
101 |           <span class="h2 title my-0">
102 |             <span id="va11ydette">La v<span class="text-primary">a11y</span>dette</span><br>
103 |             <h1 class="small text-primary m-0" id="auditNameWcag"></h1>
104 |           </span>
105 |         </a>
106 |         <div class="ms-auto" id="checklist"></div>
107 |         <div id="importexport">
108 |           <div class="d-inline">
109 |             <button id="btnImport" type="button" class="btn nav-link d-inline me-n3" title="" data-bs-toggle="collapse"
110 |             data-bs-target="#import-form" aria-expanded="false" aria-controls="import-form">
111 |             <svg class='me-1' aria-hidden="true" focusable="false" fill="currentColor"
112 |               xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 1000 1000">
113 |               <defs>
114 |                 <style>
115 |                   .cls-1 {
116 |                     fill-rule: evenodd;
117 |                   }
118 |                 </style>
119 |               </defs>
120 |               <path id="Modifier_upload" data-name="Modifier upload" class="cls-1"
121 |                 d="M500,825a323.673,323.673,0,1,1,126.474-25.5A322.87,322.87,0,0,1,500,825m0,100c234.721,0,425-190.279,425-425S734.721,75,500,75,75,265.279,75,500,265.279,925,500,925h0ZM697.7,486.574,600,488V663a36.759,36.759,0,0,1-37,37H437a36.759,36.759,0,0,1-37-37V488H288L466.569,313.569l0,0C475.4,305.162,485.846,300,499,300h2a47.818,47.818,0,0,1,33.429,13.571l0,0L713,488H600Z" />
122 |             </svg>
123 | 
124 |             <span id="btnImportTxt"></span>
125 |           </button>
126 |           </div>
127 |           <div class="d-inline">
128 |             <a href="#" id="export" class="btn nav-link me-n3 d-inline disabled" title="" disabled aria-disabled="true">
129 |               <svg class='me-1' aria-hidden="true" focusable="false" fill="currentColor"
130 |                 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 1000 1000">
131 |                 <defs>
132 |                   <style>
133 |                     .cls-1 {
134 |                       fill-rule: evenodd;
135 |                     }
136 |                   </style>
137 |                 </defs>
138 |                 <path id="Modifier_download" data-name="Modifier download" class="cls-1"
139 |                   d="M500,175a323.673,323.673,0,1,1-126.474,25.5A322.87,322.87,0,0,1,500,175m0-100C265.279,75,75,265.279,75,500S265.279,925,500,925,925,734.721,925,500,734.721,75,500,75h0ZM302.3,513.426,400,512V337a36.759,36.759,0,0,1,37-37H563a36.759,36.759,0,0,1,37,37V512H712L533.431,686.431l0,0C524.6,694.838,514.154,700,501,700h-2a47.818,47.818,0,0,1-33.429-13.571l0,0L287,512H400Z" />
140 |               </svg>
141 |               <span id="btnExportTxt"></span>
142 |             </a>
143 |           </div>
144 |         </div>
145 |       </div>
146 |       <div class="collapse w-100 border-top border-900" id="import-form">
147 |         <div class="container py-3">
148 |           <div class="row">
149 |             <div class="col-sm-9">
150 |               <div class="input-group">
151 |                 <input class="form-control" id="selectFiles" type="file" accept="application/JSON"
152 |                   aria-label="Sélectionner un audit">
153 |               </div>
154 | 
155 |             </div>
156 |             <div class="col-sm-3">
157 |               <button class="btn btn-info border-white" type="button" id="import">Charger</button>
158 |               <button id="btnImportClose" type="button" class="btn btn-secondary btn-info border-white" title=""
159 |                 data-bs-toggle="collapse" data-bs-target="#import-form" aria-expanded="false"
160 |                 aria-controls="import-form">
161 |                 <svg aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
162 |                   width="20" height="20" viewBox="0 0 1000 1000">
163 |                   <defs>
164 |                     <style>
165 |                       .cls-1 {
166 |                         fill-rule: evenodd;
167 |                       }
168 |                     </style>
169 |                   </defs>
170 |                   <path id="Delete" class="cls-1"
171 |                     d="M817.493,676.165a49.977,49.977,0,0,1,0,70.664l-70.664,70.664a49.977,49.977,0,0,1-70.664,0L499.5,640.828,322.835,817.493a49.977,49.977,0,0,1-70.664,0l-70.664-70.664a49.977,49.977,0,0,1,0-70.664L358.172,499.5,181.507,322.835a49.977,49.977,0,0,1,0-70.664l70.664-70.664a49.977,49.977,0,0,1,70.664,0L499.5,358.172,676.165,181.507a49.977,49.977,0,0,1,70.664,0l70.664,70.664a49.977,49.977,0,0,1,0,70.664L640.828,499.5Z" />
172 |                 </svg>
173 |               </button>
174 |             </div>
175 |           </div>
176 |           <div class="bg-dark pt-3">
177 |             <div id="import-alert" class="alert alert-danger d-none" role="alert">
178 |             </div>
179 |           </div>
180 |         </div>
181 |       </div>
182 |     </nav>
183 |   </header>
184 | 
185 |   <main role="main" class="mt-4" id="main">
186 | 
187 | 
188 |   </main>
189 |   <footer class="footer bg-dark mt-0" id="footer" role="contentinfo">
190 |     <div class="o-footer-body">
191 |       <div class="container navbar-dark py-3">
192 |         <div class="row navbar-nav">
193 |           <div class="col-8">
194 |             <p class="mb-0" id="footerStatementText"></p>
195 |             <p class="mb-0" id="footerTxt1">Documentation sous <a class="nav-link d-inline"
196 |                 href="https://github.com/Orange-OpenSource/La-Va11ydette/blob/master/LICENSE">licence MIT
197 |                 3.0</a>.</p>
198 |             <p class="mb-0" id="footerTxt2">Le logo Orange ainsi que certaines images et captures sont la propriété
199 |               d'Orange&nbsp;: Copyright © 2016 Orange SA <em lang="en">All rights reserved</em>.</p>
200 |           </div>
201 |           <div class="ms-sm-auto">
202 |             <a id="footerLinkGit" href="https://github.com/Orange-OpenSource/La-Va11ydette/issues/new/choose"
203 |               class="nav-link" rel="noopener noreferrer" target="_blank" title="">
204 |               Signaler une erreur sur GitHub<span class="visually-hidden">&nbsp;(nouvelle fenêtre)</span>
205 |               <svg aria-hidden="true" focusable="false" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
206 |                 width="20" height="20" viewBox="0 0 1000 1000">
207 |                 <defs>
208 |                   <style>
209 |                     .cls-1 {
210 |                       fill-rule: evenodd;
211 |                     }
212 |                   </style>
213 |                 </defs>
214 |                 <path class="cls-1"
215 |                   d="M374.908,308.958L600,309V109L921.719,430.9a74.988,74.988,0,0,1,0,106.044L600,859V659H325A150.027,150.027,0,0,0,175,809v81C98.941,830.528,50,737.929,50,633.891,50,454.436,195.466,308.958,374.908,308.958Z" />
216 |               </svg>
217 |             </a>
218 |           </div>
219 |         </div>
220 |       </div>
221 |     </div>
222 |   </footer>
223 | 
224 |   <nav id="nav-back-to-top" aria-label="Retour en haut de la page" class="back-to-top">
225 |     <a id="link-to-top" href="#top" class="back-to-top-link btn btn-icon btn-secondary"
226 |       title="Retour en haut de la page">
227 |     </a>
228 |   </nav>
229 | 
230 |   
231 |  
232 |   
233 |   
234 |   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
235 |   <script src="https://cdn.jsdelivr.net/npm/boosted@5.3.1/dist/js/boosted.min.js" integrity="sha384-5/uuaktuMuP89rRLLF12Nmffr7aMWkLWFVq2xzMjqdXlOiMsRRHpbz3oG92Gvj7u" crossorigin="anonymous"></script>
236 | 
237 |   <script src="./js/markdown-it.min.js"></script>
238 |   <script src="./js/FileSaver.min.js"></script>
239 |   <script src="./js/jszip.min.js"></script>
240 |   <script src="./js/myexcel.js"></script>
241 |   <script src="./js/views/initMainPage.js"></script>
242 |   <script src="./js/views/initComponent.js"></script>
243 |   <script src="./js/controllers/dataVa11ydetteManager.js"></script>
244 |   <script src="./js/controllers/groupsManager.js"></script>
245 |   <script src="./js/controllers/computationManager.js"></script>
246 |   <script src="./js/controllers/pageManager.js"></script>
247 |   <script src="./js/controllers/issueManager.js"></script>
248 |   <script src="./js/controllers/autoCheckManager.js"></script>
249 |   <script src="./js/controllers/filterManager.js"></script>
250 |   <script src="./js/controllers/statementManager.js"></script>
251 |   <script src="./js/lavallydette.js"></script>
252 | </body>
253 | 
254 | </html>


--------------------------------------------------------------------------------
/accessibility-statement.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <link rel="icon" href="favicon.ico" />
  8 |   <link rel="stylesheet" href="statement-assets/style.css">
  9 |   <link rel="stylesheet" href="statement-assets/boosted-grid.min.css">
 10 |   <link rel="stylesheet" href="statement-assets/pie.css">
 11 | 
 12 |   <title>Accessibility statement - The Va11ydette</title>
 13 | 
 14 | </head>
 15 | 
 16 | <body>
 17 |   <main class="container-md content">
 18 |     <h1>Accessibility statement: The Va11ydette</h1>
 19 | 
 20 |     <div class="summary">
 21 | 
 22 |       <div class="row">
 23 | 
 24 | 
 25 | 
 26 |         <div class="col-lg-12">
 27 | 
 28 |           <h2 class="h4 mt-4">Context</h2>
 29 |           <p>Orange undertakes to make its websites internet, intranet, extranet and its
 30 |             mobile applications accessible in accordance with article 47 of Law No. 2005-102 of February 11,
 31 |             2005.</p>
 32 |           <p>To this end, it implements the following strategy and actions:</p>
 33 |           <p><a href="https://oran.ge/accessibility-plan"
 34 |               title="the Digital Accessibility Multi-year Plan 2024 - 2026 (PDF, 165Ko)">the Digital Accessibility
 35 |               Multi-year Plan 2024 - 2026 (PDF, 165Ko)</a>.</p>
 36 |           <p>This accessibility statement applies to The Va11ydette.</p>
 37 | 
 38 | 
 39 |         </div>
 40 | 
 41 |       </div>
 42 | 
 43 |     </div>
 44 | 
 45 |     <div class="row">
 46 |       <div class="col-lg">
 47 | 
 48 |         <h2 class="h4 mt-4">Conformity level:</h2>
 49 |         <p>"The Va11ydette" is partially compliant to the criteria with <a href="https://www.w3.org/TR/WCAG22/"><abbr
 50 |               lang="en" title="Web Content Accessibility Guidelines">WCAG</abbr> version 2.2, level AA</a>.</p>
 51 | 
 52 | 
 53 |         <p>The Orange Group Accessibility Expertise Center refers to the WCAG international recommendations. <a
 54 |             href="https://a11y-guidelines.orange.com/fr/cadrage/correspondance-rgaa-wcag/" hreflang="fr">Here is the
 55 |             correspondence link between the RGAA and the WCAG (french)</a>.</p>
 56 |         <p>The audit was carried out via <a href="https://la-va11ydette.orange.com/?lang=en">the Va11ydette</a>.
 57 |         </p>
 58 | 
 59 |         <h3>Tests result</h3>
 60 |         <div class="row summary">
 61 |           <div class="col-lg-3">
 62 |             <h4 class="pie" data-value="72">
 63 |               <span class="visually-hidden">Global compliance </span>
 64 |               <span class="pie-val">72%</span>
 65 |             </h4>
 66 | 
 67 |             <p class="lead">Global compliance
 68 |             </p>
 69 |           </div>
 70 |           <div class="col-lg-3">
 71 |             <h4 class="pie" data-value="89">
 72 |               <span class="visually-hidden">Average compliance </span>
 73 |               <span class="pie-val">89%</span>
 74 |             </h4>
 75 | 
 76 |             <p class="lead">Average compliance</p>
 77 |           </div>
 78 |         </div>
 79 |         <p>The compliance audit carried out by The Orange Group Accessibility Expertise Centre reveals that :
 80 |         </p>
 81 |         <ul>
 82 |           <li>72% of WCAG level A and AA criteria are met.</li>
 83 |           <li>The average compliance rate of the online service is 89%.</li>
 84 |         </ul>
 85 |         <div class="table-responsive">
 86 |           <table class="table table-striped">
 87 |             <caption>Summary by levels</caption>
 88 |             <thead>
 89 |               <tr>
 90 |                 <th scope="row">Level</th>
 91 |                 <th scope="col" class="text-center">A</th>
 92 |                 <th scope="col" class="text-center">AA</th>
 93 |                 <th scope="col" class="text-center">Total</th>
 94 |               </tr>
 95 |             </thead>
 96 |             <tbody>
 97 | 
 98 |               <tr>
 99 |                 <th scope="row" class="font-weight-bold">Number of criteria</th>
100 |                 <td class="text-center">32</td>
101 |                 <td class="text-center">24</td>
102 |                 <td class="text-center">56</td>
103 |               </tr>
104 | 
105 |               <tr>
106 |                 <th scope="row" class="font-weight-bold">Compliant</th>
107 |                 <td class="text-center">13</td>
108 |                 <td class="text-center">10</td>
109 |                 <td class="text-center">23</td>
110 |               </tr>
111 | 
112 |               <tr>
113 |                 <th scope="row" class="font-weight-bold">Non-compliant</th>
114 |                 <td class="text-center">4</td>
115 |                 <td class="text-center">5</td>
116 |                 <td class="text-center">9</td>
117 |               </tr>
118 | 
119 |               <tr>
120 |                 <th scope="row" class="font-weight-bold">Not applicable</th>
121 |                 <td class="text-center">15</td>
122 |                 <td class="text-center">9</td>
123 |                 <td class="text-center">24</td>
124 |               </tr>
125 | 
126 |               <tr>
127 |                 <th scope="row" class="font-weight-bold bg-light">Compliance</th>
128 |                 <td class="text-center bg-light">
129 |                   76%
130 |                 </td>
131 |                 <td class="text-center bg-light">
132 |                   67%
133 |                 </td>
134 |                 <td class="text-center bg-light">
135 |                   72%
136 |                 </td>
137 |               </tr>
138 | 
139 |             </tbody>
140 |           </table>
141 |         </div>
142 | 
143 |         <div class="table-responsive">
144 |           <table class="table table-striped">
145 |             <caption>Compliance rate by pages according to the two levels of criteria A and AA</caption>
146 |             <tr>
147 |               <th scope="row">Criteria / Level</th>
148 |               <th scope="col" class="text-center">Compliant / A</th>
149 |               <th scope="col" class="text-center">Compliant / AA</th>
150 |               <th scope="col" class="text-center">Non-compliant / A</th>
151 |               <th scope="col" class="text-center">Non-compliant / AA</th>
152 |               <th scope="col" class="text-center">Not applicable / A</th>
153 |               <th scope="col" class="text-center">Not applicable / AA</th>
154 |               <th scope="col" class="text-center bg-light">Compliance rate</th>
155 |             </tr>
156 | 
157 | 
158 |             <tr>
159 |               <th scope="row"><span class="visually-hidden">Page: </span>Home</th>
160 |               <td>14</td>
161 |               <td>13</td>
162 |               <td>2</td>
163 |               <td>0</td>
164 |               <td>16</td>
165 |               <td>11</td>
166 |               <td style="background-color:#ddd !important;">93 %</td>
167 |             </tr>
168 |             <tr>
169 |               <th scope="row"><span class="visually-hidden">Page: </span>Guide utilisateur</th>
170 |               <td>13</td>
171 |               <td>14</td>
172 |               <td>4</td>
173 |               <td>1</td>
174 |               <td>15</td>
175 |               <td>9</td>
176 |               <td style="background-color:#ddd !important;">84 %</td>
177 |             </tr>
178 |             <tr>
179 |               <th scope="row"><span class="visually-hidden">Page: </span>Audit de conformité WCAG 2.2 /
180 |                 WEB</th>
181 |               <td>14</td>
182 |               <td>11</td>
183 |               <td>1</td>
184 |               <td>2</td>
185 |               <td>17</td>
186 |               <td>11</td>
187 |               <td style="background-color:#ddd !important;">89 %</td>
188 |             </tr>
189 |             <tr>
190 |               <th scope="row"><span class="visually-hidden">Page: </span>Conformité</th>
191 |               <td>14</td>
192 |               <td>12</td>
193 |               <td>2</td>
194 |               <td>1</td>
195 |               <td>16</td>
196 |               <td>11</td>
197 |               <td style="background-color:#ddd !important;">90 %</td>
198 |             </tr>
199 |             <tr>
200 |               <th scope="row"><span class="visually-hidden">Page: </span>Déclaration</th>
201 |               <td>15</td>
202 |               <td>12</td>
203 |               <td>1</td>
204 |               <td>2</td>
205 |               <td>16</td>
206 |               <td>10</td>
207 |               <td style="background-color:#ddd !important;">90 %</td>
208 |             </tr>
209 | 
210 |           </table>
211 |         </div>
212 | 
213 |       </div>
214 |     </div>
215 |     <div class="row">
216 | 
217 |       <div class="col-lg">
218 | 
219 |         <h2 class="h4 mt-4">Content not accessible</h2>
220 | 
221 |         <p>The contents listed below are not accessible for the following reasons.</p>
222 | 
223 |         <h3 class="h6 mt-4">Non-compliances</h3>
224 |         <p>List of non-compliant WCAG criteria :</p>
225 |         <ul>
226 |           <li>
227 |             1.1.1 Non-text Content, Level A
228 |           </li>
229 |           <li>
230 |             1.4.3 Contrast (Minimum), Level AA
231 |           </li>
232 |           <li>
233 |             1.4.10 Reflow, Level AA
234 |           </li>
235 |           <li>
236 |             2.1.1 Keyboard, Level A
237 |           </li>
238 |           <li>
239 |             2.5.8 Target size, Level AA
240 |           </li>
241 |           <li>
242 |             3.1.2 Language of Parts, Level AA
243 |           </li>
244 |           <li>
245 |             3.3.1 Error Identification, Level A
246 |           </li>
247 |           <li>
248 |             3.3.2 Labels or Instructions, Level A
249 |           </li>
250 |           <li>
251 |             3.3.3 Error Suggestion, Level AA
252 |           </li>
253 |         </ul>
254 |       </div>
255 |     </div>
256 | 
257 |     <div class="row">
258 | 
259 |       <div class="col-lg">
260 |         <h2 class="h4 mt-4">Establishment of this accessibility statement</h2>
261 |         <p>This declaration was established on July 22, 2024. </p>
262 |       </div>
263 |     </div>
264 |     <div class="row">
265 |       <div class="col-lg">
266 | 
267 | 
268 |         <h3>Technical specifications of the site</h3>
269 |         <ul>
270 |           <li>HTML</li>
271 |           <li>CSS</li>
272 |           <li>JavaScript</li>
273 |         </ul>
274 | 
275 | 
276 |         <h3>Testing environment</h3>
277 |         <p>The verifications were performed with the following software combinations:</p>
278 |         <ul>
279 |           <li>Chrome 126.0.6478.127 and NVDA 2022.3.2</li>
280 |           <li>Firefox 102.14.0esr and NVDA 2022.3.2</li>
281 |         </ul>
282 | 
283 |         <h3>Methods and Tools to evaluate accessibility</h3>
284 |         <ul>
285 |           <li><strong>Automatic testing:</strong> aXe 4.81.4, Wave 3.2.5.3</li>
286 |           <li><strong>Functional testing:</strong> NVDA 2022.3.2, Keyboard navigation</li>
287 |         </ul>
288 | 
289 |       </div>
290 |     </div>
291 | 
292 |     <div class="row">
293 |       <div class="col-lg">
294 |         <h3>Pages which have been the subject of compliance verification</h3>
295 |         <p>The verification audit was performed on the following pages using the Orange va11ydette: </p>
296 | 
297 |         <ol>
298 |           <li><strong>Home: </strong>https://la-va11ydette.orange.com/</li>
299 |           <li><strong>User guide: </strong>https://la-va11ydette.orange.com/user-guide</li>
300 |           <li><strong>Conformity audit WCAG 2.2 / WEB:
301 |             </strong>https://la-va11ydette.orange.com/?list=wcag-web&amp;amp;amp;lang=fr</li>
302 |           <li><strong>Compliance</strong></li>
303 |           <li><strong>Statement</strong></li>
304 |         </ol>
305 |       </div>
306 |     </div>
307 |     <div class="row">
308 | 
309 |       <div class="col-lg">
310 | 
311 |         <h2 class="h4 mt-4">Feedback and contact information</h2>
312 |         <p>If you are unable to access content or a service, you can contact the site manager to be directed to
313 |           an accessible alternative or obtain the content in another form.</p>
314 | 
315 |         <p>We welcome your feedback on the accessibility of this site. Please let us know if you encounter
316 |           accessibility problems by sending an email to <a
317 |             href="mailto:accessibility.support@orange.com">accessibility.support@orange.com</a>.
318 |         </p>
319 | 
320 | 
321 |       </div>
322 |     </div>
323 |     <div class="row">
324 | 
325 |       <div class="col-lg">
326 | 
327 |         <h2 class="h4 mt-4">Legal remedies</h2>
328 |         <p>You have reported to the website manager an accessibility problem that prevents you from accessing
329 |           content or one of the portal's services and you have not received a satisfactory response, in this
330 |           case:</p>
331 |         <ul>
332 |           <li>Write a message to the <a href="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/?locale=en_GB">Defender of Rights</a>.</li>
333 |           <li>Or contact the <a href="https://www.defenseurdesdroits.fr/defender-rights-311">Defender of Rights delegate
334 |               delegate in your department</a>.</li>
335 |           <li>Or send a letter by post (free of charge, do not put a stamp) <br>
336 |             <address> Défenseur des droits <br> Free answer 71120 <br> 75342 Paris CEDEX 07 </address>
337 |           </li>
338 |         </ul>
339 | 
340 |       </div>
341 |     </div>
342 |   </main>
343 | </body>
344 | 
345 | </html>


--------------------------------------------------------------------------------
/declaration-accessibilite.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="fr">
  3 | 
  4 | <head>
  5 |   <meta charset="UTF-8">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <link rel="icon" href="favicon.ico" />
  8 |   <link rel="stylesheet" href="statement-assets/style.css">
  9 |   <link rel="stylesheet" href="statement-assets/boosted-grid.min.css">
 10 |   <link rel="stylesheet" href="statement-assets/pie.css">
 11 | 
 12 |   <title>Déclaration d'Accessibilité - La Va11ydette</title>
 13 | 
 14 | </head>
 15 | 
 16 | <body>
 17 |   <main class="container-md content">
 18 |     <h1>Déclaration d'Accessibilité : La Va11ydette</h1>
 19 | 
 20 |     <div class="summary">
 21 | 
 22 |       <div class="row">
 23 | 
 24 | 
 25 | 
 26 |         <div class="col-lg-12">
 27 | 
 28 |           <h2 class="h4 mt-4">Contexte</h2>
 29 |           <p>Orange s'engage à rendre ses sites internet, intranet, extranet et ses applications mobiles accessibles
 30 |             conformément à l'article 47 de la loi n° 2005-102 du 11 février 2005.</p>
 31 |           <p>À cette fin, il met en œuvre la stratégie et les actions suivantes :</p>
 32 |           <p><a href="https://oran.ge/accessibilite-schema"
 33 |               title="schéma pluriannuel d'amélioration de l'accessibilité numérique (PDF, 230Ko)">Ouvrir le schéma
 34 |               pluriannuel d'amélioration de l'accessibilité numérique (PDF, 230Ko)</a>.</p>
 35 |           <p>Cette déclaration d'accessibilité s'applique à La Va11ydette.</p>
 36 | 
 37 | 
 38 |         </div>
 39 | 
 40 |       </div>
 41 | 
 42 |     </div>
 43 | 
 44 |     <div class="row">
 45 |       <div class="col-lg">
 46 | 
 47 |         <h2 class="h4 mt-4">État de conformité :</h2>
 48 |         <p>"La Va11ydette" est partiellement conforme aux critères <a href="https://www.w3.org/TR/WCAG22/"><abbr
 49 |               lang="en" title="Web Content Accessibility Guidelines">WCAG</abbr> version 2.2, niveau AA</a>.</p>
 50 | 
 51 |         <p>Le Centre d&#039;Expertise en Accessibilité Numérique du Groupe Orange s'appuie sur les recommandations du
 52 |           référentiel international WCAG. <a
 53 |             href="https://a11y-guidelines.orange.com/fr/cadrage/correspondance-rgaa-wcag/">Voici le lien de
 54 |             correspondance entre les RGAA et les WCAG</a>.</p>
 55 |         <p>L'analyse a été effectuée via <a href="https://la-va11ydette.orange.com/">la Va11ydette</a>.</p>
 56 | 
 57 |         <h3>Résultat des tests</h3>
 58 |         <div class="row summary">
 59 |           <div class="col-lg-3">
 60 |             <h4 class="pie" data-value="72">
 61 |               <span class="visually-hidden">Conformité globale </span>
 62 |               <span class="pie-val">72%</span>
 63 |             </h4>
 64 | 
 65 |             <p class="lead">Conformité globale
 66 |             </p>
 67 |           </div>
 68 |           <div class="col-lg-3">
 69 |             <h4 class="pie" data-value="89">
 70 |               <span class="visually-hidden">Conformité moyenne </span>
 71 |               <span class="pie-val">89%</span>
 72 |             </h4>
 73 | 
 74 |             <p class="lead">Conformité moyenne</p>
 75 |           </div>
 76 |         </div>
 77 |         <p>L'audit de conformité réalisé par Le Centre d&#039;Expertise en Accessibilité Numérique du Groupe Orange
 78 |           révèle que :</p>
 79 |         <ul>
 80 |           <li>72% des critères WCAG de niveau A et AA sont respectés.</li>
 81 |           <li>Le taux moyen de conformité du service en ligne s'élève à 89%.</li>
 82 |         </ul>
 83 |         <div class="table-responsive">
 84 |           <table class="table table-striped">
 85 |             <caption>Synthèse par niveaux</caption>
 86 |             <thead>
 87 |               <tr>
 88 |                 <th scope="row">Niveau</th>
 89 |                 <th scope="col" class="text-center">A</th>
 90 |                 <th scope="col" class="text-center">AA</th>
 91 |                 <th scope="col" class="text-center">Total</th>
 92 |               </tr>
 93 |             </thead>
 94 |             <tbody>
 95 | 
 96 |               <tr>
 97 |                 <th scope="row" class="font-weight-bold">Nombre de critères</th>
 98 |                 <td class="text-center">32</td>
 99 |                 <td class="text-center">24</td>
100 |                 <td class="text-center">56</td>
101 |               </tr>
102 | 
103 |               <tr>
104 |                 <th scope="row" class="font-weight-bold">Conformes</th>
105 |                 <td class="text-center">13</td>
106 |                 <td class="text-center">10</td>
107 |                 <td class="text-center">23</td>
108 |               </tr>
109 | 
110 |               <tr>
111 |                 <th scope="row" class="font-weight-bold">Non-conformes</th>
112 |                 <td class="text-center">4</td>
113 |                 <td class="text-center">5</td>
114 |                 <td class="text-center">9</td>
115 |               </tr>
116 | 
117 |               <tr>
118 |                 <th scope="row" class="font-weight-bold">Non-applicables</th>
119 |                 <td class="text-center">15</td>
120 |                 <td class="text-center">9</td>
121 |                 <td class="text-center">24</td>
122 |               </tr>
123 | 
124 |               <tr>
125 |                 <th scope="row" class="font-weight-bold bg-light">Conformité</th>
126 |                 <td class="text-center bg-light">
127 |                   76%
128 |                 </td>
129 |                 <td class="text-center bg-light">
130 |                   67%
131 |                 </td>
132 |                 <td class="text-center bg-light">
133 |                   72%
134 |                 </td>
135 |               </tr>
136 | 
137 |             </tbody>
138 |           </table>
139 |         </div>
140 | 
141 |         <div class="table-responsive">
142 |           <table class="table table-striped">
143 |             <caption>Taux de conformité par page selon les deux niveaux de critères A et AA </caption>
144 |             <tr>
145 |               <th scope="row">Critères / Niveau</th>
146 |               <th scope="col" class="text-center">Conformes / A</th>
147 |               <th scope="col" class="text-center">Conformes / AA</th>
148 |               <th scope="col" class="text-center">Non-conformes / A</th>
149 |               <th scope="col" class="text-center">Non-conformes / AA</th>
150 |               <th scope="col" class="text-center">Non-applicables / A</th>
151 |               <th scope="col" class="text-center">Non-applicables / AA</th>
152 |               <th scope="col" class="text-center bg-light">Taux de conformité</th>
153 |             </tr>
154 | 
155 | 
156 |             <tr>
157 |               <th scope="row"><span class="visually-hidden">Page : </span>Home</th>
158 |               <td>14</td>
159 |               <td>13</td>
160 |               <td>2</td>
161 |               <td>0</td>
162 |               <td>16</td>
163 |               <td>11</td>
164 |               <td style="background-color:#ddd !important;">93 %</td>
165 |             </tr>
166 |             <tr>
167 |               <th scope="row"><span class="visually-hidden">Page : </span>Guide utilisateur</th>
168 |               <td>13</td>
169 |               <td>14</td>
170 |               <td>4</td>
171 |               <td>1</td>
172 |               <td>15</td>
173 |               <td>9</td>
174 |               <td style="background-color:#ddd !important;">84 %</td>
175 |             </tr>
176 |             <tr>
177 |               <th scope="row"><span class="visually-hidden">Page : </span>Audit de conformité WCAG 2.2 / WEB</th>
178 |               <td>14</td>
179 |               <td>11</td>
180 |               <td>1</td>
181 |               <td>2</td>
182 |               <td>17</td>
183 |               <td>11</td>
184 |               <td style="background-color:#ddd !important;">89 %</td>
185 |             </tr>
186 |             <tr>
187 |               <th scope="row"><span class="visually-hidden">Page : </span>Conformité</th>
188 |               <td>14</td>
189 |               <td>12</td>
190 |               <td>2</td>
191 |               <td>1</td>
192 |               <td>16</td>
193 |               <td>11</td>
194 |               <td style="background-color:#ddd !important;">90 %</td>
195 |             </tr>
196 |             <tr>
197 |               <th scope="row"><span class="visually-hidden">Page : </span>Déclaration</th>
198 |               <td>15</td>
199 |               <td>12</td>
200 |               <td>1</td>
201 |               <td>2</td>
202 |               <td>16</td>
203 |               <td>10</td>
204 |               <td style="background-color:#ddd !important;">90 %</td>
205 |             </tr>
206 | 
207 |           </table>
208 |         </div>
209 | 
210 |       </div>
211 |     </div>
212 |     <div class="row">
213 | 
214 |       <div class="col-lg">
215 | 
216 |         <h2 class="h4 mt-4">Contenus non accessibles</h2>
217 | 
218 |         <p>Toutes les non conformités sont identifiées et prises en compte par les équipes concernées, voici la liste des critères WCAG non conformes :</p>
219 | 
220 |         <h3 class="h6 mt-4">Non-conformités</h3>
221 |         <p>Liste des critères WCAG non conformes :</p>
222 |         <ul>
223 |           <li>
224 |             1.1.1 Contenu non textuel, Niveau A
225 |           </li>
226 |           <li>
227 |             1.4.3 Contraste (minimum), Niveau AA
228 |           </li>
229 |           <li>
230 |             1.4.10 Reflow, Niveau AA
231 |           </li>
232 |           <li>
233 |             2.1.1 Clavier, Niveau A
234 |           </li>
235 |           <li>
236 |             2.5.8 Taille minimum des zones sensibles, Niveau AA
237 |           </li>
238 |           <li>
239 |             3.1.2 Langue d'un passage, Niveau AA
240 |           </li>
241 |           <li>
242 |             3.3.1 Identification des erreurs, Niveau A
243 |           </li>
244 |           <li>
245 |             3.3.2 Étiquettes ou instructions, Niveau A
246 |           </li>
247 |           <li>
248 |             3.3.3 Suggestion après une erreur, Niveau AA
249 |           </li>
250 |         </ul>
251 |       </div>
252 |     </div>
253 | 
254 |     <div class="row">
255 | 
256 |       <div class="col-lg">
257 |         <h2 class="h4 mt-4">Établissement de cette déclaration d'accessibilité</h2>
258 |         <p>Cette déclaration a été établie le 22/07/2024. </p>
259 |       </div>
260 |     </div>
261 |     <div class="row">
262 |       <div class="col-lg">
263 | 
264 | 
265 |         <h3>Technologies utilisées pour la réalisation du site</h3>
266 |         <ul>
267 |           <li>HTML</li>
268 |           <li>CSS</li>
269 |           <li>JavaScript</li>
270 |         </ul>
271 | 
272 | 
273 |         <h3>Environnement de test</h3>
274 |         <p>Les vérifications ont été réalisées avec les combinaisons logicielles suivantes :</p>
275 |         <ul>
276 |           <li>Chrome 126.0.6478.127 et NVDA 2022.3.2</li>
277 |           <li>Firefox 102.14.0esr et NVDA 2022.3.2</li>
278 |         </ul>
279 | 
280 |         <h3>Méthodes et outils utilisés pour vérifier l'accessibilité</h3>
281 |         <ul>
282 |           <li><strong>Tests automatiques :</strong> aXe 4.81.4, Wave 3.2.5.3</li>
283 |           <li><strong>Tests fonctionnels :</strong> NVDA 2022.3.2, Navigation clavier</li>
284 |         </ul>
285 | 
286 |       </div>
287 |     </div>
288 | 
289 |     <div class="row">
290 |       <div class="col-lg">
291 |         <h3>Page(s) ayant fait l'objet de la vérification de conformité</h3>
292 |         <p>L'audit de vérification a été effectué sur les pages suivantes à l'aide de la va11ydette d'Orange :</p>
293 | 
294 |         <ol>
295 |           <li><strong>Home : </strong>https://la-va11ydette.orange.com/</li>
296 |           <li><strong>Guide utilisateur : </strong>https://la-va11ydette.orange.com/user-guide</li>
297 |           <li><strong>Audit de conformité WCAG 2.2 / WEB :
298 |             </strong>https://la-va11ydette.orange.com/?list=wcag-web&amp;amp;amp;lang=fr</li>
299 |           <li><strong>Conformité</strong></li>
300 |           <li><strong>Déclaration</strong></li>
301 |         </ol>
302 |       </div>
303 |     </div>
304 |     <div class="row">
305 | 
306 |       <div class="col-lg">
307 | 
308 |         <h2 class="h4 mt-4">Retour d'information et contact</h2>
309 |         <p>Si vous n'arrivez pas à acceder à un contenu ou à un service, vous pouvez contacter le responsable du site
310 |           pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.</p>
311 | 
312 |         <p>Envoyez un courriel à <a href="mailto:accessibility.support@orange.com">accessibility.support@orange.com</a>.
313 |         </p>
314 | 
315 | 
316 |       </div>
317 |     </div>
318 |     <div class="row">
319 | 
320 |       <div class="col-lg">
321 | 
322 |         <h2 class="h4 mt-4">Voies de recours</h2>
323 |         <p>Vous avez signalé au responsable du site internet un défaut d'accessibilité qui vous empêche d'accéder à un
324 |           contenu ou à un des services du portail et vous n'avez pas obtenu de réponse satisfaisante, dans ce cas&nbsp;:
325 |         </p>
326 |         <ul>
327 |           <li>Écrire un message au <a href="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/">Défenseur des
328 |               droits</a>.</li>
329 |           <li>Ou contacter le <a href="https://www.defenseurdesdroits.fr/saisir/delegues">délégué du Défenseur des
330 |               droits dans votre département</a>.</li>
331 |           <li>Ou envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) <br>
332 |             <address> Défenseur des droits <br> Libre réponse 71120 <br> 75342 Paris CEDEX 07 </address>
333 |           </li>
334 |         </ul>
335 | 
336 |       </div>
337 |     </div>
338 |   </main>
339 | </body>
340 | 
341 | </html>


--------------------------------------------------------------------------------
/js/controllers/filterManager.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Filter manager
  3 |  */
  4 | 
  5 | /**
  6 |  * Filter initialization, filters HTML elements are build here from the global var arrayFilterNameAndValue.
  7 |  */
  8 |  initFilters = function () {
  9 | 
 10 | 
 11 |     globalFilter();
 12 |     
 13 |     // @todo à supprimer dans le futur 08/08/2022
 14 |     if (globalTemplate==="audit") {
 15 |         PropertyFilterMarkup("arrayProfileActivated", "arrayProfileNameAndValue", "profile");
 16 |         PropertyFilterMarkup("arrayTypeActivated", "arrayTypeNameAndValue", "type");
 17 |     }
 18 | 
 19 |     if(globalTemplate==="audit" || globalTemplate==="wcag"){
 20 | 
 21 |         if(globalTemplate==="wcag"){
 22 |             goodPracticeFilter();
 23 |         }
 24 | 
 25 |         let htmlWcagDisplay = '<div class="border-top border-light my-3"></div>';
 26 |         htmlWcagDisplay += '<div class="form-check form-switch"><label class="form-check-label pb-1 d-print-none" id="labelWcagDisplay"><input type="checkbox" class="form-check-input" id="typeWcagDisplay" value=""><span class="form-check-label" id="displayWcag">' + langVallydette.wcagView + '</span></label></div>';
 27 |         let wcagDisplayItem = document.createElement("div");
 28 |         wcagDisplayItem.innerHTML = htmlWcagDisplay;
 29 |         htmlFilterContent.appendChild(wcagDisplayItem);
 30 |         
 31 |         var typeWcagDisplayInput = document.getElementById("typeWcagDisplay");
 32 |         typeWcagDisplayInput.addEventListener('click', function () {
 33 |                 wcagDisplayMode(this);
 34 |             }, false);
 35 |     }
 36 |     
 37 | }
 38 | 
 39 | /**
 40 | * Global filter for all checklist
 41 | * Expand/colapse test and compliant, noncompliant... switch
 42 | */
 43 | function globalFilter(){
 44 | 
 45 |     htmlFilterContent.innerHTML = '';
 46 | 
 47 |     /* Display part */
 48 |     let htmlDisplayHeading = document.createElement('h3');
 49 |     htmlDisplayHeading.textContent = langVallydette.display;
 50 |     htmlDisplayHeading.className = "h4";
 51 |     htmlFilterContent.appendChild(htmlDisplayHeading);
 52 | 
 53 |     let htmlDisplayDivButtonExpand = document.createElement("div");
 54 | 
 55 |     let htmlDisplayButtonExpand = document.createElement("button");
 56 |     htmlDisplayButtonExpand.classList.add("btn", "btn-secondary", "btn-sm","m-2");
 57 |     htmlDisplayButtonExpand.id="btnPageExpanded";
 58 |     htmlDisplayButtonExpand.textContent=langVallydette.expandedAll;
 59 |     htmlDisplayDivButtonExpand.appendChild(htmlDisplayButtonExpand);
 60 |     htmlFilterContent.appendChild(htmlDisplayDivButtonExpand);
 61 | 
 62 | 
 63 |     let htmlDisplayDivButtonCollapse = document.createElement("div");
 64 | 
 65 |     let htmlDisplayButtonCollapse = document.createElement("button");
 66 |     htmlDisplayButtonCollapse.classList.add("btn", "btn-secondary", "btn-sm","m-2");
 67 |     htmlDisplayButtonCollapse.id="btnPageCollapsed";
 68 |     htmlDisplayButtonCollapse.textContent=langVallydette.expandedAllFalse;
 69 |     htmlDisplayDivButtonCollapse.appendChild(htmlDisplayButtonCollapse);
 70 |     htmlFilterContent.appendChild(htmlDisplayDivButtonCollapse);
 71 | 
 72 |     let htmlBorderSeparate = document.createElement("div");
 73 |     htmlBorderSeparate.innerHTML = '<div class="border-top border-light my-3"></div>';
 74 |     htmlFilterContent.appendChild(htmlBorderSeparate);
 75 | 
 76 |     document.getElementById('btnPageExpanded').addEventListener('click', function (e) {
 77 |         document.querySelectorAll("button.btn-expanded").forEach( element =>{
 78 |                 if (element.attributes['aria-expanded'].value==="false"){
 79 |                     element.click();
 80 |                 }
 81 |         })
 82 |     });
 83 | 
 84 |     document.getElementById('btnPageCollapsed').addEventListener('click', function (e) {
 85 |         document.querySelectorAll("button.btn-expanded").forEach( element =>{
 86 |                 if (element.attributes['aria-expanded'].value==="true"){
 87 |                     element.click();
 88 |                 }
 89 |         })
 90 |     });
 91 |     
 92 |    
 93 | 
 94 | 
 95 |     /* Filter part */
 96 |     let htmlFilterHeading = document.createElement('h3');
 97 |     htmlFilterHeading.textContent = langVallydette.template.filters;
 98 |     htmlFilterHeading.className = "h4";
 99 |     htmlFilterContent.appendChild(htmlFilterHeading);
100 | 
101 |     let htmlFilterFeedback = document.createElement('div');
102 |     htmlFilterFeedback.setAttribute("id", "feedback"); 
103 |     htmlFilterFeedback.setAttribute("role", "alert"); 
104 |     htmlFilterContent.appendChild(htmlFilterFeedback);
105 | 
106 |     let htmlFilterList = document.createElement('ul');
107 |     htmlFilterList.classList.add("list-unstyled");
108 |     
109 |     for (let i in arrayFilterNameAndValue) {
110 |         var isChecked = "";
111 |         arrayFilterActivated.forEach(element => {element === arrayFilterNameAndValue[i][1] ? isChecked = "checked" : ''});
112 |         htmlTypes = '<div class="form-check form-switch"><label class="form-check-label pb-1" id="labelType' + i + '"><input type="checkbox" class="form-check-input" id="result' + i + '" value="' + arrayFilterNameAndValue[i][1] + '" '+ isChecked+ '><span class="form-check-label" id="status' + i+1 + '">' + arrayFilterNameAndValue[i][0] + '</span></label></div>';
113 |         
114 |         var listItem = document.createElement("li");
115 |         listItem.innerHTML = htmlTypes;
116 |         htmlFilterList.appendChild(listItem);
117 |         htmlFilterContent.appendChild(htmlFilterList);
118 | 
119 |         /** Filters event handler. */
120 |         var inputItem = document.getElementById("result" + i);
121 |         inputItem.addEventListener('click', function () {
122 |             updateArrayFilter(this)
123 |         }, false);
124 | 
125 |     }
126 | }
127 | 
128 | /**
129 | * Filter good practice to wcag checklist
130 | * display good practice or not
131 | */
132 | function goodPracticeFilter(){
133 |     let htmlFilterList = document.getElementsByClassName('list-unstyled');
134 |     var isChecked = ( dataVallydette.checklist.goodPractice===true ? "checked" :"" );
135 | 
136 |     htmlTypes = '<div class="form-check form-switch"><label class="form-check-label pb-1" id="labelTypeGoodPractice"><input type="checkbox" class="form-check-input" id="resultGoodPractice" '+ isChecked+ '><span class="form-check-label" id="statusGoodPractice">' + langVallydette.goodPracticeSwitch + '</span></label></div>';
137 |     var listItem = document.createElement("li");
138 |     listItem.innerHTML = htmlTypes;
139 |     htmlFilterList[0].appendChild(listItem);
140 | 
141 |     var inputItem = document.getElementById("resultGoodPractice");
142 |         inputItem.addEventListener('click', function (e) {
143 |             if(e.target.checked){
144 |                
145 |                 let goodPracticeElements= document.getElementsByClassName("good-practice");
146 |                 for (let item of goodPracticeElements) {
147 |                     item.classList.remove('d-none')
148 |                     
149 |                 }
150 |                 dataVallydette.checklist.goodPractice=true;
151 |                 localStorage.setItem('goodPractice',true)
152 |             }
153 |             else{
154 |                 let goodPracticeElements= document.getElementsByClassName("good-practice");
155 |                 for (let item of goodPracticeElements) {
156 |                     item.classList.add('d-none')
157 |                 }
158 |                 dataVallydette.checklist.goodPractice=false;
159 |                 localStorage.setItem('goodPractice',false)
160 |             }
161 | 
162 |             runFilter();
163 |         }, false);
164 | 
165 | }
166 | 
167 | function getNbGoodPractice(){
168 | 
169 |     goodPracticeArray = [];
170 |     filteredTest = dataVallydette.checklist.page[currentPage].items;
171 | 
172 |     if(dataVallydette.checklist.goodPractice == false ){
173 |     
174 |         goodPracticeArray = filteredTest.filter(o => {
175 |             if( o.goodPractice){
176 |                 return o;
177 |             }
178 |         });
179 |     
180 |     } 
181 | 
182 |     return goodPracticeArray.length;
183 |     
184 | }
185 | 
186 | /**
187 | * Create the filters markup (lists of filters)
188 | */
189 | function PropertyFilterMarkup(arrayActivatedFilter, arrayNameAndValue, inputName) {
190 | 
191 | if (window[arrayNameAndValue]) {
192 |     
193 |     let htmlPropertyList = document.createElement('ul');
194 |     htmlPropertyList.classList.add("list-unstyled");
195 |     
196 |     let separator = document.createElement("hr");
197 |     separator.classList.add("border-light");
198 |     htmlFilterContent.appendChild(separator);
199 |     
200 |         for (let i in window[arrayNameAndValue]) {
201 |             var isChecked = "";
202 |             
203 |             window[arrayActivatedFilter].forEach(element => {element === window[arrayNameAndValue][i] ? isChecked = "checked" : ''});
204 |             htmlProperty = '<label class="form-check pb-1" id="label' + inputName + i + '"><input type="radio" name="' + inputName + '" class="form-check-input" id="' + inputName + i + '" value="' + window[arrayNameAndValue][i] + '" '+ isChecked+ '><span class="form-check-label">' + window[arrayNameAndValue][i] + '</span></label>';
205 |             
206 |             var listPropertyItem = document.createElement("li");
207 |             listPropertyItem.innerHTML = htmlProperty;
208 |             htmlPropertyList.appendChild(listPropertyItem);
209 |             htmlFilterContent.appendChild(htmlPropertyList);
210 | 
211 |             
212 |             var inputItem = document.getElementById(inputName + i);
213 |             
214 |             inputItem.addEventListener('click', function () {
215 |                 updateRadioFilterArray(this, arrayActivatedFilter)
216 |             }, false);
217 | 
218 |         }
219 |     
220 |     listPropertyItem = document.createElement("li");
221 |     let buttonReset = document.createElement("button");
222 |     buttonReset.classList.add("btn", "btn-secondary", "btn-sm");
223 |     buttonReset.innerHTML = langVallydette.reset;
224 |     buttonReset.addEventListener('click', function () {
225 |         updateRadioFilterArray(false, arrayActivatedFilter)
226 |     }, false);
227 |     listPropertyItem.appendChild(buttonReset);
228 |     htmlPropertyList.appendChild(listPropertyItem);
229 |     htmlFilterContent.appendChild(htmlPropertyList);
230 |     
231 | }
232 | }
233 | 
234 | /**
235 | * Create the wcag view (cheklist tests and results displayed by wcag)
236 | */
237 | function wcagDisplayMode(wcagDisplayModeInput) {
238 | 
239 | if (wcagDisplayModeInput.checked) {
240 |     
241 |      let wcagDisplayObj = runComputationWcag(true);
242 | 
243 |         let wcagDisplayContent = '';
244 |         
245 |         wcagDisplayContent += '<h3 class="sticky-md-top d-flex bg-white pt-4 pb-2">' + langVallydette.wcagView + '</h3>';
246 |         
247 |         for (let i in wcagDisplayObj[currentPage].items) {
248 |             
249 |             if ((globalTemplate==="wcag" && wcagDisplayObj[currentPage].items[i].level!="AAA") || globalTemplate!="wcag") {
250 |                 wcagDisplayContent += '<h4 class="sticky-md-top d-flex bg-white pt-4 pb-3 border-bottom">'+ wcagDisplayObj[currentPage].items[i].wcag + ' ' + wcagDisplayObj[currentPage].items[i].name +' ' + wcagDisplayObj[currentPage].items[i].level + '</h4>';
251 | 
252 |                 wcagDisplayContent += '<table class="table table-striped"><caption class="visually-hidden">' + langVallydette.wcagView + '</caption>';
253 |                 wcagDisplayContent += '<thead><tr>';
254 |                 wcagDisplayContent += '<th scope="col">Tests</th>';
255 |                 wcagDisplayContent += '<th scope="col">' + langVallydette.resultHeading + '</th>';
256 |                 wcagDisplayContent += '</tr></thead>';
257 |                 wcagDisplayContent += '<tbody>';
258 |                 for (let j in wcagDisplayObj[currentPage].items[i].test) {
259 |                     wcagDisplayContent += '<tr>';
260 |                     wcagDisplayContent += '<td class="w-100">'+ wcagDisplayObj[currentPage].items[i].test[j].title +'</td>';
261 |                     wcagDisplayContent += '<td><span class="ms-auto badge ' + getStatutClass(wcagDisplayObj[currentPage].items[i].test[j].result) + '">' + setStatutText(wcagDisplayObj[currentPage].items[i].test[j].result) + '</span></td>';
262 |                     wcagDisplayContent += '</tr>';
263 |                 }
264 |                 wcagDisplayContent += '<tr class="bg-light2">';
265 |                 wcagDisplayContent += '<th class="font-weight-bold" scope="row">' + langVallydette.result + '</th>';
266 |                 wcagDisplayContent += '<td><span class="ms-auto badge ' + getStatutClass(wcagDisplayObj[currentPage].items[i].resultat) + '">' + setStatutText(wcagDisplayObj[currentPage].items[i].resultat) + '</span></td>';
267 |                 wcagDisplayContent += '</tr>';
268 |                 wcagDisplayContent += '</tbody></table>';
269 |             }
270 |             
271 |         }
272 |         
273 |         htmlMainContent.innerHTML = wcagDisplayContent;
274 |         
275 |         
276 |         initAnchorMenu();
277 | } else {
278 |     showPage(dataVallydette.checklist.page[currentPage].IDPage);
279 | }
280 | 
281 | }
282 | 
283 | /**
284 | * Update the filter counter each an new filter is applied or disabled.
285 | * @param {boolean} activeFilter - if at least one filter is activated => true, if not => false.
286 | * @param {number} nbTests - total number of test depending on filters.
287 | */
288 | updateCounter = function (activeFilter, nbTests) {
289 | let elFeedback = document.getElementById('feedback');
290 | let htmlFeedback = '';
291 | 
292 | if(!activeFilter){
293 |     nbTests -=getNbGoodPractice();
294 | }
295 | if(nbTests<0){
296 |     nbTests=0;
297 | }
298 | 
299 | if (activeFilter) {
300 |     htmlFeedback = '<p><span><b>' + nbTests + '</b> ' + langVallydette.filterFeedback2 + '</span></p>';
301 |     elFeedback.innerHTML = htmlFeedback;
302 | } else {
303 |     htmlFeedback = '<p><b>' + nbTests  + '</b> ' + langVallydette.filterFeedback1 + '</p>';
304 |     elFeedback.innerHTML = htmlFeedback;
305 | }
306 | };
307 | 
308 | /**
309 | * Run when a filter switch button is activated. Update the array of enabled filters. 
310 | * @param {object} elInput - switch button. 
311 | */
312 | updateArrayFilter = function (elInput) {
313 | 
314 | if (elInput && elInput.checked) {
315 |     
316 |     arrayFilterActivated.push(elInput.value);
317 |     
318 | } else {
319 |     
320 |     arrayFilterActivated = arrayFilterActivated.filter(function(filterValue) {
321 |         return filterValue !== elInput.value;
322 |     });
323 |     
324 | }
325 | 
326 | loadChecklistObject();
327 | 
328 | }
329 | 
330 | /**
331 | * Run when a filter radio button is activated. Update the array of enabled filters. 
332 | * @param {object} elInput - radio button. 
333 | */
334 | updateRadioFilterArray = function (elInput, arrayToUpdate) {
335 | 
336 | window[arrayToUpdate].splice(0, window[arrayToUpdate].length);
337 | 
338 | if (elInput && elInput.checked) {
339 |     
340 |     window[arrayToUpdate].push(elInput.value);
341 |     
342 | } 
343 | 
344 | loadChecklistObject();
345 | 
346 | }
347 | 
348 | /**
349 | * Get the unique entry from an object property, in order to build a filter array
350 | * @param {object} objectToParse
351 | * @param {string} property - property from vallydette object. 
352 | */
353 | function uniqueEntry(objectToParse, property) {
354 | uniqueEntryArray = [];
355 | objectToParse.forEach(function(item){
356 |         item[property].forEach(function(entry){
357 |             uniqueEntryArray.push(entry);
358 |         });
359 |     })
360 |     
361 |     return [...new Set(uniqueEntryArray)];
362 | }
363 | 
364 | 
365 | /**
366 | * Apply the filters to the vallydette object, and run display function (runTestListMarkup) with the new filtered object
367 | */	
368 | runFilter = function() {
369 | 
370 | function filtrerParID(prop, arrayFilters) {
371 |     
372 |     return function(obj) {
373 |         var isOK;	
374 |         obj[prop].forEach(function(current) {
375 |             
376 |             if(window[arrayFilters].includes(current)) {				
377 |                 isOK = true;	
378 |             } 
379 |                 
380 |         })
381 |     
382 |         return isOK;
383 |     
384 |     }
385 | }
386 | 
387 | filteredTest = dataVallydette.checklist.page[currentPage].items;
388 | 
389 | if(dataVallydette.checklist.goodPractice == false){
390 |     filteredTest = filteredTest.filter(o => o.goodPractice==false);
391 | }
392 | 
393 | if(arrayFilterActivated && arrayFilterActivated.length > 0){
394 |     filteredTest = filteredTest.filter(o => arrayFilterActivated.includes(o.resultatTest));
395 | 
396 | } 
397 | 
398 | if(arrayProfileActivated && arrayProfileActivated.length > 0){
399 |     filteredTest = filteredTest.filter(filtrerParID("profils", "arrayProfileActivated"));
400 |     
401 | } 
402 | 
403 | if(arrayTypeActivated && arrayTypeActivated.length > 0){
404 |     filteredTest = filteredTest.filter(filtrerParID("type", "arrayTypeActivated"));
405 | 
406 | }
407 | 
408 | runTestListMarkup(filteredTest);
409 | updateCounter(true, filteredTest.length);
410 | }
411 | 
412 | 
413 | /**
414 | * Some pages (actually the audit result page) no need of the filter menu.
415 | */
416 | removeFilterSection = function () {
417 | htmlFilterContent.innerHTML = "";
418 | }
419 | 
420 | /**
421 | * Run when the checklist display must be updated (when a filter is applied for example)
422 | */		
423 | loadChecklistObject = function () {
424 | initFilters();
425 | if((arrayFilterActivated && arrayFilterActivated.length > 0) || (arrayProfileActivated && arrayProfileActivated.length > 0) || (arrayTypeActivated && arrayTypeActivated.length > 0)){
426 |     runFilter();
427 | } else {
428 |     runTestListMarkup(dataVallydette.checklist.page[currentPage].items);
429 |     updateCounter(false, dataVallydette.checklist.page[currentPage].items.length);
430 | }
431 | }


--------------------------------------------------------------------------------
/json/lang/en.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"va11ydette": "The va11ydette",
  3 | 	"auditNameWcag": "Orange Audit check list",
  4 | 	"auditNameAuditor": "Orange auditor check list",
  5 | 	"homepage": "Homepage",
  6 | 	"va11ydetteOrange": "The Orange's v<span class=\"text-primary bg-transparent\">a11y</span>dette",
  7 | 	"homepageDescription": "Orange provides several accessibility assessment grids through its validation tool La va11ydette.",
  8 | 	"run": "Run",
  9 | 	"pageName": "Page name",
 10 | 	"processHeading": "Procedures",
 11 | 	"toCheckHeading": "To be checked",
 12 | 	"resultHeading": "Results",
 13 | 	"justificationHeading": "Explanation",
 14 | 	"exceptionHeading": "Exception",
 15 | 	"toolsText": "Tools : ",
 16 | 	"groupHeading": "This page has: ",
 17 | 	"status5": "N/A",
 18 | 	"expanded": "Close theme",
 19 | 	"informations": "Additional information",
 20 | 	"closeInformations": "Close informations message",
 21 | 	"success": "success",
 22 | 	"successFeedback": "Data has been saved.",
 23 | 	"warningNoResult": "No results match your selection",
 24 | 	"versionAlert1": "This audit is not based on the latest version of the guidelines",
 25 | 	"versionAlert2": "Your compliance rate will be calculated using version 1.3",
 26 | 	"closeAlert": "Close the information message",
 27 | 	"auditResult": "Audit results",
 28 | 	"auditTxt1": "Global compliance",
 29 | 	"auditTxt2": "Warning audit in progress",
 30 | 	"auditTxt3": "Results per page",
 31 | 	"auditTxt4": "Compliance rate by pages according to the two levels of criteria A and AA",
 32 | 	"auditTxt5": "List of noncompliances",
 33 | 	"auditTxt6": "in progress",
 34 | 	"auditTxt7": "not tested",
 35 | 	"auditTxt8": "Compliance rate",
 36 | 	"auditTxt9": "Criterion",
 37 | 	"auditTxt10": "Level",
 38 | 	"auditTxt11": "No noncompliances",
 39 | 	"auditTxt12": "result:",
 40 | 	"auditTxt13": "Average compliance",
 41 | 	"auditTxt14": "Results",
 42 | 	"auditTxt15": "Summary by levels",
 43 | 	"auditTxt16": "Compliance",
 44 | 	"auditTxt17": "Criteria",
 45 | 	"auditTxt18": "Compliance rate by pages",
 46 | 	"level": "level",
 47 | 	"showAudit": "View the results of the audit",
 48 | 	"scrollUp": "Back to top of page",
 49 | 	"addPage": "Add a page",
 50 | 	"editPageName": "Edit the page name",
 51 | 	"deletePageName": "Delete the page",
 52 | 	"openPageUrl": "Open the url of the current page (new window)",
 53 | 	"delete": "Delete",
 54 | 	"close": "Close",
 55 | 	"cancel": "Cancel",
 56 | 	"validate": "Validate",
 57 | 	"edit": "Edit",
 58 | 	"save": "Save",
 59 | 	"saveDownloadJson": "Save and download in JSON format",
 60 | 	"downloadJson": "Download in JSON format",
 61 | 	"import": "Load",
 62 | 	"importError": "The JSON file is not compatible with import",
 63 | 	"importErrorEmpty": "You must fill in a JSON file before importing",
 64 | 	"download": "Download",
 65 | 	"selectAchecklist": "Select a checklist",
 66 | 	"reset": "Reset",
 67 | 	"name": "Name",
 68 | 	"url": "URL",
 69 | 	"commentTxt1": "Comment for",
 70 | 	"addComment": "Add a comment: ",
 71 | 	"editComment": "Edit the comment",
 72 | 	"issueTxt1": "Enter an issue for : ",
 73 | 	"issueTxt2": "Issues for: ",
 74 | 	"issueTxt3": "Please confirm the removal of the anomaly: ",
 75 | 	"issues": "Issues",
 76 | 	"editIssue": "Edit an issue",
 77 | 	"addIssue": "Add an issue",
 78 | 	"issueManagement": "Issues management",
 79 | 	"filterFeedback1": "tests in progress",
 80 | 	"filterFeedback2": "tests meet the selected filter criteria",
 81 | 	"errorJson": "Error loading JSON file",
 82 | 	"errorNameRequired":"The field Name is required",
 83 | 	"groupsTxt1": "Captcha",
 84 | 	"groupsTxt2": "Form",
 85 | 	"groupsTxt3": "Multimedia",
 86 | 	"groupsTxt4": "Touch screen",
 87 | 	"dataBrowse": "Browse",
 88 | 	"recoverAction": "Recover",
 89 | 	"deleteAction": "Delete",
 90 | 	"recoverTitle": "Recover / Delete an audit",
 91 | 	"recoverMessage": "Saved audits",
 92 | 	"deleteAsk": "Are you sure you want to remove the audit",
 93 | 	"wcagView": "WCAG view",
 94 | 	"result": "result",
 95 | 	"goodPractice": "good practice",
 96 | 	"goodPracticeSwitch": "activate good practice",
 97 | 	"summary": "summary",
 98 | 	"summaryError": "The field summary is required",
 99 | 	"description": "description",
100 | 	"descriptionError": "The field description is required",
101 | 	"solution": "solution",
102 | 	"technical_solution": "technical solution",
103 | 	"priorityIssue" : "priority",
104 | 	"reviewIssue": "review",
105 | 	"stateIssue": "issue state / project team commentary",
106 | 	"selectIssue": "select a pre-defined issue",
107 | 	"yes": "yes",
108 | 	"no": "no",
109 | 	"is": "is",
110 | 	"anchorLink": "Anchor link",
111 | 	"lang": "Language",
112 | 	"langError": "The field Language is required",
113 | 	"french": "French",
114 | 	"english": "English",
115 | 	"select": "Select",
116 | 	"projectName": "Name of organization",
117 | 	"projectNameError": "The Organization Name field is required",
118 | 	"projectSiteName": "Project name or URL",
119 | 	"projectSiteNameError": "The field Project name or URL is required",
120 | 	"date": "Date",
121 | 	"dateError": "The field Date is required, it must be in the format",
122 | 	"dateUpdate": "Update date",
123 | 	"technology": "Technologies",
124 | 	"technologyEdit": "Edit the technologies list",
125 | 	"tests": "Tests",
126 | 	"testsEdit": "Edit the tests list",
127 | 	"environments": "Environments",
128 | 	"environment": "Test environment",
129 | 	"environmentsEdit": "Edit the tests environments list",
130 | 	"users": "Users",
131 | 	"userTesting": "User testing",
132 | 	"userTestingContent": "xx users with disablilities",
133 | 	"userTestingContentWeb": " (ZoomText, Jaws, xxx).",
134 | 	"userTestingContentAndroid": " (Talkback, Switch Access, xxx).",
135 | 	"userTestingContentIOS": " (Voice Over, xxx).",
136 | 	"userTest": "User tests",
137 | 	"userNumber": "Number of users",
138 | 	"userTestDescription": "Test description",
139 | 	"edition": "Edit",
140 | 	"blockingNumber": "Number of blocking points",
141 | 	"criteriaNumber": "Number of criteria",
142 | 	"addElement": "Add an element",
143 | 	"statement": "Statement",
144 | 	"statementExport": "Export statement",
145 | 	"statementTitle": "Generate the statement",
146 | 	"statementTxt1": "Statement configuration",
147 | 	"statementTxt2": "XML export is only available for completed audits",
148 | 	"statementTxt3": "Leave the \"name\" field empty, to delete the item from the list after saving.",
149 | 	"statementTxt4": "Import the data from a statement saved in JSON format, or enter the information directly in the \"Manual data entry\" part.",
150 | 	"selectData": "Select data",
151 | 	"formPrefill": "Prefill the form",
152 | 	"formPrefillDesc": "Import the data from a declaration saved in JSON format, or fill in the information directly in the \"Complete the data\" part.",
153 | 	"manualDataEntry": "Complete the data",
154 | 	"manualDataEntryDesc": "Complete or modify the data of the declaration.",
155 | 	"fieldRequired": "All required fields are marked with <span class=\"text-danger\">*</span>",
156 | 	"approval": "Approval",
157 | 	"approvalEdit": "Edit the approvals list",
158 | 	"display": "Display",
159 | 	"expandedAll": "Expand all tests",
160 | 	"expandedAllFalse": "Collapse all tests",
161 | 	"contact": "Contact",
162 | 	"contactEdit": "Edit the contacts list",
163 | 	"accessibilityPlan": "Accessibility plan",
164 | 	"accessibilityPlanText": "[Name of the organization] undertakes to make its websites internet, intranet, extranet and its mobile applications accessible in accordance with article 47 of Law No. 2005-102 of February 11, 2005.\n\nTo this end, it implements the following strategy and actions [links to the multi-annual plan and to the action plan for the current year including a review of actions carried out in the previous year].\n\nThis accessibility statement applies to [Project name or URL].",
165 | 	"accessibilityPlanTextReplace":"[Name of the organization]",
166 | 	"accessibilityPlanTextReplace2":"[Project name or URL]",
167 | 	"markdownDesc": "This field supports markdown",
168 | 	"noncompliantInput": "Statement non compliant",
169 | 	"noncompliantDesc": "Check this checkbox only if you want to generate a non-compliant statement of an uncompleted audit.",
170 |     "compliantStateComment": "Comment on conformity level",
171 | 	"nonFinishedAudit": "The results of the initial tests are based on a partial analysis. This analysis was interrupted due to the significant number of non-conformities observed.",
172 |     "derogations": "Derogations",
173 | 	"exemptions": "Exemptions",
174 | 	"nonCompliantComment": "Comment for non-conformities",
175 | 	"selectType": "Select a type",
176 | 	"modifyList": "Modify the list",
177 | 	"customerService": "Customer service",
178 | 	"internalService": "Internal service",
179 | 	"textService" :"Contact [Name of the entity responsible for the online service] [url of a page with the entity’s contact details]",
180 | 	"orangeGroup": "Orange group",
181 | 	"environmentEx1": "Chrome XX and JAWS 2024",
182 | 	"environmentEx2": "Firefox XX and NVDA 2023.3",
183 | 	"environmentEx3": "Android 10 and Talkback",
184 | 	"environmentEx4": "IOS and Voice Over",
185 | 	"keyboardNavigation": "Keyboard navigation",
186 | 	"xmlBtn": "Export the statement in XML format",
187 | 	"htmlBtn": "Export the statement in HTML format",
188 | 	"item": "Name",
189 | 	"type": "Type",
190 | 	"auto": "auto",
191 | 	"content": "content",
192 | 	"functional": "functional",
193 | 	"manual": "manual",
194 | 	"user": "user",
195 | 	"version": "Version",
196 | 	"autoTest": "Automatic testing",
197 | 	"functionalTest": "Functional testing",
198 | 	"manualTest": "Manual testing",
199 | 	"userTest": "User testing ",
200 | 	"keyboard": "Keyboard",
201 | 	"auditWarning": "These results are not exhaustive. The cases noted are given by way of example, in order to illustrate the issues. It is the project team's responsibility to apply these fixes systematically to all similar cases.",
202 | 	"keyboard": "Keyboard",
203 | 	"compliant": "Compliant",
204 | 	"nonCompliant": "Non-compliant",
205 | 	"notApplicable": "Not applicable",
206 | 	"notTested": "not tested",
207 | 	"noCommentary": "no commentary",
208 | 	"autocheckTxt1": "This test is linked to the previous page",
209 | 	"autocheckTxt2": "Automatically apply this result to next page.",
210 | 	"autocheckTxtError": "Warning, you have just modified a criterion linked to the previous page, this link and that of the following pages no longer exists.",
211 | 	"autocheckModalTitle": "Automatically apply this result",
212 | 	"autocheckModalTxt": "Do you want to apply the result of this criterion to all subsequent pages?",
213 | 	"autocheckModalTxt2": "If you answer no, the result will be applied only on the next page.",
214 | 	"moreInfo": "More informations",
215 | 	"newWindow": "new window",
216 | 	"guidelines": "guidelines",
217 | 	"template": {
218 | 		"va11ydette": "The v<span class=\"text-primary\">a11y</span>dette",
219 | 		"auditNameWcag": "Orange Audit check list",
220 | 		"btnShowResult": "Compliance",
221 | 		"btnImportTxt": "Import",
222 | 		"btnExportTxt": "Export",
223 | 		"import": "Load audit",
224 | 		"status1": "compliant",
225 | 		"status2": "non-compliant",
226 | 		"status3": "not applicable",
227 | 		"status4": "not tested",
228 | 		"filters": "Filters",
229 | 		"navAnchor": "On this page",
230 | 		"footerStatementText": "<a class=\"nav-link d-inline\" href=\"/accessibility-statement.html\">Accessibility: partially compliant",
231 | 		"footerTxt1": "Documentation under <a class=\"nav-link d-inline\" href=\"https://github.com/Orange-OpenSource/La-Va11ydette/blob/master/LICENSE\">MIT License</a>.",
232 | 		"footerTxt2": "The Orange logo as well as certain images and screenshots are the property of Orange: Copyright © 2016 Orange SA All rights reserved.",
233 | 		"footerLinkGit": "Report an error on GitHub <span class=\"visually-hidden\">&nbsp;(new window)</span><svg class=\"ms-1\" aria-hidden=\"true\" focusable=\"false\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 1000 1000\"><defs><style>.cls-1 {fill-rule: evenodd;}</style></defs><path class=\"cls-1\" d=\"M374.908,308.958L600,309V109L921.719,430.9a74.988,74.988,0,0,1,0,106.044L600,859V659H325A150.027,150.027,0,0,0,175,809v81C98.941,830.528,50,737.929,50,633.891,50,454.436,195.466,308.958,374.908,308.958Z\"/></svg>",
234 | 		"link-about-txt": "About",
235 | 		"link-guide-txt": "User Guide"
236 | 	},
237 | 	"title": {
238 | 		"btnImport": "Import an audit (json)",
239 | 		"btnImportClose": "Close the import part",
240 | 		"export": "Export an audit (json)",
241 | 		"btnShowResult": "Show the compliances results",
242 | 		"btnChecklistName": "Edit the audit name",
243 | 		"btnPageName": "Edit the page name",
244 | 		"btnDelPage": "Delete the page",
245 | 		"btnLocalStorage": "Recover / Delete an audit",
246 | 		"btnExcelExport": "Export issues (excel)",
247 | 		"footerLinkGit" : "Report an error on GitHub (new window)",
248 | 		"link-about": "About (new window)",
249 | 		"link-guide": "User guide (new window)",
250 | 		"link-guide-href":"./user-guide-en?lang=en",
251 | 		"link-to-top":"Back to top"
252 | 	},
253 | 	"ariaLabelOnly": {
254 | 		"nav-lang": "About and languages menu",
255 | 		"nav-back-to-top": "Back to top",
256 | 		"selectFiles" : "Select an audit (JSON)"
257 | 	},
258 | 	"url": {
259 | 		"link-about": "https://a11y-guidelines.orange.com/en/web/wcag-audit/"
260 | 	},
261 | 	"wcag": {
262 | 		  "1.1.1": "Non-text Content",
263 | 		  "1.2.1": "Audio-only and Video-only (Prerecorded)",
264 | 		  "1.2.2": "Captions (Prerecorded)",
265 | 		  "1.2.3": "Audio Description or Media Alternative (Prerecorded)",
266 | 		  "1.2.4": "Captions (Live)",
267 | 		  "1.2.5": "Audio Description (Prerecorded)",
268 | 		  "1.3.1": "Info and Relationships",
269 | 		  "1.3.2": "Meaningful Sequence",
270 | 		  "1.3.3": "Sensory Characteristics",
271 | 		  "1.3.4": "Orientation",
272 | 		  "1.3.5": "Identify Input Purpose",
273 | 		  "1.4.1": "Use of Color",
274 | 		  "1.4.2": "Audio Control",
275 | 		  "1.4.3": "Contrast (Minimum)",
276 | 		  "1.4.4": "Resize text",
277 | 		  "1.4.5": "Images of Text",
278 | 		  "1.4.10": "Reflow",
279 | 		  "1.4.11": "Non-text Contrast",
280 | 		  "1.4.12": "Text Spacing",
281 | 		  "1.4.13": "Content on Hover or Focus",
282 | 		  "2.1.1": "Keyboard",
283 | 		  "2.1.2": "No Keyboard Trap",
284 | 		  "2.1.4": "Character Key Shortcuts",
285 | 		  "2.2.1": "Timing Adjustable",
286 | 		  "2.2.2": "Pause, Stop, Hide",
287 | 		  "2.3.1": "Three Flashes or Below Threshold",
288 | 		  "2.4.1": "Bypass Blocks",
289 | 		  "2.4.2": "Page Titled",
290 | 		  "2.4.3": "Focus Order",
291 | 		  "2.4.4": "Link Purpose (In Context)",
292 | 		  "2.4.5": "Multiple Ways",
293 | 		  "2.4.6": "Headings and Labels",
294 | 		  "2.4.7": "Focus Visible",
295 | 		  "2.4.8": "Location",
296 | 		  "2.4.9": "Link Purpose (Link Only)",
297 | 		  "2.4.11": "Focus Appearance",
298 | 		  "2.5.1": "Pointer Gestures",
299 | 		  "2.5.2": "Pointer Cancellation",
300 | 		  "2.5.3": "Label in Name",
301 | 		  "2.5.4": "Motion Actuation",
302 | 		  "2.5.5": "Minimal target size",
303 | 		  "2.5.7": "Dragging Movements",
304 | 		  "2.5.8": "Target size",
305 | 		  "3.1.1": "Language of Page",
306 | 		  "3.1.2": "Language of Parts",
307 | 		  "3.2.1": "On Focus",
308 | 		  "3.2.2": "On Input",
309 | 		  "3.2.3": "Consistent Navigation",
310 | 		  "3.2.4": "Consistent Identification",
311 | 		  "3.2.6": "Consistent Help",
312 | 		  "3.3.1": "Error Identification",
313 | 		  "3.3.2": "Labels or Instructions",
314 | 		  "3.3.3": "Error Suggestion",
315 | 		  "3.3.4": "Error Prevention (Legal, Financial, Data)",
316 | 		  "3.3.7": "Redundant Entry",
317 | 		  "3.3.8": "Accessible Authentification",
318 | 		  "4.1.1": "Parsing",
319 | 		  "4.1.2": "Name, Role, Value",
320 | 		  "4.1.3": "Status Messages"
321 | 		},
322 | 	"statementTemplate": {
323 | 		"title": "Accessibility statement",
324 | 		"auditDate": "This declaration was established on",
325 | 		"environmentStatement": "Establishment of this accessibility statement",
326 | 		"wcagNonCompliant": "List of non-compliant WCAG criteria :",
327 | 		"state": "Conformity level:",
328 | 		"compliantContent1": "This site is ",
329 | 		"compliantContent2": " to the criteria with <a href=\"https://www.w3.org/TR/WCAG22/\"><abbr lang=\"en\" title=\"Web Content Accessibility Guidelines\">WCAG</abbr> version 2.2, level AA</a>",
330 | 		"totalyCompliant": "fully compliant",
331 | 		"partialyCompliant": "partially compliant",
332 | 		"noCompliant": "no compliant",
333 | 		"method":"The analyze was carried out via <a href=\"https://la-va11ydette.orange.com/?lang=en\">la Va11ydette</a>.",
334 | 		"linkRGAAWCAG":"refers to the WCAG international recommendations version 2.2, level AA. <a href=\"https://a11y-guidelines.orange.com/fr/cadrage/correspondance-rgaa-wcag/\" hreflang=\"fr\">Here is the correspondence link between the RGAA and the WCAG (french)</a>.",
335 | 		"blockingPoint1": " blocking point(s) from a user point of view",
336 | 		"approvalHeading": "Formal approval of this accessibility statement",
337 | 		"standardHeading": "Standard applied",
338 | 		"wcagVersion": "<a href=\"https://www.w3.org/TR/WCAG22/\"><abbr lang=\"en\" title=\"Web Content Accessibility Guidelines\">WCAG</abbr> version 2.2, level AA</a>",
339 | 		"technologyHeading": "Technical specifications of the site",
340 | 		"environmentHeading": "Testing environment",
341 | 		"environmentContent": "The verifications were performed with the following software combinations:",
342 | 		"methodsHeading": "Methods and Tools to evaluate accessibility",
343 | 		"contextHeading": "Context",
344 | 		"pagesHeading": "Pages which have been the subject of compliance verification",
345 | 		"pagesContent": "The verification audit was performed on the following pages using the Orange va11ydette: ",
346 | 		"resultsHeading": "Tests result",
347 | 		"resultsContent1": "The compliance audit carried out by",
348 | 		"resultsContent1bis": "reveals that :",
349 | 		"resultsContentnonCompliant": "Less than 50",
350 | 		"resultsContent2": "% of WCAG level A and AA criteria are met.",
351 |         "resultsContent2bis": "The average compliance rate of the online service is",
352 |         "resultsContent3": ", with ",
353 | 		"resultsContent4": " blocking point(s) from a user point of view",
354 | 		"resultsContent5": " The table presents by audited page the number of criteria compliant, non-compliant, not applicable according to level A or AA. The last column mentions the compliance rate of the page which is equal to the number of compliant criteria divided by the number of applicable criteria.",
355 | 		"resultsContent6": "Compliance rate (pages average):",
356 | 		"resultsContent7": "%.",
357 | 		"resultsContent8": "% (percentage of criteria met",
358 | 		"noncompliancesHeading1": "Content not accessible",
359 | 		"noncompliancesHeading2": "Non-compliances",
360 | 		"noncompliancestext": "All non-conformities have been identified and addressed by the appropriate teams. Below is the list of WCAG criteria that are not compliant:",
361 | 		"noNonCompliance": "no non-compliance detected",
362 | 		"derogationsHeading": "Derogations for unreasonable workload",
363 | 		"exemptionsHeading": "Content not subject to accessibility obligation",
364 | 		"contactsHeading": "Feedback and contact information",
365 | 		"contactsText": "If you are unable to access content or a service, you can contact the site manager to be directed to an accessible alternative or obtain the content in another form.",
366 | 		"legalHeading": "Legal remedies",
367 | 		"legalContent": "You have reported to the website manager an accessibility problem that prevents you from accessing content or one of the portal's services and you have not received a satisfactory response, in this case:",
368 | 		"legalList1": "Write a message to the <a href=\"https://formulaire.defenseurdesdroits.fr/formulaire_saisine/?locale=en_GB\">Defender of Rights</a>.",
369 | 		"legalList2": "Or contact the <a href=\"https://www.defenseurdesdroits.fr/defender-rights-311\">Defender of Rights delegate in your department</a>.",
370 | 		"legalList3": "Or send a letter by post (free of charge, do not put a stamp) <br><address> Défenseur des droits <br> Free answer 71120 <br> 75342 Paris CEDEX 07 </address>"
371 | 	}
372 | }
373 | 


--------------------------------------------------------------------------------
/js/controllers/computationManager.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Computation manager
  3 |  * Conformity computation functions
  4 | */
  5 | 
  6 | /**
  7 | *	Initialization properties, needed for computation.
  8 | *	@param {object} item - items (rules)
  9 | */
 10 | initProperties = function (item) {
 11 | 	item.resultat = 'na';
 12 | 	item.comment = [];
 13 | 	item.page = [];
 14 | }
 15 | 
 16 | /**
 17 |  * Computation initialization. The dataWcag object is downloaded.
 18 |  *
 19 |  * Load data wcag
 20 |  *
 21 | */
 22 | function initComputationWcag() {
 23 | 
 24 | 	var matriceRequest = new XMLHttpRequest();
 25 |     method = "GET",
 26 | 	matriceVallydette = 'json/wcag-' + globalLang+ '.json';
 27 | 
 28 | 	matriceRequest.open(method, matriceVallydette, true);
 29 | 	matriceRequest.onreadystatechange = function () {
 30 | 	  if(matriceRequest.readyState === 4 && matriceRequest.status === 200) {
 31 | 			dataWCAG = JSON.parse(matriceRequest.responseText);
 32 | 
 33 | 			dataWCAG.items.forEach(initRulesAndTests);
 34 | 
 35 |             var btnShowResult = document.getElementById("btnShowResult");
 36 |             btnShowResult.addEventListener('click', function () {
 37 | 				runComputationWcag();
 38 | 				utils.setPageTitle(langVallydette.auditResult);
 39 | 				utils.resetActive(document.getElementById("pageManager"));
 40 | 				utils.putTheFocus(document.getElementById("pageName"));
 41 | 				initAnchorMenu()
 42 |             }, false);
 43 | 
 44 | 	    runTestListMarkup(dataVallydette.checklist.page[currentPage].items);
 45 | 		if(window.location.hash !== ""){
 46 | 			document.getElementById(window.location.hash.substring(1)).scrollIntoView();
 47 | 		}
 48 | 
 49 | 
 50 | 	  }
 51 | 	};
 52 | 	matriceRequest.send();
 53 | 
 54 | }
 55 | 
 56 | /**
 57 |  * Computation initialization. The dataWcag object is downloaded.
 58 |  *
 59 |  * Load data wcag
 60 |  *
 61 | */
 62 | function initComputationRGAA(){
 63 | 
 64 | 	dataRGAA ={
 65 | 		items:[]
 66 | 	}
 67 | 
 68 | 	dataVallydette.checklist.page[0].items.forEach(element =>{
 69 | 		testObj={};
 70 | 		testObj.name = element.title;
 71 | 		testObj.comment = [];
 72 | 		testObj.page = [];
 73 | 		testObj.resultat = "nt";
 74 | 		dataRGAA.items.push(testObj)
 75 | 
 76 | 	})
 77 | 
 78 | 
 79 | 	var btnShowResult = document.getElementById("btnShowResult");
 80 |             btnShowResult.addEventListener('click', function () {
 81 | 				runComputationRgaa();
 82 | 				utils.setPageTitle(langVallydette.auditResult);
 83 | 				utils.resetActive(document.getElementById("pageManager"));
 84 | 				utils.putTheFocus(document.getElementById("pageName"));
 85 | 				initAnchorMenu()
 86 | 				/*runComputationWcag();
 87 | 				utils.setPageTitle(langVallydette.auditResult);
 88 | 				utils.resetActive(document.getElementById("pageManager"));
 89 | 				utils.putTheFocus(document.getElementById("pageName"));
 90 | 				initAnchorMenu()
 91 | 				*/
 92 |             }, false);
 93 | 	runTestListMarkup(dataVallydette.checklist.page[currentPage].items);
 94 | 		if(window.location.hash !== ""){
 95 | 			document.getElementById(window.location.hash.substring(1)).scrollIntoView();
 96 | 		}
 97 | 
 98 | }
 99 | 
100 | /**
101 |  * Updates each wcag with necessary tests from the checklist
102 |  * @param {object} rules - object that contains all the wcags
103 | */
104 | function initRulesAndTests (rules) {
105 | 	 for (let i in dataVallydette.checklist.page[0].items) {
106 | 		 for (let j in dataVallydette.checklist.page[0].items[i].wcag) {
107 | 
108 | 			var testWCAG = dataVallydette.checklist.page[0].items[i].wcag[j].split(" ");
109 | 			if (testWCAG[0] === rules.wcag) {
110 | 
111 | 				rules.tests.push(dataVallydette.checklist.page[0].items[i].IDorigin);
112 | 
113 |                 rules.resultat = "nt";
114 | 			}
115 | 
116 | 		}
117 | 
118 | 	}
119 | 
120 | }
121 | 
122 | 
123 | /**
124 |  * Pass through dataVallydette to build the pageResults array, which contains the Rgaa results for each pages.
125 |  * @return {array} pagesResults - Contains all Rgaa results by pages.
126 | */
127 | function runComputationRgaa(){
128 | 
129 | 	/**
130 | 	* @param {array} pagesResults - Contains all wcag results by pages.
131 | 	*/
132 |     pagesResults = [];
133 | 
134 | 	dataRGAA.items.forEach(initProperties);
135 | 
136 | 	for (let i in dataVallydette.checklist.page) {
137 | 		pagesResults[i] = [];
138 |         pagesResults[i].items = [];
139 |         pagesResults[i].name = dataVallydette.checklist.page[i].name;
140 | 		pagesResults[i].url = dataVallydette.checklist.page[i].url;
141 | 
142 | 
143 | 
144 | 
145 | 			for (let j in dataVallydette.checklist.page[i].items) {
146 | 				pagesResults[i].items[j] = {};
147 | 
148 | 				pagesResults[i].items[j].complete = true;
149 | 				pagesResults[i].items[j].name = dataRGAA.items[j].name;
150 |                 pagesResults[i].items[j].resultat = "nt";
151 | 
152 | 				testObj = {};
153 | 				testObj.title = dataVallydette.checklist.page[i].items[j].title;
154 | 				testObj.result = dataVallydette.checklist.page[i].items[j].resultatTest;
155 | 
156 | 				if (dataVallydette.checklist.page[i].items[j].resultatTest === "nt") {
157 | 					pagesResults[i].items[j].complete = false;
158 | 				}
159 | 
160 | 				if (dataVallydette.checklist.page[i].items[j].resultatTest === "ko") {
161 | 
162 | 					dataRGAA.items[j].resultat = false;
163 | 					if(dataVallydette.checklist.page[i].items[j].issues.length >0){
164 | 						dataVallydette.checklist.page[i].items[j].issues.forEach(issue => {
165 | 							dataRGAA.items[j].comment.push(issue.issueTitle);
166 | 							dataRGAA.items[j].page.push(pagesResults[i].name);
167 | 						});
168 | 					}
169 | 					}
170 | 
171 | 				if (pagesResults[i].items[j].resultat) {
172 | 					if (dataVallydette.checklist.page[i].items[j].resultatTest === "ok") {
173 | 
174 | 						pagesResults[i].items[j].resultat = true;
175 | 						if (dataRGAA.items[j].resultat !== false) {
176 | 
177 | 							dataRGAA.items[j].resultat = true;
178 | 						}
179 | 
180 | 
181 | 					} else if (dataVallydette.checklist.page[i].items[j].resultatTest === "ko") {
182 | 						pagesResults[i].items[j].resultat = false;
183 | 
184 | 
185 | 
186 | 					} else if ((dataVallydette.checklist.page[i].items[j].resultatTest === "na") && (pagesResults[i].items[j].resultat === "nt")) {
187 | 						pagesResults[i].items[j].resultat = "na";
188 | 
189 | 						if (dataRGAA.items[j].resultat !== false && dataRGAA.items[j].resultat !== true ) {
190 | 							dataRGAA.items[j].resultat = "na";
191 | 						}
192 | 
193 | 
194 | 					}
195 | 
196 | 				}
197 | 			}
198 | 	}
199 | 
200 | 	pagesResults = pagesResultsComputationRGAA(pagesResults);
201 | 	dataRGAAComputation();
202 | 
203 | 
204 | 
205 | 
206 | 	return runFinalComputationRGAA(pagesResults);
207 | 
208 | }
209 | 
210 | /**
211 |  * Pass through both dataVallydette et dataWCAG to build the pageResults array, which contains the wcag results for each pages.
212 |  * @param {boolean} obj - if true, function returns only the full pagesResults object (with test title) whitout running the final computation
213 |  * @return {array} pagesResults - Contains all wcag results by pages.
214 | */
215 | function runComputationWcag(obj) {
216 | 
217 | 	/**
218 | 	* @param {array} pagesResults - Contains all wcag results by pages.
219 | 	*/
220 |     pagesResults = [];
221 | 	countNocomplete=0;
222 | 
223 | 	/**
224 | 	* Initilization of the dataWCAG results, to be sure that the results are correctly re-computed each time the audit results are displayed.
225 | 	*/
226 | 	dataWCAG.items.forEach(initProperties);
227 | 
228 |     for (let i in dataVallydette.checklist.page) {
229 |         pagesResults[i] = [];
230 |         pagesResults[i].items = [];
231 |         pagesResults[i].name = dataVallydette.checklist.page[i].name;
232 | 		pagesResults[i].url = dataVallydette.checklist.page[i].url;
233 | 
234 |         for (let k in dataWCAG.items) {
235 | 
236 | 				pagesResults[i].items[k] = {};
237 | 				pagesResults[i].items[k].wcag = dataWCAG.items[k].wcag;
238 | 				pagesResults[i].items[k].level = dataWCAG.items[k].level;
239 | 
240 | 				if (dataWCAG.items[k].tests.length > 0) {
241 | 					pagesResults[i].items[k].resultat = "nt";
242 | 				} else {
243 | 					pagesResults[i].items[k].resultat = "na";
244 | 				}
245 | 
246 | 				pagesResults[i].items[k].complete = true;
247 | 				if(!countNocomplete){
248 | 					dataWCAG.items[k].complete = true;
249 | 				}
250 | 
251 | 				pagesResults[i].items[k].test = [];
252 | 				pagesResults[i].items[k].name = dataWCAG.items[k].name;
253 | 
254 | 				/**
255 | 				* Pass through each test of a wcag.
256 | 				*/
257 | 				for (let l in dataWCAG.items[k].tests) {
258 | 					/**
259 | 					* Gets each test value, and updates the current wcag rules, basing on computation rules.
260 | 					*/
261 | 
262 | 					for (let j in dataVallydette.checklist.page[i].items) {
263 | 
264 | 						if (dataWCAG.items[k].tests[l] === dataVallydette.checklist.page[i].items[j].IDorigin) {
265 | 
266 | 							testObj = {};
267 | 							testObj.title = dataVallydette.checklist.page[i].items[j].title;
268 | 							testObj.result = dataVallydette.checklist.page[i].items[j].resultatTest;
269 | 							pagesResults[i].items[k].test.push(testObj);
270 | 
271 | 
272 | 							if (dataVallydette.checklist.page[i].items[j].resultatTest === "nt" && dataVallydette.checklist.page[i].items[j].goodPractice === false) {
273 | 								pagesResults[i].items[k].complete = false;
274 | 								dataWCAG.items[k].complete = false;
275 | 								countNocomplete++;
276 | 							}
277 | 
278 | 							if (dataVallydette.checklist.page[i].items[j].resultatTest === "ko") {
279 | 
280 | 								dataWCAG.items[k].resultat = false;
281 | 								if(dataVallydette.checklist.page[i].items[j].issues.length >0){
282 | 									dataVallydette.checklist.page[i].items[j].issues.forEach(issue => {
283 | 										dataWCAG.items[k].comment.push(issue.issueTitle);
284 | 										dataWCAG.items[k].page.push(pagesResults[i].name);
285 | 									});
286 | 								}
287 | 							 }
288 | 
289 | 							if (pagesResults[i].items[k].resultat) {
290 | 
291 | 								if (dataVallydette.checklist.page[i].items[j].resultatTest === "ok") {
292 | 									pagesResults[i].items[k].resultat = true;
293 | 
294 | 									if (dataWCAG.items[k].resultat !== false) {
295 | 
296 | 										dataWCAG.items[k].resultat = true;
297 | 									}
298 | 
299 | 									break;
300 | 
301 | 								} else if (dataVallydette.checklist.page[i].items[j].resultatTest === "ko") {
302 | 									pagesResults[i].items[k].resultat = false;
303 | 									break;
304 | 
305 | 
306 | 								} else if ((dataVallydette.checklist.page[i].items[j].resultatTest === "na") && (pagesResults[i].items[k].resultat === "nt")) {
307 |                                     pagesResults[i].items[k].resultat = "na";
308 | 
309 | 									if (dataWCAG.items[k].resultat !== false && dataWCAG.items[k].resultat !== true ) {
310 | 										dataWCAG.items[k].resultat = "na";
311 | 									}
312 | 
313 | 									break;
314 | 								}
315 | 
316 | 							}
317 | 						}
318 | 					}
319 | 				}
320 | 
321 |         }
322 |     }
323 | 	pagesResults = pagesResultsComputationWcag(pagesResults);
324 | 	dataWCAGComputation();
325 | 
326 | 
327 | 
328 | 	if (obj) {
329 | 		return pagesResults;
330 | 	} else {
331 | 		return runFinalComputationWcag(pagesResults);
332 | 	}
333 | 
334 | }
335 | 
336 |    /**
337 |  * Run all the computation per pages, from the results collected into pagesResults array
338 |  * @param {array} pagesResultsArray - Contains all wcag results by pages.
339 |  * @return {array} pagesResultsArray - Contains all wcag results by pages, and the diffrents results
340 | */
341 | function pagesResultsComputationWcag(pagesResultsArray) {
342 | 	var finalTotal = 0;
343 |     var finalResult = 0;
344 |     var nbPage = 0;
345 | 
346 | 	for (let i in pagesResultsArray) {
347 |         var nbTrue = 0;
348 |         var nbFalse = 0;
349 |         var nbNA = 0;
350 |         var nbTotal = 0;
351 | 		var nbTrueA = 0;
352 | 		var nbFalseA = 0;
353 | 		var nbNaA = 0;
354 | 		var nbTrueAA = 0;
355 | 		var nbFalseAA = 0;
356 | 		var nbNaAA = 0;
357 | 		var nbTotalA = 0;
358 | 		var nbTotalAA = 0;
359 | 
360 | 
361 | 		/**
362 | 		 * 	Deletes the AAA wcag rules. Computation is made only on A and AA level rules.
363 | 		*/
364 | 		var indexItem = 0;
365 | 		for (let j in pagesResultsArray[i].items) {
366 | 			if (pagesResultsArray[i].items[indexItem].level === 'AAA') {
367 | 				pagesResultsArray[i].items.splice(indexItem,1);
368 | 			} else {
369 | 				indexItem = indexItem+1;
370 | 			}
371 | 		}
372 | 
373 | 		/**
374 | 		 * 	Gets the number of true, false, non-applicable and non-tested by wcag level and by pages.
375 | 		 *  If one result is non-tested, then the property 'complete' is passed false, and the final result is not displayed (only the number of non-tested items).
376 | 		*/
377 | 		for (let j in pagesResultsArray[i].items) {
378 | 
379 | 			if (pagesResultsArray[i].items[j].resultat === true) {
380 | 				nbTrue++;
381 | 				nbTotal++;
382 | 
383 | 				pagesResultsArray[i].items[j].level === 'A' ? nbTrueA++ : nbTrueAA++;
384 | 				pagesResultsArray[i].items[j].level === 'A' ? nbTotalA++ : nbTotalAA++;
385 | 			} else if (pagesResultsArray[i].items[j].resultat === false) {
386 | 				nbFalse++;
387 | 				nbTotal++;
388 | 
389 | 				pagesResultsArray[i].items[j].level === 'A' ? nbFalseA++ : nbFalseAA++;
390 | 				pagesResultsArray[i].items[j].level === 'A' ? nbTotalA++ : nbTotalAA++;
391 | 			} else if (pagesResultsArray[i].items[j].resultat === 'na') {
392 | 				nbNA++;
393 | 
394 | 				pagesResultsArray[i].items[j].level === 'A' ? nbNaA++ :nbNaAA++;
395 | 				pagesResultsArray[i].items[j].level === 'A' ? nbTotalA++ : nbTotalAA++;
396 | 			}
397 | 			if (pagesResultsArray[i].items[j].complete === false) {
398 | 				pagesResultsArray[i].complete = false;
399 | 			}
400 | 		}
401 | 
402 | 		/**
403 | 		 * 	If all the tests of a page are non-applicables (hypothetical but tested)
404 | 		*/
405 | 		if (nbTotal===0 && nbNA>0) {
406 | 			pagesResultsArray[i].result = "NA";
407 | 		} else {
408 | 			pagesResultsArray[i].result = Math.round((nbTrue / nbTotal) * 100);
409 | 		}
410 | 
411 | 
412 | 		/** Adds the result to the pages result array. */
413 | 		pagesResultsArray[i].conformeA = nbTrueA;
414 | 		pagesResultsArray[i].conformeAA = nbTrueAA;
415 | 		pagesResultsArray[i].nonconformeA = nbFalseA;
416 | 		pagesResultsArray[i].nonconformeAA = nbFalseAA;
417 | 		pagesResultsArray[i].naA = nbNaA;
418 | 		pagesResultsArray[i].naAA = nbNaAA;
419 | 		pagesResultsArray[i].totalconforme = nbTrueA + nbTrueAA;
420 | 		pagesResultsArray[i].totalnonconforme = nbFalseA + nbFalseAA;
421 | 	}
422 | 
423 | 	/** Final global pages result computation. */
424 |     for (let i in pagesResultsArray) {
425 |         if (pagesResultsArray[i].result != "NA") {
426 |             finalTotal = finalTotal + pagesResultsArray[i].result;
427 |             nbPage = nbPage + 1;
428 |         }
429 |     }
430 | 
431 | 	/** Final conformity rate. */
432 |     finalResult = Math.round((finalTotal / nbPage));
433 | 	dataWCAG.globalPagesResult = finalResult;
434 | 
435 | 	return pagesResultsArray;
436 | }
437 | 
438 |    /**
439 |  * Run all the computation per pages, from the results collected into pagesResults array
440 |  * @param {array} pagesResultsArray - Contains all rgaa results by pages.
441 |  * @return {array} pagesResultsArray - Contains all rgaa results by pages, and the diffrents results
442 | */
443 | function pagesResultsComputationRGAA(pagesResultsArray) {
444 | 	var finalTotal = 0;
445 |     var finalResult = 0;
446 |     var nbPage = 0;
447 | 	for (let i in pagesResultsArray) {
448 |         var nbTrue = 0;
449 |         var nbFalse = 0;
450 |         var nbNA = 0;
451 |         var nbTotal = 0;
452 | 
453 | 		/**
454 | 		 * 	Gets the number of true, false, non-applicable and non-tested by pages.
455 | 		 *  If one result is non-tested, then the property 'complete' is passed false, and the final result is not displayed (only the number of non-tested items).
456 | 		*/
457 | 		for (let j in pagesResultsArray[i].items) {
458 | 			if (pagesResultsArray[i].items[j].resultat === true) {
459 | 				nbTrue++;
460 | 				nbTotal++;
461 | 
462 | 			} else if (pagesResultsArray[i].items[j].resultat === false) {
463 | 				nbFalse++;
464 | 				nbTotal++;
465 | 			} else if (pagesResultsArray[i].items[j].resultat === 'na') {
466 | 				nbNA++;
467 | 
468 | 			} else if (pagesResultsArray[i].items[j].resultat === 'nt') {
469 | 				pagesResultsArray[i].complete = false;
470 | 			}
471 | 		}
472 | 
473 | 		/**
474 | 		 * 	If all the tests of a page are non-applicables (hypothetical but tested)
475 | 		*/
476 | 		if (nbTotal===0 && nbNA>0) {
477 | 			pagesResultsArray[i].result = "NA";
478 | 		} else {
479 | 			pagesResultsArray[i].result = ((nbTrue / nbTotal) * 100).toFixed(2);
480 | 		}
481 | 
482 | 
483 | 		pagesResultsArray[i].totalconforme = nbTrue;
484 | 		pagesResultsArray[i].totalnonconforme = nbFalse;
485 | 		pagesResultsArray[i].totalnA = nbNA;
486 | 	}
487 | 
488 | 	/** Final global pages result computation. */
489 |     for (let i in pagesResultsArray) {
490 |         if (pagesResultsArray[i].result != "NA") {
491 |             finalTotal = (finalTotal + parseFloat(pagesResultsArray[i].result));
492 |             nbPage = nbPage + 1;
493 |         }
494 |     }
495 | 
496 | 	/** Final conformity rate. */
497 | 
498 |     finalResult = (finalTotal / nbPage).toFixed(2);
499 | 	dataRGAA.globalPagesResult = finalResult;
500 | 
501 | 	return pagesResultsArray;
502 | }
503 | 
504 | /**
505 | 	*  Get the number of true, false, non-applicable and non-tested by wcag level only.
506 | 	*  If one result is non-tested, then the property 'complete' is passed false, and the final result is not displayed (only the number of non-tested items).
507 | */
508 | function dataWCAGComputation() {
509 | 
510 | 	dataWCAG.complete = true;
511 | 
512 | 	/**
513 | 	 * 	Check if all critere are completed.
514 | 	*/
515 | 
516 | 		for (let i in dataWCAG.items) {
517 | 			if ((dataWCAG.items[i].level!=="AAA") && ((dataWCAG.items[i].resultat === 'nt' && dataWCAG.items[i].deprecated !== true) || dataWCAG.items[i].complete ===false)) {
518 |                 dataWCAG.complete = false;
519 | 			}
520 | 		}
521 | 
522 | 		/** Adds the results to the WCAG object. */
523 | 		dataWCAG.conformeA = dataWCAG.items.filter(item => item.level ==="A" && item.resultat === true).length;
524 | 		dataWCAG.conformeAA = dataWCAG.items.filter(item => item.level ==="AA" && item.resultat === true).length;
525 | 		dataWCAG.nonconformeA = dataWCAG.items.filter(item => item.level ==="A" && item.resultat === false).length;
526 | 		dataWCAG.nonconformeAA = dataWCAG.items.filter(item => item.level ==="AA" && item.resultat === false).length;
527 | 		dataWCAG.naA = dataWCAG.items.filter(item => item.level ==="A" && item.resultat === "na").length;
528 | 		dataWCAG.naAA = dataWCAG.items.filter(item => item.level ==="AA" && item.resultat === "na").length;
529 | 		dataWCAG.totalconforme = dataWCAG.conformeA + dataWCAG.conformeAA;
530 | 		dataWCAG.totalnonconforme = dataWCAG.nonconformeA + dataWCAG.nonconformeAA;
531 | 
532 | 		dataWCAG.totalA = dataWCAG.items.filter(function(item){return item.level==="A"}).length;
533 | 		dataWCAG.totalAA = dataWCAG.items.filter(function(item){return item.level==="AA"}).length;
534 | 
535 | 		dataWCAG.nbTotalWcag = dataWCAG.items.filter(item => (item.resultat === true || item.resultat === false) && item.level!=="AAA").length;
536 | 		dataWCAG.nbTrueWcag = dataWCAG.items.filter(item => item.resultat === true && item.level!=="AAA").length;
537 | 		dataWCAG.nbFalseWcag = dataWCAG.items.filter(item => item.resultat === false && item.level!=="AAA").length;
538 | 		dataWCAG.nbNaWcag = dataWCAG.items.filter(item => item.resultat === "na" && item.level!=="AAA").length;
539 | 
540 | 		/**
541 | 		* 	If all the wcag are non-applicables (hypothetical but tested)
542 | 		*/
543 | 		if (dataWCAG.nbTotalWcag===0 && dataWCAG.nbNaWcag>0) {
544 | 			dataWCAG.result = "NA";
545 | 		} else {
546 | 			dataWCAG.result = Math.round((dataWCAG.nbTrueWcag / dataWCAG.nbTotalWcag) * 100);
547 | 			dataWCAG.resultA = Math.round((dataWCAG.conformeA / (dataWCAG.conformeA+dataWCAG.nonconformeA)) * 100);
548 | 			dataWCAG.resultAA = Math.round((dataWCAG.conformeAA / (dataWCAG.conformeAA+dataWCAG.nonconformeAA)) * 100);
549 | 		}
550 | 
551 | }
552 | 
553 | /**
554 | 	*  Get the number of true, false, non-applicable and non-tested by wcag level only.
555 | 	*  If one result is non-tested, then the property 'complete' is passed false, and the final result is not displayed (only the number of non-tested items).
556 | */
557 | function dataRGAAComputation() {
558 | 
559 | 
560 | 	dataRGAA.complete = true;
561 | 
562 | 
563 | 	dataRGAA.nbTotalRGAA = dataRGAA.items.filter(item => (item.resultat === true || item.resultat === false) && item.level!=="AAA").length;
564 | 	dataRGAA.nbTrueRGAA = dataRGAA.items.filter(item => item.resultat === true).length;
565 | 	dataRGAA.nbFalseRGAA = dataRGAA.items.filter(item => item.resultat === false).length;
566 | 	dataRGAA.nbNaRGAA = dataRGAA.items.filter(item => item.resultat === "na").length;
567 | 
568 | 	/**
569 | 	* 	If all the wcag are non-applicables (hypothetical but tested)
570 | 	*/
571 | 	if (dataRGAA.nbTotalWcag===0 && dataRGAA.nbNaWcag>0) {
572 | 		dataRGAA.result = "NA";
573 | 	} else {
574 | 		dataRGAA.result = ((dataRGAA.nbTrueRGAA / dataRGAA.nbTotalRGAA) * 100).toFixed(2);
575 | 	}
576 | 
577 | }
578 | 


--------------------------------------------------------------------------------
/json/lang/fr.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"va11ydette": "La va11ydette",
  3 | 	"auditNameWcag": "Grille Audit d’Orange",
  4 | 	"auditNameAuditor": "Grille Auditeur d’Orange",
  5 | 	"homepage": "Accueil",
  6 | 	"va11ydetteOrange": "La v<span class=\"text-primary bg-transparent\">a11y</span>dette d'Orange",
  7 | 	"homepageDescription": "Orange met à disposition plusieurs grilles d'évaluations d'accessiblité à travers son outil de validation La va11ydette.",
  8 | 	"run": "Lancer",
  9 | 	"pageName": "Nom de la page",
 10 | 	"processHeading": "Procédures",
 11 | 	"toCheckHeading": "À vérifier",
 12 | 	"resultHeading": "Résultats",
 13 | 	"justificationHeading": "Justification",
 14 | 	"exceptionHeading": "Exception",
 15 | 	"shortcutHeading": "Exception",
 16 | 	"groupHeading": "Cette page possède : ",
 17 | 	"status5": "N/A",
 18 | 	"expanded": "Plier la thématique",
 19 | 	"informations": "Informations supplémentaires",
 20 | 	"closeInformations": "Fermer le message",
 21 | 	"success": "succès",
 22 | 	"successFeedback": "Les données ont été enregistrées avec succès.",
 23 | 	"warningNoResult": "Aucun résultat ne correspond à votre sélection",
 24 | 	"versionAlert1": "Cet audit n'est pas basé sur la dernière version du référentiel",
 25 | 	"versionAlert2": "Votre taux de conformité sera calculé sur la version ",
 26 | 	"closeAlert": "Fermer le message d'information",
 27 | 	"auditResult": "Résultat de l'audit",
 28 | 	"auditTxt1": "Conformité globale",
 29 | 	"auditTxt2": "Avertissement audit en cours",
 30 | 	"auditTxt3": "Résultats par page",
 31 | 	"auditTxt4": "Taux de conformité par page selon les deux niveaux de critères A et AA ",
 32 | 	"auditTxt5": "Liste des non-conformités",
 33 | 	"auditTxt6": "en cours",
 34 | 	"auditTxt7": "non testé(s)",
 35 | 	"auditTxt8": "Taux de conformité",
 36 | 	"auditTxt9": "Critère",
 37 | 	"auditTxt10": "Niveau",
 38 | 	"auditTxt11": "Absence de non-conformité",
 39 | 	"auditTxt12": "résultat : ",
 40 | 	"auditTxt13": "Conformité moyenne",
 41 | 	"auditTxt14": "Résultats",
 42 | 	"auditTxt15": "Synthèse par niveaux",
 43 | 	"auditTxt16": "Conformité",
 44 | 	"auditTxt17": "Critères",
 45 | 	"auditTxt18": "Taux de conformité par page",
 46 | 	"level": "niveau",
 47 | 	"showAudit": "Afficher le résultat de l'audit",
 48 | 	"scrollUp": "Retour en haut de page",
 49 | 	"addPage": "Ajouter une page",
 50 | 	"editPageName": "Modifier le nom de la page",
 51 | 	"deletePageName": "Supprimer la page",
 52 | 	"openPageUrl": "Ouvrir l'url de la page en cours (nouvelle fenetre)",
 53 | 	"delete": "Supprimer",
 54 | 	"close": "Fermer",
 55 | 	"cancel": "Annuler",
 56 | 	"validate": "Valider",
 57 | 	"edit": "Éditer",
 58 | 	"save": "Enregistrer",
 59 | 	"saveDownloadJson": "Enregistrer et télécharger au format JSON",
 60 | 	"downloadJson": "Télécharger au format JSON",
 61 | 	"import": "Importer",
 62 | 	"importError": "Le fichier JSON renseigné n'est pas compatible avec l'import",
 63 | 	"importErrorEmpty": "Vous devez renseigner un fichier JSON avant d'importer",
 64 | 	"download": "Télécharger",
 65 | 	"selectAchecklist": "Sélectionner une checklist",
 66 | 	"reset": "Réinitialiser",
 67 | 	"name": "Nom",
 68 | 	"url": "URL",
 69 | 	"commentTxt1": "Commentaire pour",
 70 | 	"addComment": "Ajouter un commentaire",
 71 | 	"editComment": "Modifier le commentaire",
 72 | 	"issueTxt1": "Saisir une anomalie pour : ",
 73 | 	"issueTxt2": "Anomalie(s) pour : ",
 74 | 	"issueTxt3": "Veuillez confirmer la suppression de l'anomalie : ",
 75 | 	"issues": "Anomalies",
 76 | 	"editIssue": "Éditer une anomalie",
 77 | 	"addIssue": "Ajouter une anomalie",
 78 | 	"issueManagement": "Gestion des anomalies",
 79 | 	"filterFeedback1": "tests en cours",
 80 | 	"filterFeedback2": "tests dans filtres en cours",
 81 | 	"errorJson": "Erreur chargement ressource JSON",
 82 | 	"errorNameRequired":"Le champ nom est obligatoire",
 83 | 	"groupsTxt1": "Captcha",
 84 | 	"groupsTxt2": "Formulaire",
 85 | 	"groupsTxt3": "Multimedia",
 86 | 	"groupsTxt4": "Tactile",
 87 | 	"dataBrowse": "Parcourir",
 88 | 	"recoverAction": "Restaurer",
 89 | 	"deleteAction": "Supprimer",
 90 | 	"recoverTitle": "Restaurer / Supprimer un audit",
 91 | 	"recoverMessage": "Les audits sauvegardés",
 92 | 	"deleteAsk": "Êtes-vous sur de vouloir supprimer l'audit",
 93 | 	"wcagView": "affichage WCAG",
 94 | 	"result": "résultat",
 95 | 	"goodPractice": "bonne pratique",
 96 | 	"goodPracticeSwitch": "activer bonne pratique",
 97 | 	"summary": "résumé",
 98 | 	"summaryError": "Le champ résumé est obligatoire",
 99 | 	"description": "description",
100 | 	"descriptionError": "Le champ description est obligatoire",
101 | 	"solution": "solution",
102 | 	"technical_solution": "solution technique",
103 | 	"priorityIssue" : "priorité",
104 | 	"reviewIssue": "suivi validation",
105 | 	"stateIssue": "état / remarque équipe projet",
106 | 	"selectIssue": "sélectionner une anomalie pré-définie",
107 | 	"yes": "oui",
108 | 	"no": "non",
109 | 	"is": "est",
110 | 	"anchorLink": "Lien pour ancrage",
111 | 	"lang": "Langue",
112 | 	"langError": "Le champ Langue est obligatoire",
113 | 	"french": "Français",
114 | 	"english": "Anglais",
115 | 	"select": "Sélectionner",
116 | 	"projectName": "Nom de l'organisme",
117 | 	"projectNameError": "Le champ Nom de l'organisme est obligatoire",
118 | 	"projectSiteName": "Nom ou URL du projet",
119 | 	"projectSiteNameError": "Le champ Nom ou URL du projet est obligatoire",
120 | 	"date": "Date",
121 | 	"dateError": "Le champ Date est obligatoire, il doit être au format",
122 | 	"dateUpdate": "Date de mise à jour",
123 | 	"technology": "Technologies",
124 | 	"technologyEdit": "Modifier la liste des technologies",
125 | 	"tests": "Tests",
126 | 	"testsEdit": "Modifier la liste des tests",
127 | 	"environments": "Environnements",
128 | 	"environment": "Environnement de tests",
129 | 	"environmentsEdit": "Modifier la liste des environnements de tests",
130 | 	"users": "Utilisateurs",
131 | 	"userTesting": "Tests utilisateurs",
132 | 	"userTestingContent": "xx utilisateurs en situation de handicap",
133 | 	"userTestingContentWeb": " (ZoomText, Jaws, xxx).",
134 | 	"userTestingContentAndroid": " (Talkback, Switch Access, xxx).",
135 | 	"userTestingContentIOS": " (Voice Over, xxx).",
136 | 	"userTest": "Tests utilisateurs ",
137 | 	"userNumber": "Nombre d'utilisateurs",
138 | 	"userTestDescription": "Description des tests",
139 | 	"edition": "Édition",
140 | 	"blockingNumber": "Nombre de points bloquants",
141 | 	"criteriaNumber": "Nombre de critères",
142 | 	"addElement": "Ajouter un élément",
143 | 	"statement": "Déclaration",
144 | 	"statementExport": "Exporter la déclaration",
145 | 	"statementTitle": "Générer la déclaration",
146 | 	"statementTxt1": "Configuration de la déclaration",
147 | 	"statementTxt2": "Les exports XML et HTML des déclarations sont disponibles uniquement pour les audits terminés, afin de permettre la récupération automatique des résultats (taux de conformités, liste des non-conformités, etc...).",
148 | 	"statementTxt3": "Laisser vide le champ \"nom\", pour supprimer l'item de la liste après enregistrement.",
149 | 	"statementTxt4": "Importer les données d'une déclaration sauvegardée au format JSON, ou renseigner les informations directement dans la partie \" Saisie manuelle des données \".",
150 | 	"selectData": "Sélectionner les données",
151 | 	"formPrefill": "Préremplir le formulaire",
152 | 	"formPrefillDesc": "Importer les données d'une déclaration sauvegardée au format JSON, ou renseigner les informations directement dans la partie \"Compléter les données\".",
153 | 	"manualDataEntry": "Compléter les données",
154 | 	"manualDataEntryDesc": "Compléter ou modifier les données de la déclaration.",
155 | 	"fieldRequired": "Tous les champs obligatoires sont marqués d'un <span class=\"text-danger\">*</span>",
156 | 	"approval": "Déclarant",
157 | 	"approvalEdit": "Modifier la liste des déclarants",
158 | 	"display": "Affichage",
159 | 	"expandedAll": "Déplier tous les tests",
160 | 	"expandedAllFalse": "Replier tous les tests",
161 | 	"contact": "Contact",
162 | 	"contactEdit": "Modifier la liste des contacts",
163 | 	"accessibilityPlan": "Schéma pluriannuel",
164 | 	"accessibilityPlanText": "[Nom de l’organisme concerné] s'engage à rendre ses sites internet, intranet, extranet et ses applications mobiles accessibles conformément à l'article 47 de la loi n° 2005-102 du 11 février 2005.\n\nÀ cette fin, il met en œuvre la stratégie et les actions suivantes [liens vers le schéma pluriannuel et vers le plan d'action de l'année en cours incluant le bilan des actions réalisées l'année précédente].\n\nCette déclaration d'accessibilité s'applique à [Nom du site web de l’application mobile, ou d’un autre service auquel la déclaration s’applique].",
165 | 	"accessibilityPlanTextReplace":"[Nom de l’organisme concerné]",
166 | 	"accessibilityPlanTextReplace2":"[Nom du site web de l’application mobile, ou d’un autre service auquel la déclaration s’applique]",
167 | 	"markdownDesc": "Ce champ supporte le markdown",
168 | 	"noncompliantInput": "Déclaration non conforme",
169 | 	"noncompliantDesc": "Cochez cette case seulement si vous voulez générer une déclaration non conforme d'un audit non terminé.",
170 |     "compliantStateComment": "Commentaire de l'état de conformité",
171 | 	"nonFinishedAudit": "Les résultats des premiers tests sont issus d'une analyse partielle. Cette analyse a été interrompue au vu du nombre important de non-conformités observées.",
172 |     "derogations": "Dérogations",
173 | 	"exemptions": "Exemptions",
174 | 	"nonCompliantComment": "Commentaire pour les non-conformités",
175 | 	"selectType": "Sélectionner un type",
176 | 	"modifyList": "Modifier la liste",
177 | 	"customerService": "Service client",
178 | 	"internalService": "Service interne",
179 | 	"textService" :"Contacter [Nom de l’entité responsable du service en ligne] [url d’une page avec les coordonnées de l'entité]",
180 | 	"orangeGroup": "Orange groupe",
181 | 	"environmentEx1": "Chrome XX et JAWS 2024",
182 | 	"environmentEx2": "Firefox XX et NVDA 2023.3",
183 | 	"environmentEx3": "Android 10 et Talkback",
184 | 	"environmentEx4": "IOS et Voice Over",
185 | 	"keyboardNavigation": "Navigation clavier",
186 | 	"xmlBtn": "Exporter la déclaration au format XML",
187 | 	"htmlBtn": "Exporter la déclaration au format HTML",
188 | 	"item": "Nom",
189 | 	"type": "Type",
190 | 	"auto": "auto",
191 | 	"functional": "fonctionnel",
192 | 	"content": "Contenu",
193 | 	"manual": "manuel",
194 | 	"user": "utilisateur",
195 | 	"autoTest": "Tests automatiques ",
196 | 	"functionalTest": "Tests fonctionnels ",
197 | 	"manualTest": "Tests manuels ",
198 | 	"version": "Version",
199 | 	"keyboard": "Navigation clavier",
200 | 	"auditWarning": "Ces résultats ne sont pas exhaustifs. Les cas relevés sont donnés à titre d’exemple, afin d’illustrer les anomalies. Il est à la charge de l’équipe projet d’appliquer ces correctifs, de manière systématique, sur tous les cas similaires.",
201 | 	"compliant": "Conformes",
202 | 	"nonCompliant": "Non conformes",
203 | 	"notApplicable": "Non applicables",
204 | 	"notTested": "non testés",
205 | 	"noCommentary": "Pas de commentaire",
206 | 	"autocheckTxt1": "Ce test est lié à la page précédente",
207 | 	"autocheckTxt2": "Appliquer automatiquement ce résultat à la page suivante.",
208 | 	"autocheckTxtError": "Attention, vous venez de modifier un critère lié à la page précédente, cette liaison et celle des pages suivantes n'existe plus désormais.",
209 | 	"autocheckModalTitle": "Appliquer automatiquement un résultat",
210 | 	"autocheckModalTxt": "Voulez vous appliquer le résultat de ce critère à toutes les prochaines pages ?",
211 | 	"autocheckModalTxt2": "Si vous répondez non, le résultat sera appliqué seulement sur la page suivante.",
212 | 	"moreInfo": "Plus d'informations",
213 | 	"newWindow": "nouvelle fenêtre",
214 | 	"guidelines": "recommandations",
215 | 	"template": {
216 | 		"va11ydette": "La v<span class=\"text-primary\">a11y</span>dette",
217 | 		"auditNameWcag": "Grille Audit d’Orange",
218 | 		"btnShowResult": "Conformité",
219 | 		"btnImportTxt": "Importer",
220 | 		"btnExportTxt": "Exporter",
221 | 		"import": "Charger l'audit",
222 | 		"status1": "conforme",
223 | 		"status2": "non conforme",
224 | 		"status3": "non applicable",
225 | 		"status4": "non testé",
226 | 		"filters": "Filtres",
227 | 		"navAnchor": "Sur cette page",
228 | 		"footerStatementText": "<a class=\"nav-link d-inline\" href=\"/declaration-accessibilite.html\">Accessibilité : partiellement conforme</a>",
229 | 		"footerTxt1": "Documentation sous <a class=\"nav-link d-inline\" href=\"https://github.com/Orange-OpenSource/La-Va11ydette/blob/master/LICENSE\">licence MIT</a>.",
230 | 		"footerTxt2": "Le logo Orange ainsi que certaines images et captures sont la propriété d’Orange&nbsp;: Copyright © 2016 Orange SA <em lang=\"en\">All rights reserved</em>.",
231 | 		"footerLinkGit": "Signaler une erreur sur GitHub<span class=\"visually-hidden\">&nbsp;(nouvelle fenêtre)</span><svg class=\"ms-1\" aria-hidden=\"true\" focusable=\"false\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 1000 1000\"><defs><style>.cls-1 {fill-rule: evenodd;}</style></defs><path class=\"cls-1\" d=\"M374.908,308.958L600,309V109L921.719,430.9a74.988,74.988,0,0,1,0,106.044L600,859V659H325A150.027,150.027,0,0,0,175,809v81C98.941,830.528,50,737.929,50,633.891,50,454.436,195.466,308.958,374.908,308.958Z\"/></svg>",
232 | 		"link-about-txt": "À propos",
233 | 		"link-guide-txt": "Guide utilisateur"
234 | 	},
235 | 	"title": {
236 | 		"btnImport": "Importer un audit (json)",
237 | 		"btnImportClose": "Fermer la partie import",
238 | 		"export": "Exporter l'audit (json)",
239 | 		"btnShowResult": "Afficher les taux de conformité",
240 | 		"btnChecklistName": "Modifier le nom de l’audit",
241 | 		"btnPageName": "Modifier le nom de la page",
242 | 		"btnDelPage": "Supprimer la page",
243 | 		"btnLocalStorage": "Restaurer / Supprimer un audit",
244 | 		"btnExcelExport": "Exporter les anomalies (excel)",
245 | 		"footerLinkGit" : "Signaler une erreur sur GitHub (nouvelle fenêtre)",
246 | 		"link-about": "À propos (nouvelle fenêtre)",
247 | 		"link-guide": "Guide utilisateur (nouvelle fenêtre)",
248 | 		"link-guide-href":"./user-guide",
249 | 		"link-to-top":"Retour en haut de la page"
250 | 	},
251 | 	"ariaLabelOnly": {
252 | 		"nav-lang": "À propos et changement de langues",
253 | 		"nav-back-to-top": "Retour en haut de la page",
254 | 		"selectFiles": "Sélectionner un audit (JSON)"
255 | 	},
256 | 	"url": {
257 | 		"link-about": "https://a11y-guidelines.orange.com/fr/web/audit-wcag/"
258 | 	},
259 | 	"wcag": {
260 | 	  "1.1.1": "Contenu non textuel",
261 | 	  "1.2.1": "Contenu seulement audio ou vidéo (pré-enregistré)",
262 | 	  "1.2.2": "Sous-titres (pré-enregistrés)",
263 | 	  "1.2.3": "Audio-description ou version de remplacement pour un média temporel (pré-enregistré)",
264 | 	  "1.2.4": "Sous-titres (en direct)",
265 | 	  "1.2.5": "Audio-description (pré-enregistrée)",
266 | 	  "1.3.1": "Information et relations",
267 | 	  "1.3.2": "Ordre séquentiel logique",
268 | 	  "1.3.3": "Caractéristiques sensorielles",
269 | 	  "1.3.4": "Orientation",
270 | 	  "1.3.5": "Identifier la fonction du champ",
271 | 	  "1.4.1": "Utilisation de la couleur",
272 | 	  "1.4.2": "Contrôle du son",
273 | 	  "1.4.3": "Contraste (minimum)",
274 | 	  "1.4.4": "Redimensionnement du texte",
275 | 	  "1.4.5": "Texte sous forme d'image",
276 | 	  "1.4.10": "Reflow",
277 | 	  "1.4.11": "Contraste des éléments non-textuels",
278 | 	  "1.4.12": "Espacement du texte",
279 | 	  "1.4.13": "Contenus s’affichant au survol du pointeur ou lors d’une tabulation",
280 | 	  "2.1.1": "Clavier",
281 | 	  "2.1.2": "Pas de piège au clavier",
282 | 	  "2.1.4": "Raccourcis clavier",
283 | 	  "2.2.1": "Réglage du délai",
284 | 	  "2.2.2": "Mettre en pause, arrêter, masquer",
285 | 	  "2.3.1": "Pas plus de trois flashs ou sous le seuil critique",
286 | 	  "2.4.1": "Contourner des blocs",
287 | 	  "2.4.2": "Titre de page",
288 | 	  "2.4.3": "Parcours du focus",
289 | 	  "2.4.4": "Fonction du lien (selon le contexte)",
290 | 	  "2.4.5": "Accès multiples",
291 | 	  "2.4.6": "En-têtes et étiquettes",
292 | 	  "2.4.7": "Visibilité du focus",
293 | 	  "2.4.8": "Localisation",
294 | 	  "2.4.9": "Fonction du lien (lien uniquement)",
295 | 	  "2.4.11": "Apparence du focus",
296 | 	  "2.5.1": "Gestes multipoints ou trajectoires",
297 | 	  "2.5.2": "Déclenchement d'une action",
298 | 	  "2.5.3": "Label dans le nom",
299 | 	  "2.5.4": "Mouvement de l'appareil ou de l'utilisateur",
300 | 	  "2.5.5": "Taille minimum des zones sensibles",
301 | 	  "2.5.7": "Mouvement de glisser déposer",
302 | 	  "2.5.8": "Taille minimum des zones sensibles",
303 | 	  "3.1.1": "Langue de la page",
304 | 	  "3.1.2": "Langue d'un passage",
305 | 	  "3.2.1": "Au focus",
306 | 	  "3.2.2": "À la saisie",
307 | 	  "3.2.3": "Navigation cohérente",
308 | 	  "3.2.4": "Identification cohérente",
309 | 	  "3.2.6": "Aide cohérente",
310 | 	  "3.3.1": "Identification des erreurs",
311 | 	  "3.3.2": "Étiquettes ou instructions",
312 | 	  "3.3.3": "Suggestion après une erreur",
313 | 	  "3.3.4": "Prévention des erreurs (juridiques, financières, de données)",
314 | 	  "3.3.7": "Entrée redondante",
315 | 	  "3.3.8": "Authentification accessible",
316 | 	  "4.1.1": "Analyse syntaxique",
317 | 	  "4.1.2": "Nom, rôle et valeur",
318 | 	  "4.1.3": "Messages d’état"
319 | 	},
320 | 	"statementTemplate": {
321 | 		"title": "Déclaration d'Accessibilité",
322 | 		"auditDate": "Cette déclaration a été établie le",
323 | 		"auditUpdateDate": "Elle a été mise à jour le",
324 | 		"environmentStatement": "Établissement de cette déclaration d'accessibilité",
325 | 		"wcagNonCompliant": "Liste des critères WCAG non conformes :",
326 | 		"state": "État de conformité :",
327 | 		"compliantContent1": "Ce site est conforme à ",
328 | 		"compliantContent2": " aux critères <a href=\"https://www.w3.org/TR/WCAG22/\"><abbr lang=\"en\" title=\"Web Content Accessibility Guidelines\">WCAG</abbr> version 2.2, niveau AA</a>",
329 | 		"totalyCompliant": "totalement conforme",
330 | 		"partialyCompliant": "partiellement conforme",
331 | 		"noCompliant": "non conforme",
332 | 		"method":"L'analyse a été effectuée via <a href=\"https://la-va11ydette.orange.com/\">la Va11ydette</a>.",
333 | 		"linkRGAAWCAG":"s'appuie sur les recommandations du référentiel international WCAG version 2.2, niveau AA. <a href=\"https://a11y-guidelines.orange.com/fr/cadrage/correspondance-rgaa-wcag/\">Voici le lien de correspondance entre les RGAA et les WCAG</a>.",
334 | 		"blockingPoint1": " point(s) bloquant(s) d'un point de vue utilisateur",
335 | 		"approvalHeading": "Identité du déclarant",
336 | 		"standardHeading": "Référentiel",
337 | 		"wcagVersion": "<a href=\"https://www.w3.org/TR/WCAG22/\"><abbr lang=\"en\" title=\"Web Content Accessibility Guidelines\">WCAG</abbr> version 2.2, niveau AA</a>",
338 | 		"technologyHeading": "Technologies utilisées pour la réalisation du site",
339 | 		"environmentHeading": "Environnement de test",
340 | 		"environmentContent": "Les vérifications ont été réalisées avec les combinaisons logicielles suivantes :",
341 | 		"methodsHeading": "Méthodes et outils utilisés pour vérifier l’accessibilité",
342 | 		"contextHeading": "Contexte",
343 | 		"pagesHeading": "Page(s) ayant fait l’objet de la vérification de conformité",
344 | 		"pagesContent": "L’audit de vérification a été effectué sur les pages suivantes à l'aide de la va11ydette d'Orange :",
345 | 		"resultsHeading": "Résultat des tests",
346 | 		"resultsContent1": "L'audit de conformité réalisé par",
347 | 		"resultsContent1bis": "révèle que :",
348 | 		"resultsContentnonCompliant": "Moins de 50",
349 | 		"resultsContent2": "% des critères WCAG de niveau A et AA sont respectés.",
350 | 		"resultsContent2bis": "Le taux moyen de conformité du service en ligne s'élève à",
351 | 		"resultsContent3": ", avec ",
352 | 		"resultsContent4": " point(s) bloquant(s) d'un point de vue utilisateur",
353 | 		"resultsContent5": "Le tableau présente par page auditée le nombre de critères conformes, non conformes, non applicables selon le niveau A ou AA. La dernière colonne mentionne le taux de conformité de la page qui est égal au nombre de critères conformes divisé par le nombre de critères applicables.",
354 | 		"resultsContent6": "Conformité globale (moyenne des pages)&nbsp;:",
355 | 		"resultsContent7": "%.",
356 | 		"resultsContent8": "% (pourcentage des critères respectés",
357 | 		"noncompliancesHeading1": "Contenus non accessibles",
358 | 		"noncompliancesHeading2": "Non-conformités",
359 | 		"noncompliancestext": "Toutes les non-conformités sont identifiées et prises en compte par les équipes concernées, voici la liste des critères WCAG non conformes :",
360 | 		"noNonCompliance": "aucune non-conformité détectée",
361 | 		"derogationsHeading": "Dérogations pour charge disproportionnée",
362 | 		"exemptionsHeading": "Contenus non soumis à l’obligation d’accessibilité",
363 | 		"contactsHeading": "Retour d’information et contact",
364 | 		"contactsText": "Si vous n'arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable du site pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.",
365 | 		"legalHeading": "Voies de recours",
366 | 		"legalContent": "Vous avez signalé au responsable du site internet un défaut d’accessibilité qui vous empêche d’accéder à un contenu ou à un des services du portail et vous n’avez pas obtenu de réponse satisfaisante, dans ce cas&nbsp;:",
367 | 		"legalList1": "Écrire un message au <a href=\"https://formulaire.defenseurdesdroits.fr/\">Défenseur des droits</a>.",
368 | 		"legalList2": "Ou contacter le <a href=\"https://www.defenseurdesdroits.fr/saisir/delegues\">délégué du Défenseur des droits dans votre département</a>.",
369 | 		"legalList3": "Ou envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) <br><address> Défenseur des droits <br> Libre réponse 71120 <br> 75342 Paris CEDEX 07 </address>"
370 | 	}
371 | }
372 | 


--------------------------------------------------------------------------------