Skip to content

Commit

Permalink
feat(a11y): add accessibility statement
Browse files Browse the repository at this point in the history
  • Loading branch information
miarkt committed Dec 5, 2023
1 parent f390cd6 commit eb8163c
Show file tree
Hide file tree
Showing 9 changed files with 266 additions and 15 deletions.
12 changes: 12 additions & 0 deletions client/src/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,18 @@ code {
monospace;
}

.ul-styled {
list-style-type: disc !important;

>li {
list-style: inherit;
margin-bottom: 0;
}

padding-left: 1rem !important;
margin-bottom: 1rem;
}

.stick {
position: sticky;
top: 0;
Expand Down
2 changes: 1 addition & 1 deletion client/src/layout/footer.js
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ export default function Footer() {
Mentions Légales
</FooterLink>
<FooterLink asLink={<RouterLink to="/accessibilite" />}>
Accessibilité
Accessibilité : partiellement conforme
</FooterLink>

<FooterLink target="_blank" href={`https://github.com/dataesr/curiexplore-ui-v2/releases/tag/v${process.env.REACT_APP_VERSION}`}>
Expand Down
254 changes: 245 additions & 9 deletions client/src/pages/accessibility.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,33 +19,269 @@ export default function MentionsLegalesPage() {
<Row className="fr-mb-5w">
<Col>
<Title as="h1">
Accessibilité : non conforme (audit en cours)
Accessibilité
</Title>
<Title as="h2">
Déclaration d'accessibilité
</Title>
<Text>
Le Ministère de l'Enseignement Supérieur et de la Recherhe s’engage à rendre son site « CurieXplore » accessible conformément à l’article 47 de la loi n° 2005-102 du 11 février 2005. À cette fin, elle met en œuvre la stratégie et les actions suivantes : réalisation d'un audit de conformité en 2023.
</Text>
<Text>
Cette déclaration d’accessibilité s’applique à CurieXplore.
</Text>
<Title as="h2">
État de conformité
</Title>
<Text>
CurieXplore est en conformité partielle avec le référentiel général d’amélioration de l’accessibilité RGAA version 4.1. Les non-conformités et les éventuelles dérogations sont énumérées ci-dessous.
</Text>
<Title as="h2">
Résultats des tests
</Title>
<Text>
L’audit de conformité réalisé par la société Empreinte Digitale puis par le département ingénierie et science des données révèle que 87.04% des critères RGAA sont respectés.
</Text>
<Title as="h3">
Contenus inaccessibles
</Title>
<Text>
Les contenus listés ci-dessous ne sont pas accessibles pour les raisons suivantes.
</Text>
<Title as="h4">
Non conformité
</Title>
<Text>
Le MESR s’engage à rendre son site application « CurieXplore » accessible conformément à l’article 47 de la loi n° 2005-102 du 11 février 2005. À cette fin, elle met en œuvre la stratégie et les actions suivantes : réalisation d'un audit de conformité en 2023.
Ne sont listées ici que les non-conformités jugées les plus impactantes et présentes en quantités importantes dans les pages de l’échantillon. Sur demande, le résultat complet de l’audit peut être mis à disposition.
</Text>
<ul className="ul-styled">
<li>
L’utilisation de composants JavaScript non accessibles aux technologies d’assistance.
</li>
<li>
Document non accessible
</li>
</ul>
<Title as="h2">
Test de conformité
Établissement de cette déclaration d’accessibilité
</Title>
<Text>
L’audit de conformité commandé par le MESR est en attente de réalisation par un tiers indépendant. Il sera effectué en 2023 et ses résultats seront affichés au sein de cette page.
Cette déclaration a été établie en octobre 2023.
{' '}
<br />
Elle a été mise à jour :
<ul className="ul-styled">
<li>
en décembre 2023
</li>
</ul>
</Text>
<Title as="h3">
Technologies utilisées pour la réalisation du site
</Title>
<ul className="ul-styled">
<li>JavaScript;</li>
<li>
<a
href="https://fr.legacy.reactjs.org/"
rel="noreferrer"
target="_blank"
>
React
</a>
;
</li>
<li>
<a
href="https://www.systeme-de-design.gouv.fr/"
rel="noreferrer"
target="_blank"
>
Système de Design de l'État
</a>
</li>
</ul>
<Title as="h3">
Environnement de test
</Title>
<Text>
Les vérifications de restitution de contenus ont été réalisées avec les configurations suivantes :
</Text>
<ul className="ul-styled">
<li>
Firefox et NVDA ;
</li>
<li>
Safari et VoiceOver;
</li>
<li>
Firefox et Jaws.
</li>
</ul>
<Title as="h3">
Outils pour évaluer l'accessibilité
</Title>
<ul className="ul-styled">
<li>
Colour Contrast Analyser ;
</li>
<li>
Extension « Web Developer » ;
</li>
<li>
Extension « Assistant RGAA » ;
</li>
<li>
Extension « WCAG Contrast checker » ;
</li>
<li>
Extension « ARC Toolkit » ;
</li>
<li>
Extension « HeadingsMap » ;
</li>
<li>
Outils pour développeurs intégrés au navigateur Firefox ;
</li>
<li>
Validateur HTML du W3C.
</li>
</ul>
<Title as="h2">
Pages du site ayant fait l’objet de la vérification de conformité
</Title>
<ul className="ul-styled">
<li>
<a
href="/"
rel="noreferrer"
>
Page d'accueil
</a>
</li>
<li>
<a
href="/annuaire"
rel="noreferrer"
>
Annuaire
</a>
</li>
<li>
<a
href="/mentions-legales"
rel="noreferrer"
>
Mentions légales
</a>
</li>
<li>
<a
href="/accessibilite"
rel="noreferrer"
>
Accessibilité
</a>
</li>
<li>
<a
href="/pays/BRA/enseignement-sup"
rel="noreferrer"
>
Enseignement supérieur, fiche Brésil
</a>
</li>
<li>
<a
href="/pays/BRA/liens-utiles"
rel="noreferrer"
>
Liens utiles, fiche Brésil
</a>
</li>
<li>
<a
href="/pays/BRA/acteurs"
rel="noreferrer"
>
Acteurs, fiche Brésil
</a>
</li>
<li>
<a
href="/pays/BRA/acteurs/4r3q9"
rel="noreferrer"
>
Fiche acteur, ambassade de France du Brésil
</a>
</li>
</ul>
<Title as="h2">
Retour d'information et contact
</Title>
<Text>
Si vous n’arrivez pas à accéder à un contenu, vous pouvez contacter le responsable du site internet pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme. [email protected]
Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable du site internet pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.
</Text>
<ul className="ul-styled">
<li>
Contacter le responsable du site par courriel:&nbsp;
<a
href="mailto:[email protected]"
>
[email protected]
</a>
</li>
</ul>
<Title as="h2">
Voies de recours
</Title>
<Text>
Si vous constatez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité du site, que vous nous le signalez et que vous ne parvenez pas à obtenir une réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits. Plusieurs moyens sont à votre disposition :
</Text>
<Text>
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.
</Text>
<ul>
<li>Écrire un message au Défenseur des droits</li>
<li>Contacter le délégué du Défenseur des droits dans votre région</li>
<li>Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) Défenseur des droits - Libre réponse 71120 75342 Paris CEDEX 07</li>
<ul className="ul-styled">
<li>
<a
href="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/"
rel="noreferrer"
target="_blank"
>
un formulaire de contact
</a>
</li>
<li>
la&nbsp;
<a
href="https://www.defenseurdesdroits.fr/carte-des-delegues"
rel="noreferrer"
target="_blank"
>
liste des délégués de votre région
</a>
&nbsp;avec leurs informations de contact directs
</li>
<li>
un numéro de téléphone :&nbsp;
<a
href="tel:+33969390000"
>
+33 (0) 9 69 39 00 00
</a>
&nbsp; du lundi au vendredi de 8h30 à 19h30 (coût d’un appel local)
</li>
<li>
une adresse postale dans&nbsp;
<a
href="https://lannuaire.service-public.fr/autorites-independantes/1867f065-c823-4362-8d0f-8ca6b011a10f"
rel="noreferrer"
target="_blank"
>
l’annuaire de l’administration
</a>
</li>

</ul>
</Col>
</Row>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export default function CountryHigherEducationPage() {

const subTitle = (
<Text className="fr-mb-1w">
Les informations présentes ci-dessous sont collectées par le département des outils d'aide à la décision du Ministère de l'enseignement supérieur et de la recherche (MESR) et sont mises à jour 1 à 2 fois par an.
Les informations présentes ci-dessous sont collectées par le département ingénierie et science des données du Ministère de l'enseignement supérieur et de la recherche (MESR) et sont mises à jour 1 à 2 fois par an.
<br />
L'année de référence pour les indicateurs affichés en base 100 est l'année de la première donnée disponible par indicateur par pays.
</Text>
Expand Down
2 changes: 1 addition & 1 deletion client/src/pages/country/components/research/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ export default function CountryResearchPage() {

const subTitle = (
<Text className="fr-mb-1w">
Les informations présentes ci-dessous sont collectées par le département des outils d'aide à la décision du Ministère de l'enseignement supérieur et de la recherche (MESR) et sont mises à jour 1 à 2 fois par an.
Les informations présentes ci-dessous sont collectées par le département ingénierie et science des données du Ministère de l'enseignement supérieur et de la recherche (MESR) et sont mises à jour 1 à 2 fois par an.
<br />
L'année de référence pour les indicateurs affichés en base 100 est l'année de la première donnée disponible par indicateur par pays.
</Text>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export default function StudentsMobilityPage() {
}
const subTitle = (
<Text className="fr-mb-1w">
Les informations présentes ci-dessous sont collectées par le département des outils d'aide à la décision du Ministère de l'enseignement supérieur et de la recherche (MESR) et sont mises à jour 1 à 2 fois par an.
Les informations présentes ci-dessous sont collectées par le département ingénierie et science des données du Ministère de l'enseignement supérieur et de la recherche (MESR) et sont mises à jour 1 à 2 fois par an.
<br />
L'année de référence pour les indicateurs affichés en base 100 est l'année de la première donnée disponible par indicateur par pays.
</Text>
Expand Down
2 changes: 1 addition & 1 deletion client/src/pages/homepage/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export default function HomePage() {
<Container fluid>
<Row>
<Col offset="2" n="8">
<Title as="h1" className="fr-m-4w text-center">
<Title as="h1" look="h2" className="fr-m-4w text-center">
La plateforme d'exploration des systèmes d'enseignement supérieur,
de recherche et d'innovation à l'international
</Title>
Expand Down
2 changes: 1 addition & 1 deletion client/src/pages/mentions-legales.js
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ export default function MentionsLegalesPage() {
<br />
Sous-direction des systèmes d'information et des études statistiques (SIES)
<br />
Département des outils d'aide à la décision
Département ingénierie et science des données
<br />
</Text>
<Text>
Expand Down
3 changes: 3 additions & 0 deletions client/src/pages/team-project.js
Original file line number Diff line number Diff line change
Expand Up @@ -75,6 +75,9 @@ export default function ProjetEtEquipe() {
Délégation aux Affaires européennes et internationales
</ul>
<ul>
Département ingénierie et science des données
{' '}
<br />
Sous-direction des systèmes d'information et des études statistiques (Direction générale de la recherche et de l'innovation/Direction générale de l'enseignement supérieur et de l'insertion professionnelle)
</ul>
</li>
Expand Down

0 comments on commit eb8163c

Please sign in to comment.