From a53f878a108d7f799ed627657c76100a5f8872dc Mon Sep 17 00:00:00 2001 From: Caroline <4971715+carolineBda@users.noreply.github.com> Date: Tue, 28 Jan 2025 16:54:00 +0100 Subject: [PATCH] =?UTF-8?q?feat(A=20propos):=20migration=20au=20DSFR=20des?= =?UTF-8?q?=20pages=20A=20propos=20et=20D=C3=A9claration=20d'accessibilit?= =?UTF-8?q?=C3=A9=20(#6440)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../__snapshots__/a-propos.test.tsx.snap | 744 ------------------ .../app/a-propos/page.tsx | 20 + .../app/accessibilite/page.tsx | 20 + .../integration/light/landing-pages.spec.ts | 12 +- .../pages/a-propos.tsx | 153 ---- .../pages/accessibilite.tsx | 327 -------- .../a-propos/__tests__/About.test.tsx} | 6 +- .../__snapshots__/About.test.tsx.snap | 151 ++++ .../src/modules/a-propos/index.tsx | 136 ++++ .../__tests__/Accessibilite.test.tsx | 10 + .../__snapshots__/Accessibilite.test.tsx.snap | 361 +++++++++ .../src/modules/accessibilite/index.tsx | 288 +++++++ .../src/modules/common/Link.tsx | 1 + .../src/modules/config/DefaultLayout.tsx | 6 +- .../src/modules/config/StartDsfrDark.tsx | 16 - .../src/modules/config/StartDsfrSystem.tsx | 16 - .../src/modules/layout/ContainerWidget.tsx | 11 +- .../modules/layout/footer/FooterBottom.tsx | 4 +- .../__snapshots__/index.test.tsx.snap | 2 +- .../modules/privacy-policy/TrackApproval.tsx | 7 +- .../src/modules/privacy-policy/index.tsx | 4 +- .../widgets/WidgetWithIframeResizer.tsx | 9 - 22 files changed, 1011 insertions(+), 1293 deletions(-) delete mode 100644 packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap create mode 100644 packages/code-du-travail-frontend/app/a-propos/page.tsx create mode 100644 packages/code-du-travail-frontend/app/accessibilite/page.tsx delete mode 100644 packages/code-du-travail-frontend/pages/a-propos.tsx delete mode 100644 packages/code-du-travail-frontend/pages/accessibilite.tsx rename packages/code-du-travail-frontend/{__tests__/a-propos.test.tsx => src/modules/a-propos/__tests__/About.test.tsx} (65%) create mode 100644 packages/code-du-travail-frontend/src/modules/a-propos/__tests__/__snapshots__/About.test.tsx.snap create mode 100644 packages/code-du-travail-frontend/src/modules/a-propos/index.tsx create mode 100644 packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/Accessibilite.test.tsx create mode 100644 packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/__snapshots__/Accessibilite.test.tsx.snap create mode 100644 packages/code-du-travail-frontend/src/modules/accessibilite/index.tsx delete mode 100644 packages/code-du-travail-frontend/src/modules/config/StartDsfrDark.tsx delete mode 100644 packages/code-du-travail-frontend/src/modules/config/StartDsfrSystem.tsx diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap deleted file mode 100644 index fde24b629d..0000000000 --- a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap +++ /dev/null @@ -1,744 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[` should render 1`] = ` -
-
-
-
-
- le 04/01/2020, 00:00:00 -
-
- - République française, site officiel du gouvernement. Liberté, égalité, fraternité - - - - - - - -
-
-
- - - -
-
- -
- -
-
-
-
-
-
-

- - À propos -

-

- Apprenez-en plus sur notre histoire, notre équipe et nos méthodes -

-
-
-
-

- - Qu’est-ce que le Code du travail numérique ? -

-
-

- Le Code du travail numérique est un service public en ligne et gratuit vous permettant d’obtenir des réponses personnalisées sur le droit de travail. -

-

- L’ouverture officielle du site a eu lieu le 1 - - er - - janvier 2020. -

-

- Pourquoi le Code du travail numérique ? -

-

- Aujourd’hui, seul un public expert maîtrise la complexité du droit du travail et de ses différentes sources (code du travail, conventions collectives, accords d’entreprises, etc.). La technicité du sujet le rend également peu accessible pour les salariés et les employeurs. Or, le droit est d’autant plus facilement appliqué et respecté qu’il est connu et compris. -

-

- La décision de créer le Code du travail numérique a donc été prise et inscrite dans - - - les ordonnances sur le renforcement du dialogue social de 2017. - -

-

- À qui ce service s’adresse-t-il ? -

-

- Le Code du travail numérique s’adresse à tous les salariés et employeurs de droit privé relevant du code du travail. Les fonctionnaires et les indépendants ne sont par exemple pas concernés. Plus d’informations à ce sujet dans notre - - - page d’introduction au droit du travail. - -

-

- Que peut-on trouver sur le site ? -

-

- Le Code du travail numérique rassemble différents contenus sur le droit du travail ainsi que des réponses personnalisées selon votre situation. -

-

- Plus précisément, vous retrouverez sur le site : -

-
    -
  • - des réponses génériques sur le droit du travail dans un langage accessible ; -
    • -
  • - des réponses personnalisées selon votre convention collective ; -
    • -
  • - des simulateurs permettant d’estimer des durées de préavis, des montants d’indemnités… ; -
    • -
  • - des modèles de courrier. -
    • -
-
-

- - Qui sommes-nous ? -

-
-

- Notre équipe -

-

- Nous sommes une équipe pluridisciplinaire d’une dizaine de personnes composée de développeurs web, designers d’interface et d’expérience, juristes, inspecteurs du travail, spécialistes de la donnée… L’ensemble des agents du ministère du Travail contribue également au produit en rédigeant des contenus et en assurant la validité juridique des réponses. -

-

- Le Code du travail numérique est un service public initié par - - - le ministère du Travail - - , conçu et développé au sein de - - - la fabrique des Ministères sociaux - - - en partenariat avec la communauté - - - beta.gouv.fr - - . -

-

- Nos méthodes -

-

- Le service est développé en lien étroit avec les utilisateurs (employeurs et salariés) et les praticiens du droit du travail (services du ministère du Travail en région, conseillers du salarié, maisons d’accès au droit, professeurs en droit du travail...). -

-

- Le site sur lequel vous naviguez est en évolution continue et s’enrichit régulièrement de nouveaux contenus et de nouvelles fonctionnalités. Nous vous invitons à - - - nous contacter - - - si vous souhaitez nous faire part d’une proposition d’amélioration ! -

-
-
-
-
-
- -
-
-
-`; diff --git a/packages/code-du-travail-frontend/app/a-propos/page.tsx b/packages/code-du-travail-frontend/app/a-propos/page.tsx new file mode 100644 index 0000000000..b3b03f2802 --- /dev/null +++ b/packages/code-du-travail-frontend/app/a-propos/page.tsx @@ -0,0 +1,20 @@ +import { DsfrLayout } from "../../src/modules/layout"; +import { generateDefaultMetadata } from "../../src/modules/common/metas"; +import { About } from "../../src/modules/a-propos"; + +export const metadata = generateDefaultMetadata({ + title: "À propos", + description: + "Service public gratuit pour faciliter l'accès au droit du travail. Obtenez une réponse détaillée à vos questions.", + path: "/a-propos", +}); + +function Index() { + return ( + + + + ); +} + +export default Index; diff --git a/packages/code-du-travail-frontend/app/accessibilite/page.tsx b/packages/code-du-travail-frontend/app/accessibilite/page.tsx new file mode 100644 index 0000000000..dcd152c2cf --- /dev/null +++ b/packages/code-du-travail-frontend/app/accessibilite/page.tsx @@ -0,0 +1,20 @@ +import { DsfrLayout } from "../../src/modules/layout"; +import { generateDefaultMetadata } from "../../src/modules/common/metas"; +import { About } from "../../src/modules/a-propos"; +import { Accessibilite } from "../../src/modules/accessibilite"; + +export const metadata = generateDefaultMetadata({ + title: "Déclaration d'accessibilité", + description: "Accessibilité du site du Code du travail numérique", + path: "/accessibilite", +}); + +function Index() { + return ( + + + + ); +} + +export default Index; diff --git a/packages/code-du-travail-frontend/cypress/integration/light/landing-pages.spec.ts b/packages/code-du-travail-frontend/cypress/integration/light/landing-pages.spec.ts index e159bcde3e..9effca3ebe 100644 --- a/packages/code-du-travail-frontend/cypress/integration/light/landing-pages.spec.ts +++ b/packages/code-du-travail-frontend/cypress/integration/light/landing-pages.spec.ts @@ -12,11 +12,21 @@ describe("Landing pages", () => { it("je vois la page à propos", () => { cy.visit("/a-propos"); - + cy.findByRole("heading", { level: 1 }).should("have.text", "À propos"); cy.contains("Qu’est-ce que le Code du travail numérique"); cy.contains("Qui sommes-nous"); }); + it("je vois la page déclaration d'accessibilité", () => { + cy.visit("/accessibilite"); + cy.findByRole("heading", { level: 1 }).should( + "have.text", + "Déclaration d'accessibilité" + ); + cy.contains("État de conformité"); + cy.contains("[75%] des critères du RGAA version 4.1 sont respectés"); + }); + it("je vois la page droit du travail", () => { cy.visit("/droit-du-travail"); diff --git a/packages/code-du-travail-frontend/pages/a-propos.tsx b/packages/code-du-travail-frontend/pages/a-propos.tsx deleted file mode 100644 index 447e7eb580..0000000000 --- a/packages/code-du-travail-frontend/pages/a-propos.tsx +++ /dev/null @@ -1,153 +0,0 @@ -import { - Container, - Heading, - PageTitle, - Section, - theme, - Title, - Wrapper, -} from "@socialgouv/cdtn-ui"; -import Link from "next/link"; -import React from "react"; - -import Metas from "../src/common/Metas"; -import { Layout } from "../src/layout/Layout"; - -const About = () => { - return ( - - -
- - - À propos - - - - Qu’est-ce que le Code du travail numérique ? - -

- Le Code du travail numérique est un service public en ligne et - gratuit vous permettant d’obtenir des réponses personnalisées sur - le droit de travail. -

-

- L’ouverture officielle du site a eu lieu le 1er janvier - 2020. -

- Pourquoi le Code du travail numérique ? -

- Aujourd’hui, seul un public expert maîtrise la complexité du droit - du travail et de ses différentes sources (code du travail, - conventions collectives, accords d’entreprises, etc.). La - technicité du sujet le rend également peu accessible pour les - salariés et les employeurs. Or, le droit est d’autant plus - facilement appliqué et respecté qu’il est connu et compris. -

-

- La décision de créer le Code du travail numérique a donc été prise - et inscrite dans{" "} - - les ordonnances sur le renforcement du dialogue social de 2017. - -

- À qui ce service s’adresse-t-il ? -

- Le Code du travail numérique s’adresse à tous les salariés et - employeurs de droit privé relevant du code du travail. Les - fonctionnaires et les indépendants ne sont par exemple pas - concernés. Plus d’informations à ce sujet dans notre{" "} - - page d’introduction au droit du travail. - -

- Que peut-on trouver sur le site ? -

- Le Code du travail numérique rassemble différents contenus sur le - droit du travail ainsi que des réponses personnalisées selon votre - situation. -

-

Plus précisément, vous retrouverez sur le site :

-
    -
  • - des réponses génériques sur le droit du travail dans un langage - accessible ; -
    • -
  • - des réponses personnalisées selon votre convention - collective ; -
    • -
  • - des simulateurs permettant d’estimer des durées de préavis, des - montants d’indemnités… ; -
    • -
  • des modèles de courrier.
    • -
- Qui sommes-nous ? - Notre équipe -

- Nous sommes une équipe pluridisciplinaire d’une dizaine de - personnes composée de développeurs web, designers d’interface et - d’expérience, juristes, inspecteurs du travail, spécialistes de la - donnée… L’ensemble des agents du ministère du Travail contribue - également au produit en rédigeant des contenus et en assurant la - validité juridique des réponses. -

-

- Le Code du travail numérique est un service public initié par{" "} - - le ministère du Travail - - , conçu et développé au sein de{" "} - - la fabrique des Ministères sociaux - {" "} - en partenariat avec la communauté{" "} - - beta.gouv.fr - - . -

- Nos méthodes -

- Le service est développé en lien étroit avec les utilisateurs - (employeurs et salariés) et les praticiens du droit du travail - (services du ministère du Travail en région, conseillers du - salarié, maisons d’accès au droit, professeurs en droit du - travail...). -

-

- Le site sur lequel vous naviguez est en évolution continue et - s’enrichit régulièrement de nouveaux contenus et de nouvelles - fonctionnalités. Nous vous invitons à{" "} - - nous contacter - {" "} - si vous souhaitez nous faire part d’une proposition - d’amélioration ! -

- - -
- - ); -}; -export default About; diff --git a/packages/code-du-travail-frontend/pages/accessibilite.tsx b/packages/code-du-travail-frontend/pages/accessibilite.tsx deleted file mode 100644 index bc66b74c44..0000000000 --- a/packages/code-du-travail-frontend/pages/accessibilite.tsx +++ /dev/null @@ -1,327 +0,0 @@ -import { - Container, - PageTitle, - Section, - theme, - Title, - Wrapper, -} from "@socialgouv/cdtn-ui"; -import React from "react"; - -import { A11yLink } from "../src/common/A11yLink"; -import Metas from "../src/common/Metas"; -import { Layout } from "../src/layout/Layout"; - -const Accessibilite = () => { - return ( - - -
- - Déclaration d'accessibilité - -

- Le Ministère du travail, de l’emploi et de l’insertion s’engage à - rendre son service accessible conformément à l’article 47 de la - loi n° 2005-102 du 11 février 2005. -

-

- À cette fin, il met en œuvre la stratégie et les actions - suivantes : -

    -
  • - La réalisation d’un audit de conformité le 19 mai de l’année - 2021 -
    • -
  • - La réalisation d’un contre-audit d’ici la fin du premier - semestre 2024 -
    • -
  • - La mise en œuvre des recommandations pour maintenir l’objectif - de 75% -
    • -
-

-

- Cette déclaration d’accessibilité s’applique au site Internet - code.travail.gouv.fr. -

- État de conformité -

- Le site Internet code.travail.gouv.fr est en conformité partielle - avec le référentiel général d’amélioration de l’accessibilité - (RGAA) « version 4.1 ». -

-

- Nous tâchons de rendre dès la conception, ce site accessible à - toutes et à tous. -

- - Résultat des tests - -

L’audit de conformité réalisé par Alter Way révèle que :

-
    -
  • [75%] des critères du RGAA version 4.1 sont respectés
    • -
- - Non-conformité -
    -
  • - 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) ? -
    • -
  • - Critère 7.1. Chaque script est-il, si nécessaire, compatible - avec les technologies d’assistance ? -
    • -
  • - Critère 7.3. Chaque script est-il contrôlable par le clavier et - par tout dispositif de pointage (hors cas particuliers) ? -
    • -
  • - Critère 7.5. Dans chaque page web, les messages de statut - sont-ils correctement restitués par les technologies - d’assistance ? -
    • -
  • - Critère 11.4. Dans chaque formulaire, chaque étiquette de champ - et son champ associé sont-ils accolés (hors cas - particuliers) ? -
    • -
  • - Critère 11.10. Dans chaque formulaire, le contrôle de saisie - est-il utilisé de manière pertinente (hors cas particuliers) ? -
    • -
  • - Critère 12.6. Les zones de regroupement de contenus présentes - dans plusieurs pages web (zones d’en-tête, de navigation - principale, de contenu principal, de pied de page et de moteur - de recherche) peuvent-elles être atteintes ou évitées ? -
    • -
  • - Critère 12.8. Dans chaque page web, l’ordre de tabulation est-il - cohérent ? -
    • -
- - Établissement de cette déclaration d’accessibilité - -

- Cette déclaration a été établie le 12 avril 2021. Elle a été mise - à jour le 20/10/2023. -

- - Technologies utilisées pour la réalisation du Code du travail - numérique - -
    -
  • HTML5
    • -
  • WAI-ARIA
    • -
  • CSS
    • -
  • JavaScript
    • -
- - Environnement de test - -

- 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 : -

-
    -
  • Firefox
    • -
  • NVDA
    • -
- - Outils pour évaluer l’accessibilité - -

- 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 : -

-
    -
  • wave
    • -
  • web developper toolbar
    • -
  • headings maps
    • -
  • wcag color contrast checker
    • -
  • - - Validateur w3c - -
    • -
- - Pages du site ayant fait l’objet de la vérification de conformité - -
    -
  1. - Page d'accueil :{" "} - - https://code.travail.gouv.fr/ - -
    2. -
  2. - Page mentions légales :{" "} - - https://code.travail.gouv.fr/mentions-legales - -
    3. -
  3. - Page droit du travail :{" "} - - https://code.travail.gouv.fr/droit-du-travail - -
    4. -
  4. - Page boîte à outils :{" "} - - https://code.travail.gouv.fr/outils - -
    5. -
  5. - Page service-public :{" "} - - https://code.travail.gouv.fr/fiche-service-public/arret-maladie-indemnites-journalieres-versees-au-salarie - -
    6. -
  6. - Page information :{" "} - - https://code.travail.gouv.fr/information/covid-19-reagir-en-cas-de-contamination-dans-lentreprise-protocole-national - -
    7. -
  7. - Page statistiques :{" "} - - https://code.travail.gouv.fr/stats - -
    8. -
  8. - Page thème :{" "} - - https://code.travail.gouv.fr/themes/contrat-de-travail - -
    9. -
  9. - Page recherche :{" "} - - https://code.travail.gouv.fr/recherche?q=cong%C3%A9s+pay%C3%A9s - -
    10. -
  10. - Page modèle de courrier :{" "} - - https://code.travail.gouv.fr/modeles-de-courriers/rupture-du-contrat-en-periode-dessai-a-linitiative-du-salarie - -
    11. -
  11. - Page dossier :{" "} - - https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus - -
    12. -
  12. - Page contribution :{" "} - - https://code.travail.gouv.fr/contribution/les-conges-pour-evenements-familiaux - -
    13. -
  13. - Page outil :{" "} - - https://code.travail.gouv.fr/outils/indemnite-licenciement - -
    14. -
  14. - Page glossaire :{" "} - - https://code.travail.gouv.fr/glossaire - -
    15. -
- Amélioration et contact -

- Si vous n’arrivez pas à accéder à un contenu ou à un service, vous - pouvez contacter le responsable du site Internet - code.travail.gouv.fr pour être orienté vers une alternative - accessible ou obtenir le contenu sous une autre forme. -

-

- E-mail :{" "} - - codedutravailnumerique@travail.gouv.fr - -

-

Nous essayons de répondre le plus rapidement possible.

- Voies de recours -

Cette procédure est à utiliser dans le cas suivant.

-

- 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. -

-

- Vous pouvez : -

    -
  • - - Écrire un message au Défenseur des droits - -
    • -
  • - - Contacter le délégué du Défenseur des droits dans votre - région - -
    • -
  • - Envoyer un courrier par la poste (gratuit, ne pas mettre de - timbre) :
    - Défenseur des droits
    - Libre réponse 71120
    - 75342 Paris CEDEX 07 -
    • -
-

- - En savoir plus sur l’accessibilité - -

- Pour en savoir plus sur la politique d’accessibilité numérique de - l’État :
- - https://accessibilite.numerique.gouv.fr - -

- - -
- - ); -}; -export default Accessibilite; diff --git a/packages/code-du-travail-frontend/__tests__/a-propos.test.tsx b/packages/code-du-travail-frontend/src/modules/a-propos/__tests__/About.test.tsx similarity index 65% rename from packages/code-du-travail-frontend/__tests__/a-propos.test.tsx rename to packages/code-du-travail-frontend/src/modules/a-propos/__tests__/About.test.tsx index 21dcc338ca..e8d1222ab5 100644 --- a/packages/code-du-travail-frontend/__tests__/a-propos.test.tsx +++ b/packages/code-du-travail-frontend/src/modules/a-propos/__tests__/About.test.tsx @@ -1,9 +1,9 @@ import { render } from "@testing-library/react"; - -import About from "../pages/a-propos"; +import React from "react"; +import { About } from ".."; describe("", () => { - it("should render", () => { + it("should match snapshot", () => { const { container } = render(); expect(container).toMatchSnapshot(); }); diff --git a/packages/code-du-travail-frontend/src/modules/a-propos/__tests__/__snapshots__/About.test.tsx.snap b/packages/code-du-travail-frontend/src/modules/a-propos/__tests__/__snapshots__/About.test.tsx.snap new file mode 100644 index 0000000000..b1b5da2b00 --- /dev/null +++ b/packages/code-du-travail-frontend/src/modules/a-propos/__tests__/__snapshots__/About.test.tsx.snap @@ -0,0 +1,151 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[` should match snapshot 1`] = ` +
+
+
+

+ À propos +

+

+ Apprenez-en plus sur notre histoire, notre équipe et nos méthodes +

+

+ Qu’est-ce que le Code du travail numérique ? +

+

+ Le Code du travail numérique est un service public en ligne et gratuit vous permettant d’obtenir des réponses personnalisées sur le droit de travail. +

+

+ L’ouverture officielle du site a eu lieu le 1 + + er + + janvier 2020. +

+

+ Pourquoi le Code du travail numérique ? +

+

+ Aujourd’hui, seul un public expert maîtrise la complexité du droit du travail et de ses différentes sources (code du travail, conventions collectives, accords d’entreprises, etc.). La technicité du sujet le rend également peu accessible pour les salariés et les employeurs. Or, le droit est d’autant plus facilement appliqué et respecté qu’il est connu et compris. +

+

+ La décision de créer le Code du travail numérique a donc été prise et inscrite dans + + + les ordonnances sur le renforcement du dialogue social de 2017. + +

+

+ À qui ce service s’adresse-t-il ? +

+

+ Le Code du travail numérique s’adresse à tous les salariés et employeurs de droit privé relevant du code du travail. Les fonctionnaires et les indépendants ne sont par exemple pas concernés. Plus d’informations à ce sujet dans notre + + + page d’introduction au droit du travail. + +

+

+ Que peut-on trouver sur le site ? +

+

+ Le Code du travail numérique rassemble différents contenus sur le droit du travail ainsi que des réponses personnalisées selon votre situation. +

+

+ Plus précisément, vous retrouverez sur le site : +

+
    +
  • + des réponses génériques sur le droit du travail dans un langage accessible ; +
    • +
  • + des réponses personnalisées selon votre convention collective ; +
    • +
  • + des simulateurs permettant d’estimer des durées de préavis, des montants d’indemnités… ; +
    • +
  • + des modèles de courrier. +
    • +
+

+ Qui sommes-nous ? +

+

+ Notre équipe +

+

+ Nous sommes une équipe pluridisciplinaire d’une dizaine de personnes composée de développeurs web, designers d’interface et d’expérience, juristes, inspecteurs du travail, spécialistes de la donnée… L’ensemble des agents du ministère du Travail contribue également au produit en rédigeant des contenus et en assurant la validité juridique des réponses. +

+

+ Le Code du travail numérique est un service public initié par + + + le ministère du Travail + + , conçu et développé au sein de + + + la fabrique des Ministères sociaux + + + en partenariat avec la communauté + + + beta.gouv.fr + + . +

+

+ Nos méthodes +

+

+ Le service est développé en lien étroit avec les utilisateurs (employeurs et salariés) et les praticiens du droit du travail (services du ministère du Travail en région, conseillers du salarié, maisons d’accès au droit, professeurs en droit du travail...). +

+

+ Le site sur lequel vous naviguez est en évolution continue et s’enrichit régulièrement de nouveaux contenus et de nouvelles fonctionnalités. Nous vous invitons à + + + nous contacter + + + si vous souhaitez nous faire part d’une proposition d’amélioration ! +

+
+
+
+`; diff --git a/packages/code-du-travail-frontend/src/modules/a-propos/index.tsx b/packages/code-du-travail-frontend/src/modules/a-propos/index.tsx new file mode 100644 index 0000000000..cc33fec4d5 --- /dev/null +++ b/packages/code-du-travail-frontend/src/modules/a-propos/index.tsx @@ -0,0 +1,136 @@ +import { Container } from "../layout/Container"; +import Link from "../common/Link"; +import { fr } from "@codegouvfr/react-dsfr"; + +export const About = () => { + return ( + +

À propos

+

+ Apprenez-en plus sur notre histoire, notre équipe et nos méthodes +

+ +

Qu’est-ce que le Code du travail numérique ?

+

+ Le Code du travail numérique est un service public en ligne et gratuit + vous permettant d’obtenir des réponses personnalisées sur le droit de + travail. +

+

+ L’ouverture officielle du site a eu lieu le 1er janvier 2020. +

+

Pourquoi le Code du travail numérique ?

+

+ Aujourd’hui, seul un public expert maîtrise la complexité du droit du + travail et de ses différentes sources (code du travail, conventions + collectives, accords d’entreprises, etc.). La technicité du sujet le + rend également peu accessible pour les salariés et les employeurs. Or, + le droit est d’autant plus facilement appliqué et respecté qu’il est + connu et compris. +

+

+ La décision de créer le Code du travail numérique a donc été prise et + inscrite dans{" "} + + les ordonnances sur le renforcement du dialogue social de 2017. + +

+

À qui ce service s’adresse-t-il ?

+

+ Le Code du travail numérique s’adresse à tous les salariés et employeurs + de droit privé relevant du code du travail. Les fonctionnaires et les + indépendants ne sont par exemple pas concernés. Plus d’informations à ce + sujet dans notre{" "} + + page d’introduction au droit du travail. + +

+

Que peut-on trouver sur le site ?

+

+ Le Code du travail numérique rassemble différents contenus sur le droit + du travail ainsi que des réponses personnalisées selon votre situation. +

+

Plus précisément, vous retrouverez sur le site :

+
    +
  • + des réponses génériques sur le droit du travail dans un langage + accessible ; +
    • +
  • + des réponses personnalisées selon votre convention collective ; +
    • +
  • + des simulateurs permettant d’estimer des durées de préavis, des + montants d’indemnités… ; +
    • +
  • des modèles de courrier.
    • +
+

Qui sommes-nous ?

+

Notre équipe

+

+ Nous sommes une équipe pluridisciplinaire d’une dizaine de personnes + composée de développeurs web, designers d’interface et d’expérience, + juristes, inspecteurs du travail, spécialistes de la donnée… L’ensemble + des agents du ministère du Travail contribue également au produit en + rédigeant des contenus et en assurant la validité juridique des + réponses. +

+

+ Le Code du travail numérique est un service public initié par{" "} + + le ministère du Travail + + , conçu et développé au sein de{" "} + + la fabrique des Ministères sociaux + {" "} + en partenariat avec la communauté{" "} + + beta.gouv.fr + + . +

+

Nos méthodes

+

+ Le service est développé en lien étroit avec les utilisateurs + (employeurs et salariés) et les praticiens du droit du travail (services + du ministère du Travail en région, conseillers du salarié, maisons + d’accès au droit, professeurs en droit du travail...). +

+

+ Le site sur lequel vous naviguez est en évolution continue et s’enrichit + régulièrement de nouveaux contenus et de nouvelles fonctionnalités. Nous + vous invitons à{" "} + + nous contacter + {" "} + si vous souhaitez nous faire part d’une proposition + d’amélioration ! +

+ + ); +}; diff --git a/packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/Accessibilite.test.tsx b/packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/Accessibilite.test.tsx new file mode 100644 index 0000000000..ab853bc71e --- /dev/null +++ b/packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/Accessibilite.test.tsx @@ -0,0 +1,10 @@ +import { render } from "@testing-library/react"; +import React from "react"; +import { Accessibilite } from ".."; + +describe("", () => { + it("should match snapshot", () => { + const { container } = render(); + expect(container).toMatchSnapshot(); + }); +}); diff --git a/packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/__snapshots__/Accessibilite.test.tsx.snap b/packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/__snapshots__/Accessibilite.test.tsx.snap new file mode 100644 index 0000000000..742e1f0097 --- /dev/null +++ b/packages/code-du-travail-frontend/src/modules/accessibilite/__tests__/__snapshots__/Accessibilite.test.tsx.snap @@ -0,0 +1,361 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[` should match snapshot 1`] = ` +
+
+
+

+ Déclaration d'accessibilité +

+

+ Le Ministère du travail, de l’emploi et de l’insertion s’engage à rendre son service accessible conformément à l’article 47 de la loi n° 2005-102 du 11 février 2005. +

+

+ À cette fin, il met en œuvre la stratégie et les actions suivantes : +

    +
  • + La réalisation d’un audit de conformité le 19 mai de l’année 2021 +
    • +
  • + La réalisation d’un contre-audit d’ici la fin du premier semestre 2024 +
    • +
  • + La mise en œuvre des recommandations pour maintenir l’objectif de 75% +
    • +
+

+

+ Cette déclaration d’accessibilité s’applique au site Internet code.travail.gouv.fr. +

+

+ État de conformité +

+

+ Le site Internet code.travail.gouv.fr est en conformité partielle avec le référentiel général d’amélioration de l’accessibilité (RGAA) « version 4.1 ». +

+

+ Nous tâchons de rendre dès la conception, ce site accessible à toutes et à tous. +

+

+ Résultat des tests +

+

+ L’audit de conformité réalisé par Alter Way révèle que : +

+
    +
  • + [75%] des critères du RGAA version 4.1 sont respectés +
    • +
+

+ Non-conformité +

+
    +
  • + 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) ? +
    • +
  • + Critère 7.1. Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ? +
    • +
  • + Critère 7.3. Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ? +
    • +
  • + Critère 7.5. Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ? +
    • +
  • + Critère 11.4. Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés (hors cas particuliers) ? +
    • +
  • + Critère 11.10. Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ? +
    • +
  • + Critère 12.6. Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) peuvent-elles être atteintes ou évitées ? +
    • +
  • + Critère 12.8. Dans chaque page web, l’ordre de tabulation est-il cohérent ? +
    • +
+

+ Établissement de cette déclaration d’accessibilité +

+

+ Cette déclaration a été établie le 12 avril 2021. Elle a été mise à jour le 20/10/2023. +

+

+ Technologies utilisées pour la réalisation du Code du travail numérique +

+
    +
  • + HTML5 +
    • +
  • + WAI-ARIA +
    • +
  • + CSS +
    • +
  • + JavaScript +
    • +
+

+ Environnement de test +

+

+ 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 : +

+
    +
  • + Firefox +
    • +
  • + NVDA +
    • +
+

+ Outils pour évaluer l’accessibilité +

+

+ 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 : +

+
    +
  • + wave +
    • +
  • + web developper toolbar +
    • +
  • + headings maps +
    • +
  • + wcag color contrast checker +
    • +
  • + + Validateur w3c + +
    • +
+

+ Pages du site ayant fait l’objet de la vérification de conformité +

+
    +
  1. + Page d'accueil : + + + https://code.travail.gouv.fr/ + +
    2. +
  2. + Page mentions légales : + + + https://code.travail.gouv.fr/mentions-legales + +
    3. +
  3. + Page droit du travail : + + + https://code.travail.gouv.fr/droit-du-travail + +
    4. +
  4. + Page boîte à outils : + + + https://code.travail.gouv.fr/outils + +
    5. +
  5. + Page service-public : + + + https://code.travail.gouv.fr/fiche-service-public/arret-maladie-indemnites-journalieres-versees-au-salarie + +
    6. +
  6. + Page information : + + + https://code.travail.gouv.fr/information/covid-19-reagir-en-cas-de-contamination-dans-lentreprise-protocole-national + +
    7. +
  7. + Page statistiques : + + + https://code.travail.gouv.fr/stats + +
    8. +
  8. + Page thème : + + + https://code.travail.gouv.fr/themes/contrat-de-travail + +
    9. +
  9. + Page recherche : + + + https://code.travail.gouv.fr/recherche?q=cong%C3%A9s+pay%C3%A9s + +
    10. +
  10. + Page modèle de courrier : + + + https://code.travail.gouv.fr/modeles-de-courriers/rupture-du-contrat-en-periode-dessai-a-linitiative-du-salarie + +
    11. +
  11. + Page dossier : + + + https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus + +
    12. +
  12. + Page contribution : + + + https://code.travail.gouv.fr/contribution/les-conges-pour-evenements-familiaux + +
    13. +
  13. + Page outil : + + + https://code.travail.gouv.fr/outils/indemnite-licenciement + +
    14. +
  14. + Page glossaire : + + + https://code.travail.gouv.fr/glossaire + +
    15. +
+

+ Amélioration et contact +

+

+ Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable du site Internet code.travail.gouv.fr pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme. +

+

+ E-mail : + + + codedutravailnumerique@travail.gouv.fr + +

+

+ Nous essayons de répondre le plus rapidement possible. +

+

+ Voies de recours +

+

+ Cette procédure est à utiliser dans le cas suivant. +

+

+ 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. +

+

+ Vous pouvez : +

+

+

+ En savoir plus sur l’accessibilité +

+

+ Pour en savoir plus sur la politique d’accessibilité numérique de l’État : +
+ + https://accessibilite.numerique.gouv.fr + +

+
+
+
+`; diff --git a/packages/code-du-travail-frontend/src/modules/accessibilite/index.tsx b/packages/code-du-travail-frontend/src/modules/accessibilite/index.tsx new file mode 100644 index 0000000000..8b3851ac58 --- /dev/null +++ b/packages/code-du-travail-frontend/src/modules/accessibilite/index.tsx @@ -0,0 +1,288 @@ +import { Container } from "../layout/Container"; +import Link from "../common/Link"; + +export const Accessibilite = () => { + return ( + +

Déclaration d'accessibilité

+

+ Le Ministère du travail, de l’emploi et de l’insertion s’engage à rendre + son service accessible conformément à l’article 47 de la loi n° 2005-102 + du 11 février 2005. +

+

+ À cette fin, il met en œuvre la stratégie et les actions + suivantes : +

    +
  • + La réalisation d’un audit de conformité le 19 mai de l’année 2021 +
    • +
  • + La réalisation d’un contre-audit d’ici la fin du premier semestre + 2024 +
    • +
  • + La mise en œuvre des recommandations pour maintenir l’objectif de + 75% +
    • +
+

+

+ Cette déclaration d’accessibilité s’applique au site Internet + code.travail.gouv.fr. +

+

État de conformité

+

+ Le site Internet code.travail.gouv.fr est en conformité partielle avec + le référentiel général d’amélioration de l’accessibilité (RGAA) « + version 4.1 ». +

+

+ Nous tâchons de rendre dès la conception, ce site accessible à toutes et + à tous. +

+

Résultat des tests

+

L’audit de conformité réalisé par Alter Way révèle que :

+
    +
  • [75%] des critères du RGAA version 4.1 sont respectés
    • +
+ +

Non-conformité

+
    +
  • + 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) ? +
    • +
  • + Critère 7.1. Chaque script est-il, si nécessaire, compatible avec les + technologies d’assistance ? +
    • +
  • + Critère 7.3. Chaque script est-il contrôlable par le clavier et par + tout dispositif de pointage (hors cas particuliers) ? +
    • +
  • + Critère 7.5. Dans chaque page web, les messages de statut sont-ils + correctement restitués par les technologies d’assistance ? +
    • +
  • + Critère 11.4. Dans chaque formulaire, chaque étiquette de champ et son + champ associé sont-ils accolés (hors cas particuliers) ? +
    • +
  • + Critère 11.10. Dans chaque formulaire, le contrôle de saisie est-il + utilisé de manière pertinente (hors cas particuliers) ? +
    • +
  • + Critère 12.6. Les zones de regroupement de contenus présentes dans + plusieurs pages web (zones d’en-tête, de navigation principale, de + contenu principal, de pied de page et de moteur de recherche) + peuvent-elles être atteintes ou évitées ? +
    • +
  • + Critère 12.8. Dans chaque page web, l’ordre de tabulation est-il + cohérent ? +
    • +
+

Établissement de cette déclaration d’accessibilité

+

+ Cette déclaration a été établie le 12 avril 2021. Elle a été mise à jour + le 20/10/2023. +

+

+ Technologies utilisées pour la réalisation du Code du travail numérique +

+
    +
  • HTML5
    • +
  • WAI-ARIA
    • +
  • CSS
    • +
  • JavaScript
    • +
+

Environnement de test

+

+ 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 : +

+
    +
  • Firefox
    • +
  • NVDA
    • +
+

Outils pour évaluer l’accessibilité

+

+ 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 : +

+
    +
  • wave
    • +
  • web developper toolbar
    • +
  • headings maps
    • +
  • wcag color contrast checker
    • +
  • + + Validateur w3c + +
    • +
+

Pages du site ayant fait l’objet de la vérification de conformité

+
    +
  1. + Page d'accueil :{" "} + + https://code.travail.gouv.fr/ + +
    2. +
  2. + Page mentions légales :{" "} + + https://code.travail.gouv.fr/mentions-legales + +
    3. +
  3. + Page droit du travail :{" "} + + https://code.travail.gouv.fr/droit-du-travail + +
    4. +
  4. + Page boîte à outils :{" "} + + https://code.travail.gouv.fr/outils + +
    5. +
  5. + Page service-public :{" "} + + https://code.travail.gouv.fr/fiche-service-public/arret-maladie-indemnites-journalieres-versees-au-salarie + +
    6. +
  6. + Page information :{" "} + + https://code.travail.gouv.fr/information/covid-19-reagir-en-cas-de-contamination-dans-lentreprise-protocole-national + +
    7. +
  7. + Page statistiques :{" "} + + https://code.travail.gouv.fr/stats + +
    8. +
  8. + Page thème :{" "} + + https://code.travail.gouv.fr/themes/contrat-de-travail + +
    9. +
  9. + Page recherche :{" "} + + https://code.travail.gouv.fr/recherche?q=cong%C3%A9s+pay%C3%A9s + +
    10. +
  10. + Page modèle de courrier :{" "} + + https://code.travail.gouv.fr/modeles-de-courriers/rupture-du-contrat-en-periode-dessai-a-linitiative-du-salarie + +
    11. +
  11. + Page dossier :{" "} + + https://code.travail.gouv.fr/dossiers/ministere-du-travail-notre-dossier-sur-le-coronavirus + +
    12. +
  12. + Page contribution :{" "} + + https://code.travail.gouv.fr/contribution/les-conges-pour-evenements-familiaux + +
    13. +
  13. + Page outil :{" "} + + https://code.travail.gouv.fr/outils/indemnite-licenciement + +
    14. +
  14. + Page glossaire :{" "} + + https://code.travail.gouv.fr/glossaire + +
    15. +
+

Amélioration et contact

+

+ Si vous n’arrivez pas à accéder à un contenu ou à un service, vous + pouvez contacter le responsable du site Internet code.travail.gouv.fr + pour être orienté vers une alternative accessible ou obtenir le contenu + sous une autre forme. +

+

+ E-mail :{" "} + + codedutravailnumerique@travail.gouv.fr + +

+

Nous essayons de répondre le plus rapidement possible.

+

Voies de recours

+

Cette procédure est à utiliser dans le cas suivant.

+

+ 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. +

+

+ Vous pouvez : +

    +
  • + + Écrire un message au Défenseur des droits + +
    • +
  • + + Contacter le délégué du Défenseur des droits dans votre région + +
    • +
  • + Envoyer un courrier par la poste (gratuit, ne pas mettre de + timbre) :
    + Défenseur des droits
    + Libre réponse 71120
    + 75342 Paris CEDEX 07 +
    • +
+

+

En savoir plus sur l’accessibilité

+

+ Pour en savoir plus sur la politique d’accessibilité numérique de + l’État :
+ + https://accessibilite.numerique.gouv.fr + +

+ + ); +}; diff --git a/packages/code-du-travail-frontend/src/modules/common/Link.tsx b/packages/code-du-travail-frontend/src/modules/common/Link.tsx index 63fa3abfcd..b59a6c0a4b 100644 --- a/packages/code-du-travail-frontend/src/modules/common/Link.tsx +++ b/packages/code-du-travail-frontend/src/modules/common/Link.tsx @@ -14,6 +14,7 @@ const Link = ({ ...props }: Props): JSX.Element => { if (props.target === "_blank" && props.children) { props.title = `${props.title || props.children.toString()} - nouvelle fenêtre`; } + return ; }; diff --git a/packages/code-du-travail-frontend/src/modules/config/DefaultLayout.tsx b/packages/code-du-travail-frontend/src/modules/config/DefaultLayout.tsx index eafafa9a36..3c96d98aa9 100644 --- a/packages/code-du-travail-frontend/src/modules/config/DefaultLayout.tsx +++ b/packages/code-du-travail-frontend/src/modules/config/DefaultLayout.tsx @@ -4,9 +4,7 @@ import { getHtmlAttributes } from "@codegouvfr/react-dsfr/next-appdir/getHtmlAtt import Link from "../common/Link"; import { MatomoAnalytics } from "./MatomoAnalytics"; import { DefaultColorScheme } from "@codegouvfr/react-dsfr/next-appdir"; -import { StartDsfrSystem } from "./StartDsfrSystem"; import { StartDsfrLight } from "./StartDsfrLight"; -import { StartDsfrDark } from "./StartDsfrDark"; type Props = { children: React.ReactNode; @@ -23,9 +21,7 @@ export default function DefaultLayout({ return ( - {defaultColorScheme === "light" && } - {defaultColorScheme === "dark" && } - {defaultColorScheme === "system" && } + { - const { setIsDark } = useIsDark(); - - useEffect(() => { - setIsDark(false); - }, []); - useIframeResizer(); return ( <> diff --git a/packages/code-du-travail-frontend/src/modules/layout/footer/FooterBottom.tsx b/packages/code-du-travail-frontend/src/modules/layout/footer/FooterBottom.tsx index 80a37f613d..c62d88a203 100644 --- a/packages/code-du-travail-frontend/src/modules/layout/footer/FooterBottom.tsx +++ b/packages/code-du-travail-frontend/src/modules/layout/footer/FooterBottom.tsx @@ -7,9 +7,9 @@ export const FooterBottom = () => (
  • - + Accessibilité : partiellement conforme - +
  • diff --git a/packages/code-du-travail-frontend/src/modules/layout/footer/__tests__/__snapshots__/index.test.tsx.snap b/packages/code-du-travail-frontend/src/modules/layout/footer/__tests__/__snapshots__/index.test.tsx.snap index 31bf911c0d..67e6a0e0ec 100644 --- a/packages/code-du-travail-frontend/src/modules/layout/footer/__tests__/__snapshots__/index.test.tsx.snap +++ b/packages/code-du-travail-frontend/src/modules/layout/footer/__tests__/__snapshots__/index.test.tsx.snap @@ -363,7 +363,7 @@ exports[`