Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Overlay: WGAG 2.1 & 2.2 AA Assessment #9413

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions Gruntfile.coffee
Original file line number Diff line number Diff line change
Expand Up @@ -1208,7 +1208,7 @@ module.exports = (grunt) ->
files: [
cwd: "src/plugins"
src: [
"**/*.{jpg,html,xml}"
"**/*.{jpg,html,xml,json}"
"**/demo/*.*"
"**/ajax/*.*"
"**/img/*.*"
Expand Down Expand Up @@ -1246,7 +1246,7 @@ module.exports = (grunt) ->
demos_min:
cwd: "dist/unmin/demos"
src: [
"**/*.{jpg,html,xml}"
"**/*.{jpg,html,xml,json}"
"**/demo/*.*"
"**/ajax/*.*"
"**/img/*.*"
Expand Down
10 changes: 9 additions & 1 deletion site/pages/docs/ref/overlay/overlay-en.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
"categoryfile": "plugins",
"description": "A flexible, responsive overlay plugin.",
"altLangPrefix": "overlay",
"dateModified": "2014-08-06"
"dateModified": "2022-08-19"
}
---
<span class="wb-prettify all-pre hide"></span>
Expand Down Expand Up @@ -44,6 +44,14 @@
</ul>
</section>

<section>
<h2>Evaluation and report</h2>
<ul>
<li>Accessibility (SC WCAG 2.1/2.2 Level A & AA)- <a href="../../../demos/overlay/reports/a11y-1-en.html">English Report</a></li>
<li>Accessibility (SC WCAG 2.1/2.2 Level A & AA)- <a href="../../../demos/overlay/reports/a11y-1-fr.html">French Report</a></li>
</ul>
</section>

<section>
<h2>How to implement</h2>
<p>For centred popups, please see the <a href="../lightbox/lightbox-en.html">Lightbox documentation</a>.</p>
Expand Down
10 changes: 9 additions & 1 deletion site/pages/docs/ref/overlay/overlay-fr.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
"categoryfile": "plugins",
"description": "Un plugiciel fournissant un modèle de contenu superposé flexible et réactif.",
"altLangPrefix": "overlay",
"dateModified": "2014-08-06"
"dateModified": "2022-08-09"
}
---
<span class="wb-prettify all-pre hide"></span>
Expand Down Expand Up @@ -46,6 +46,14 @@
</ul>
</section>

<section>
<h2>Évaluation et rapport</h2>
<ul>
<li>Accessibilité (CS WCAG 2.1/2.2 Niveau A & AA)- <a href="../../../demos/overlay/reports/a11y-1-en.html">Rapport Anglais</a></li>
<li>Accessibilité (CS WCAG 2.1/2.2 Niveau A & AA)- <a href="../../../demos/overlay/reports/a11y-1-fr.html">Rapport Français</a></li>
</ul>
</section>

<section>
<h2>How to implement</h2>
<p>For centred popups, please see the <a href="../lightbox/lightbox-en.html">Lightbox documentation</a>.</p>
Expand Down
77 changes: 77 additions & 0 deletions src/plugins/overlay/reports/a11y-1-en.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
---
{
"title": "Accessibility assessment #3 - Overlay",
"language": "en",
"description": "Partial. Evaluation of new Success Criteria at Level A and Level AA of WCAG 2.1 and WCAG 2.2",
"tag": "overlay",
"parentdir": "overlay",
"parentPage": "Overlay",
"parentPageURL": "overlay",
"altLangPage": "a11y-1-fr.html",
"dateModified": "2022-08-19"
}
---
<div id="ds-a11y" data-wb-jsonmanager='{ "url": "a11y-1.json", "name": "a11y" }'></div>

<dl class="dl-horizontal">
<dt>Evaluation Report Identifier</dt>
<dd data-json-replace="#[a11y]/id">Not Available</dd>
<dt>Type</dt>
<dd>Accessibility assessment</dd>
<dt>Asserted by:</dt>
<dd data-json-replace="#[a11y]/assertedBy">Not Available</dd>
<dt>Date:</dt>
<dd data-json-replace="#[a11y]/date">Not Available</dd>
<dt>Page:</dt>
<dd><a data-wb-json='[
{
"url": "#[a11y]/subjectUrl",
"type": "attr",
"attr": "href"
},
{
"url": "#[a11y]/subjectUrl",
"type": "replace"
}
]' href="#">Not Defined</a></dd>
<dt>Subject</dt>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In terms of the output, it's stated: "Evaluated all Success Criteria at Level AA of WCAG 2.2"...is this statement should mentioned that it's evaluated against success criteria Level AA of WCAG 2.0, 2.1 and 2.2?

<dd data-json-replace="#[a11y]/assessment">Not Defined</dd>
<dt>Notes:</dt>
<dd data-json-replace="#[a11y]/notes">No notes</dd>
<dt>Scores</dt>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since there is only one final percentage, should we write "Score" singular without an "s" ate the end?

<dd data-json-replace="#[a11y]/score">Not Calculated</dd>
</dl>

<h2>Assessment details</h2>
<table class="table">
<thead>
<tr>
<th>Success Criteria</th>
<th>Result</th>
<th>Comments</th>
</tr>
</thead>
<tbody data-wb-json='{
"url": "#[a11y]/results",
"tobeclone": "tr",
"source": "#tmpl-result",
"mapping": [
{ "selector": ":nth-child(1)", "value": "/label" },
{ "selector": ":nth-child(2)", "value": "/outcome" },
{ "selector": ":nth-child(3)", "value": "/notes" }
]
}'>
</tbody>
</table>

<template id="tmpl-result">
<table>
<tr>
<th></th>
<td></td>
<td></td>
</tr>
</table>
</template>
77 changes: 77 additions & 0 deletions src/plugins/overlay/reports/a11y-1-fr.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
---
{
"title": "Assessment d'accessibilité #3 - Contenu superposé",
"language": "fr",
"description": "Partielle. Évaluation des nouveaux critères de succès aux niveaux A et AA de WCAG 2.1 et WCAG 2.2",
"tag": "overlay",
"parentdir": "overlay",
"parentPage": "Contenu superposé",
"parentPageURL": "overlay",
"altLangPage": "a11y-1-en.html",
"dateModified": "2022-08-19"
}
---
<div id="ds-a11y" data-wb-jsonmanager='{ "url": "a11y-1.json", "name": "a11y" }'></div>

<dl class="dl-horizontal">
<dt>Identifiant du rapport d'évaluation</dt>
<dd data-json-replace="#[a11y]/id" lang="en"><span lang="fr">Non disponible</span></dd>
<dt>Type</dt>
<dd>Évaluation de l'accessibilité</dd>
<dt>Évalué par:</dt>
<dd data-json-replace="#[a11y]/assertedBy" lang="en"><span lang="fr">Non disponible</span></dd>
<dt>Date:</dt>
<dd data-json-replace="#[a11y]/date" lang="en"><span lang="fr">Non disponible</span></dd>
<dt>Page:</dt>
<dd><a data-wb-json='[
{
"url": "#[a11y]/subjectUrl",
"type": "attr",
"attr": "href"
},
{
"url": "#[a11y]/subjectUrl",
"type": "replace"
}
]' href="#" lang="en"><span lang="fr">Non Définie</span></a></dd>
<dt>Subject</dt>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Should we used the French term: "Sujet" instead?
  • In terms of the output, it's stated: "Evaluated all Success Criteria at Level AA of WCAG 2.2"...is this statement should mentioned that it's evaluated against criteria Level AA of WCAG 2.0, 2.1 and 2.2?
  • IS there any French translation for the output message?

<dd data-json-replace="#[a11y]/assessment" lang="en"><span lang="fr">Non Définie</span></dd>
<dt>Notes:</dt>
<dd data-json-replace="#[a11y]/notes" lang="en"><span lang="fr">Aucune note</span></dd>
<dt>Scores</dt>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we used the French term: "Marque" instead?

<dd data-json-replace="#[a11y]/score" lang="en"><span lang="fr">Non calculé</span></dd>
</dl>

<h2>Détails de l'évaluation</h2>
<table class="table">
<thead>
<tr>
<th>Critères de succès</th>
<th>Résultat</th>
<th>Commentaire</th>
</tr>
</thead>
<tbody data-wb-json='{
"url": "#[a11y]/results",
"tobeclone": "tr",
"source": "#tmpl-result",
"mapping": [
{ "selector": ":nth-child(1)", "value": "/label" },
{ "selector": ":nth-child(2)", "value": "/outcome" },
{ "selector": ":nth-child(3)", "value": "/notes" }
]
}'>
</tbody>
</table>

<template id="tmpl-result">
<table>
<tr>
<th lang="en"></th>
<td lang="en"></td>
<td lang="en"></td>
</tr>
</table>
</template>