Skip to content

Commit

Permalink
fix(page d'accessibilité): rendre le html valide (#6452)
Browse files Browse the repository at this point in the history
  • Loading branch information
@carolineBda
carolineBda authored Feb 11, 2025
1 parent e1b879d commit e7e0248
Show file tree
Hide file tree
Showing 2 changed files with 111 additions and 97 deletions.
112 changes: 64 additions & 48 deletions ...il-frontend/src/modules/accessibilite/__tests__/__snapshots__/Accessibilite.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,18 +16,20 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
</p>
<p>
À cette fin, il met en œuvre la stratégie et les actions suivantes :
<ul>
<li>
La réalisation d’un audit de conformité le 19 mai de l’année 2021
</li>
<li>
La réalisation d’un contre-audit d’ici la fin du premier semestre 2024
</li>
<li>
La mise en œuvre des recommandations pour maintenir l’objectif de 75%
</li>
</ul>
</p>
<ul
class="fr-mb-2w"
>
<li>
La réalisation d’un audit de conformité le 19 mai de l’année 2021
</li>
<li>
La réalisation d’un contre-audit d’ici la fin du premier semestre 2024
</li>
<li>
La mise en œuvre des recommandations pour maintenir l’objectif de 75%
</li>
</ul>
<p>
Cette déclaration d’accessibilité s’applique au site Internet code.travail.gouv.fr.
</p>
Expand All @@ -46,15 +48,19 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
<p>
L’audit de conformité réalisé par Alter Way révèle que :
</p>
<ul>
<ul
class="fr-mb-2w"
>
<li>
[75%] des critères du RGAA version 4.1 sont respectés
</li>
</ul>
<h2>
Non-conformité
</h2>
<ul>
<ul
class="fr-mb-2w"
>
<li>
Critère 5.7. Pour chaque tableau de données, la technique appropriée permettant d’associer chaque cellule avec ses en-têtes est-elle utilisée (hors cas particuliers) ?
</li>
Expand Down Expand Up @@ -89,7 +95,9 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
<h3>
Technologies utilisées pour la réalisation du Code du travail numérique
</h3>
<ul>
<ul
class="fr-mb-2w"
>
<li>
HTML5
</li>
Expand All @@ -109,7 +117,9 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
<p>
Les vérifications de restitution de contenus ont été réalisées sur la base de la combinaison fournie par la base de référence du RGAA 4.1, avec les versions suivantes :
</p>
<ul>
<ul
class="fr-mb-2w"
>
<li>
Firefox
</li>
Expand All @@ -123,7 +133,9 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
<p>
Les vérifications de restitution de contenus ont été réalisées sur la base de la combinaison fournie par la base de référence du RGAA 4.1, avec les versions suivantes :
</p>
<ul>
<ul
class="fr-mb-2w"
>
<li>
wave
</li>
Expand All @@ -150,7 +162,9 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
<h3>
Pages du site ayant fait l’objet de la vérification de conformité
</h3>
<ol>
<ol
class="fr-mb-2w"
>
<li>
Page d'accueil :
Expand Down Expand Up @@ -308,38 +322,40 @@ exports[`<Accessibilite /> should match snapshot 1`] = `
</p>
<p>
Vous pouvez :
<ul>
<li>
<a
href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016"
rel="noopener noreferrer"
target="_blank"
title="Écrire un message au Défenseur des droits - nouvelle fenêtre"
>
Écrire un message au Défenseur des droits
</a>
</li>
<li>
<a
href="https://www.defenseurdesdroits.fr/carte-des-delegues"
rel="noopener noreferrer"
target="_blank"
title="Contacter le délégué du Défenseur des droits dans votre région - nouvelle fenêtre"
>
Contacter le délégué du Défenseur des droits dans votre région
</a>
</li>
<li>
Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) :
<br />
Défenseur des droits
<br />
Libre réponse 71120
<br />
75342 Paris CEDEX 07
</li>
</ul>
</p>
<ul
class="fr-mb-2w"
>
<li>
<a
href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016"
rel="noopener noreferrer"
target="_blank"
title="Écrire un message au Défenseur des droits - nouvelle fenêtre"
>
Écrire un message au Défenseur des droits
</a>
</li>
<li>
<a
href="https://www.defenseurdesdroits.fr/carte-des-delegues"
rel="noopener noreferrer"
target="_blank"
title="Contacter le délégué du Défenseur des droits dans votre région - nouvelle fenêtre"
>
Contacter le délégué du Défenseur des droits dans votre région
</a>
</li>
<li>
Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) :
<br />
Défenseur des droits
<br />
Libre réponse 71120
<br />
75342 Paris CEDEX 07
</li>
</ul>
<h2>
En savoir plus sur l’accessibilité
</h2>
Expand Down
96 changes: 47 additions & 49 deletions packages/code-du-travail-frontend/src/modules/accessibilite/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,20 +13,19 @@ export const Accessibilite = () => {
<p>
À cette fin, il met en œuvre la stratégie et les actions
suivantes&nbsp;:
<ul>
<li>
La réalisation d’un audit de conformité le 19 mai de l’année 2021
</li>
<li>
La réalisation d’un contre-audit d’ici la fin du premier semestre
2024
</li>
<li>
La mise en œuvre des recommandations pour maintenir l’objectif de
75%
</li>
</ul>
</p>
<ul className="fr-mb-2w">
<li>
La réalisation d’un audit de conformité le 19 mai de l’année 2021
</li>
<li>
La réalisation d’un contre-audit d’ici la fin du premier semestre 2024
</li>
<li>
La mise en œuvre des recommandations pour maintenir l’objectif de 75%
</li>
</ul>

<p>
Cette déclaration d’accessibilité s’applique au site Internet
code.travail.gouv.fr.
Expand All @@ -43,12 +42,12 @@ export const Accessibilite = () => {
</p>
<h3>Résultat des tests</h3>
<p>L’audit de conformité réalisé par Alter Way révèle que :</p>
<ul>
<ul className="fr-mb-2w">
<li>[75%] des critères du RGAA version 4.1 sont respectés</li>
</ul>

<h2>Non-conformité</h2>
<ul>
<ul className="fr-mb-2w">
<li>
Critère 5.7. Pour chaque tableau de données, la technique appropriée
permettant d’associer chaque cellule avec ses en-têtes est-elle
Expand Down Expand Up @@ -93,7 +92,7 @@ export const Accessibilite = () => {
<h3>
Technologies utilisées pour la réalisation du Code du travail numérique
</h3>
<ul>
<ul className="fr-mb-2w">
<li>HTML5</li>
<li>WAI-ARIA</li>
<li>CSS</li>
Expand All @@ -105,7 +104,7 @@ export const Accessibilite = () => {
base de la combinaison fournie par la base de référence du RGAA 4.1,
avec les versions suivantes&nbsp;:
</p>
<ul>
<ul className="fr-mb-2w">
<li>Firefox</li>
<li>NVDA</li>
</ul>
Expand All @@ -115,7 +114,7 @@ export const Accessibilite = () => {
base de la combinaison fournie par la base de référence du RGAA 4.1,
avec les versions suivantes&nbsp;:
</p>
<ul>
<ul className="fr-mb-2w">
<li>wave</li>
<li>web developper toolbar</li>
<li>headings maps</li>
Expand All @@ -131,7 +130,7 @@ export const Accessibilite = () => {
</li>
</ul>
<h3>Pages du site ayant fait l’objet de la vérification de conformité</h3>
<ol>
<ol className="fr-mb-2w">
<li>
Page d&apos;accueil :{" "}
<Link href="https://code.travail.gouv.fr/">
Expand Down Expand Up @@ -241,36 +240,35 @@ export const Accessibilite = () => {
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.
</p>
<p>
Vous pouvez&nbsp;:
<ul>
<li>
<Link
href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016"
target="_blank"
rel="noopener noreferrer"
>
Écrire un message au Défenseur des droits
</Link>
</li>
<li>
<Link
href="https://www.defenseurdesdroits.fr/carte-des-delegues"
target="_blank"
rel="noopener noreferrer"
>
Contacter le délégué du Défenseur des droits dans votre région
</Link>
</li>
<li>
Envoyer un courrier par la poste (gratuit, ne pas mettre de
timbre)&nbsp;: <br />
Défenseur des droits <br />
Libre réponse 71120 <br />
75342 Paris CEDEX 07
</li>
</ul>
</p>
<p>Vous pouvez&nbsp;:</p>
<ul className="fr-mb-2w">
<li>
<Link
href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016"
target="_blank"
rel="noopener noreferrer"
>
Écrire un message au Défenseur des droits
</Link>
</li>
<li>
<Link
href="https://www.defenseurdesdroits.fr/carte-des-delegues"
target="_blank"
rel="noopener noreferrer"
>
Contacter le délégué du Défenseur des droits dans votre région
</Link>
</li>
<li>
Envoyer un courrier par la poste (gratuit, ne pas mettre de
timbre)&nbsp;: <br />
Défenseur des droits <br />
Libre réponse 71120 <br />
75342 Paris CEDEX 07
</li>
</ul>

<h2>En savoir plus sur l’accessibilité</h2>
<p>
Pour en savoir plus sur la politique d’accessibilité numérique de
Expand Down

0 comments on commit e7e0248

Please sign in to comment.