Merge pull request #1397 from betagouv/quickfix-johan
Page Accessibilité et lien vers aquoiserventmescotiz'pull/1382/head^2
Johan Girod
GitHub
commit
08da12e56e
|
|
@ -1,4 +1,6 @@
|
|||
import * as Sentry from '@sentry/browser'
|
||||
import Footer from 'Components/layout/Footer/Footer'
|
||||
import Header from 'Components/layout/Header'
|
||||
import Route404 from 'Components/Route404'
|
||||
import 'Components/ui/index.css'
|
||||
import {
|
||||
|
|
@ -8,6 +10,7 @@ import {
|
|||
} from 'Components/utils/EngineContext'
|
||||
import { SitePathsContext } from 'Components/utils/SitePathsContext'
|
||||
import 'iframe-resizer'
|
||||
import { DottedName } from 'modele-social'
|
||||
import Engine, { Rule } from 'publicodes'
|
||||
import { useContext, useMemo } from 'react'
|
||||
import { Helmet } from 'react-helmet'
|
||||
|
|
@ -15,22 +18,12 @@ import { useTranslation } from 'react-i18next'
|
|||
import { useSelector } from 'react-redux'
|
||||
import { Route, Switch } from 'react-router-dom'
|
||||
import createSentryMiddleware from 'redux-sentry-middleware'
|
||||
import { DottedName } from 'modele-social'
|
||||
import {
|
||||
configSituationSelector,
|
||||
situationSelector,
|
||||
} from 'Selectors/simulationSelectors'
|
||||
import Provider, { ProviderProps } from './Provider'
|
||||
import {
|
||||
setupInFranceAppPersistence,
|
||||
retrievePersistedInFranceApp,
|
||||
} from './storage/persistInFranceApp'
|
||||
import { setupSimulationPersistence } from './storage/persistSimulation'
|
||||
import Tracker, { devTracker } from './Tracker'
|
||||
import './App.css'
|
||||
import Footer from 'Components/layout/Footer/Footer'
|
||||
import Header from 'Components/layout/Header'
|
||||
import trackSimulatorActions from './trackSimulatorActions'
|
||||
import Accessibilité from './pages/Accessibilité'
|
||||
import Budget from './pages/Budget/Budget'
|
||||
import Créer from './pages/Créer'
|
||||
import IntegrationTest from './pages/Dev/IntegrationTest'
|
||||
|
|
@ -44,8 +37,16 @@ import Landing from './pages/Landing/Landing'
|
|||
import Nouveautés from './pages/Nouveautés/Nouveautés'
|
||||
import Simulateurs from './pages/Simulateurs'
|
||||
import Stats from './pages/Stats/LazyStats'
|
||||
import Provider, { ProviderProps } from './Provider'
|
||||
import redirects from './redirects'
|
||||
import { constructLocalizedSitePath } from './sitePaths'
|
||||
import {
|
||||
retrievePersistedInFranceApp,
|
||||
setupInFranceAppPersistence,
|
||||
} from './storage/persistInFranceApp'
|
||||
import { setupSimulationPersistence } from './storage/persistSimulation'
|
||||
import Tracker, { devTracker } from './Tracker'
|
||||
import trackSimulatorActions from './trackSimulatorActions'
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
let branch: string | undefined = process.env.GITHUB_REF?.split('/')?.slice(
|
||||
|
|
@ -157,6 +158,7 @@ const App = () => {
|
|||
<Route path={sitePaths.nouveautés} component={Nouveautés} />
|
||||
<Route path={sitePaths.stats} component={Stats} />
|
||||
<Route path={sitePaths.budget} component={Budget} />
|
||||
<Route path={sitePaths.accessibilité} component={Accessibilité} />
|
||||
<Route exact path="/dev/sitemap" component={Sitemap} />
|
||||
<Route
|
||||
exact
|
||||
|
|
|
|||
|
|
@ -74,6 +74,7 @@ export default function Footer() {
|
|||
<LegalNotice />
|
||||
{' • '}
|
||||
<Privacy />
|
||||
|
||||
{language === 'fr' && (
|
||||
<>
|
||||
{' • '}
|
||||
|
|
@ -88,7 +89,12 @@ export default function Footer() {
|
|||
<Link to={sitePaths.integration.index}>
|
||||
<Trans>Intégrer nos simulateurs</Trans>
|
||||
</Link>
|
||||
|
||||
{' • '}
|
||||
<Link to={sitePaths.accessibilité}>
|
||||
<Trans i18nKey="footer.accessibilité">
|
||||
Accessibilité : non conforme
|
||||
</Trans>
|
||||
</Link>
|
||||
{!!hrefLink.length && ' • '}
|
||||
{hrefLink.map(({ hrefLang, href }) => (
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@ import { useSelector } from 'react-redux'
|
|||
import { targetUnitSelector } from 'Selectors/simulationSelectors'
|
||||
import styled from 'styled-components'
|
||||
import AidesCovid from './AidesCovid'
|
||||
import { DistributionSection } from './SalaryExplanation'
|
||||
|
||||
export default function IndépendantExplanation() {
|
||||
const { t } = useTranslation()
|
||||
|
|
@ -53,12 +54,9 @@ export default function IndépendantExplanation() {
|
|||
/>
|
||||
</section>
|
||||
</Condition>
|
||||
<section>
|
||||
<h2>
|
||||
<Trans>À quoi servent mes cotisations ?</Trans>
|
||||
</h2>
|
||||
<DistributionSection>
|
||||
<Distribution />
|
||||
</section>
|
||||
</DistributionSection>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -227,16 +225,18 @@ function Distribution() {
|
|||
const maximum = distribution.map(([, value]) => value).reduce(max, 0)
|
||||
|
||||
return (
|
||||
<div className="distribution-chart__container">
|
||||
{distribution.map(([sectionName, value]) => (
|
||||
<DistributionBranch
|
||||
key={sectionName}
|
||||
dottedName={sectionName}
|
||||
value={value}
|
||||
maximum={maximum}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
<>
|
||||
<div className="distribution-chart__container">
|
||||
{distribution.map(([sectionName, value]) => (
|
||||
<DistributionBranch
|
||||
key={sectionName}
|
||||
dottedName={sectionName}
|
||||
value={value}
|
||||
maximum={maximum}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import PaySlip from 'Components/PaySlip'
|
|||
import StackedBarChart from 'Components/StackedBarChart'
|
||||
import * as Animate from 'Components/ui/animate'
|
||||
import { ThemeColorsContext } from 'Components/utils/colors'
|
||||
import Emoji from 'Components/utils/Emoji'
|
||||
import { useInversionFail } from 'Components/utils/EngineContext'
|
||||
import { useContext, useRef } from 'react'
|
||||
import emoji from 'react-easy-emoji'
|
||||
|
|
@ -114,11 +115,23 @@ function PaySlipSection() {
|
|||
)
|
||||
}
|
||||
|
||||
const DistributionSection = () => (
|
||||
export const DistributionSection = ({
|
||||
children = Distribution,
|
||||
}: {
|
||||
children?: React.ReactNode
|
||||
}) => (
|
||||
<section>
|
||||
<h2>
|
||||
<Trans>À quoi servent mes cotisations ?</Trans>
|
||||
</h2>
|
||||
<Distribution />
|
||||
{children}
|
||||
<p className="ui__ notice">
|
||||
<Trans>
|
||||
<Emoji emoji="ℹ" /> Pour en savoir plus, rendez-vous sur le site{' '}
|
||||
<a href="https://www.aquoiserventlescotisations.urssaf.fr/">
|
||||
aquoiserventlescotisations.urssaf.fr
|
||||
</a>
|
||||
</Trans>
|
||||
</p>
|
||||
</section>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,9 +1,14 @@
|
|||
"404":
|
||||
action: Return to safe place
|
||||
message: This page does not exist or no longer exists
|
||||
"<0></0> Pour en savoir plus, rendez-vous sur le site <3>aquoiserventlescotisations":
|
||||
urssaf:
|
||||
fr</3>: <0></0> To find out more, go to <3>aquoiserventlescotisations.urssaf.fr</3>
|
||||
"<0>Covid-19 et chômage partiel </0>: <3>Calculez votre indemnité</3>": "<0>Covid-19 and Short-Time </0>Work: <3>Calculate Your Benefit</3>"
|
||||
<0>Oui</0>: <0>Yes</0>
|
||||
A quoi servent mes cotisations ?: What's included in my contributions?
|
||||
footer:
|
||||
accessibilité: "Accessibility: not compliant"
|
||||
Accueil: Home
|
||||
Afficher la description publicode: Display publicode description
|
||||
Aide à la déclaration de revenu: Income tax return assistance
|
||||
|
|
@ -837,6 +842,46 @@ page:
|
|||
of devices considered</1><2><0>Easily and freely integrates</0> on any
|
||||
website. <3>Learn more about</3> it.</2></1>
|
||||
pages:
|
||||
accessibilité: <0>Accessibility</0><1>This page is not a help page, but a
|
||||
statement of compliance with <2>RGAA</2> 4.0, which aims to define the
|
||||
general level of accessibility found on the site in accordance with the
|
||||
regulations. This page is mandatory in order to comply with the RGAA
|
||||
4.0.</1><2>What is digital accessibility?</2><3>An accessible website is one
|
||||
that allows all web users to access its contents without difficulty,
|
||||
including people with disabilities who use specialised software or
|
||||
hardware.</3><4>An accessible website allows for example to
|
||||
:</4><5><0>Navigate with voice synthesizers or Braille tracks (used in
|
||||
particular by blind or partially sighted internet users).</0><1>Customize
|
||||
the display of the site according to their needs (magnification of
|
||||
characters, modification of colours, etc.).</1><2>Navigate without using the
|
||||
mouse, with the keyboard only or via a touch screen.</2></5><6>Accessibility
|
||||
statement</6><7>Acoss undertakes to make its websites accessible in
|
||||
accordance with article 47 of the law n° 2005-102 of February 11,
|
||||
2005.</7><8>To this end, it is drafting the <2>strategy and action plan to
|
||||
be</2> implemented.</8><9>This accessibility declaration applies to
|
||||
<2>https://mon-entreprise.fr.</2></9><10>State of
|
||||
compliance</10><11><0>https://mon-entreprise.fr</0> is currently not in
|
||||
compliance with the <3>general accessibility improvement standard
|
||||
(RGAA</3>). The compliance audit will be planned soon. Corrections will be
|
||||
taken into account following the audit.</11><12>Right to
|
||||
compensation</12><13>Pending full compliance, you can obtain an accessible
|
||||
version of the documents or information contained therein by sending an
|
||||
email to <2>accessibilite@acoss.fr</2> indicating the name of the document
|
||||
concerned and/or the information you would like to obtain. The requested
|
||||
information will be sent to you as soon as possible.</13><14>Improvement and
|
||||
contact</14><15>You can help us to improve the accessibility of the site by
|
||||
reporting any problems you encounter. To do so, send us an email at
|
||||
<2>accessibilite@acoss.fr.</2></15><16>Advocate for Rights</16><17>This
|
||||
procedure is to be used in the following case.</17><18>You have notified the
|
||||
website manager of an accessibility defect that prevents you from accessing
|
||||
any of the content or services of the portal and you have not received a
|
||||
satisfactory response.</18><19><0>Write a message to the Defender of
|
||||
Rights<1>(https://formulaire.defenseurdesdroits.fr/</1>)</0><1>Contact the
|
||||
representative of the Defender of Rights in your
|
||||
region<1>(https://www.defenseurdesdroits.fr/saisir/delegues</1>)</1><2>Send
|
||||
a letter by post (free of charge, do not put a stamp) to:<1></1>Defender of
|
||||
rights<3></3>Free answer 71120<5></5>75342 Paris CEDEX
|
||||
07</2></19><20>Updated on 15/01/2021</20>
|
||||
common:
|
||||
ressources-auto-entrepreneur:
|
||||
FAQ: <0><0>Frequently Asked Questions</0><1>An exhaustive and up-to-date list of
|
||||
|
|
|
|||
|
|
@ -0,0 +1,141 @@
|
|||
import { Trans } from 'react-i18next'
|
||||
|
||||
export default function Accessibilité() {
|
||||
return (
|
||||
<Trans i18nKey="pages.accessibilité">
|
||||
<h1>Accessibilité</h1>
|
||||
|
||||
<p>
|
||||
Cette page n'est pas une page d'aide, mais une déclaration de conformité
|
||||
au{' '}
|
||||
<abbr title="Référentiel Général d’Amélioration de l’Accessibilité">
|
||||
RGAA
|
||||
</abbr>{' '}
|
||||
4.0 qui vise à définir le niveau d'accessibilité général constaté
|
||||
sur le site conformément à la réglementation. Cette page est obligatoire
|
||||
pour être conforme au RGAA 4.0.
|
||||
</p>
|
||||
<h2>Qu’est-ce que l’accessibilité numérique ?</h2>
|
||||
<p>
|
||||
Un site web accessible est un site qui permet à tous les internautes
|
||||
d’accéder à ses contenus sans difficulté, y compris aux personnes qui
|
||||
présentent un handicap et utilisent des logiciels ou matériels
|
||||
spécialisés.
|
||||
</p>
|
||||
<p>Un site accessible permet par exemple de :</p>
|
||||
<ul>
|
||||
<li>
|
||||
Naviguer avec des synthèses vocales ou des plages braille (notamment
|
||||
utilisées par les internautes aveugles ou malvoyants).
|
||||
</li>
|
||||
<li>
|
||||
Personnaliser l’affichage du site selon ses besoins (grossissement des
|
||||
caractères, modification des couleurs, etc.).
|
||||
</li>
|
||||
<li>
|
||||
Naviguer sans utiliser la souris, avec le clavier uniquement ou via un
|
||||
écran tactile.
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Déclaration d’accessibilité</h2>
|
||||
<p>
|
||||
L'Acoss s’engage à rendre ses sites internet accessibles conformément à
|
||||
l’article 47 de la loi n° 2005-102 du 11 février 2005.
|
||||
</p>
|
||||
<p>
|
||||
À cette fin, elle rédige{' '}
|
||||
<a
|
||||
href="https://www.acoss.fr/files/RGAA/accessibilite_numerique-schema_pluriannuel_2020_2022-Acoss.pdf"
|
||||
target="_blank"
|
||||
title="La stratégie et le plan d’action à mettre en œuvre - Nouvelle fenêtre"
|
||||
>
|
||||
la stratégie et le plan d’action à mettre en œuvre
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
<p>
|
||||
Cette déclaration d’accessibilité s’applique à{' '}
|
||||
<a href="https://mon-entreprise.fr">https://mon-entreprise.fr</a>.
|
||||
</p>
|
||||
<h3>État de conformité</h3>
|
||||
<p>
|
||||
<a href="https://mon-entreprise.fr">https://mon-entreprise.fr</a> n’est
|
||||
actuellement pas en conformité avec le{' '}
|
||||
<a
|
||||
href="https://numerique.gouv.fr/publications/rgaa-accessibilite/"
|
||||
target="_blank"
|
||||
title="Référentiel général d’amélioration de l’accessibilité (RGAA) - Nouvelle fenêtre"
|
||||
>
|
||||
référentiel général d’amélioration de l’accessibilité (RGAA)
|
||||
</a>
|
||||
. L’audit de conformité sera prochainement planifié. Les corrections
|
||||
seront prises en compte suite à l’audit.
|
||||
</p>
|
||||
<h3>Droit à la compensation</h3>
|
||||
<p>
|
||||
Dans l’attente d’une mise en conformité totale, vous pouvez obtenir une
|
||||
version accessible des documents ou des informations qui y seraient
|
||||
contenues en envoyant un courriel à{' '}
|
||||
<a href="mailto:accessibilite@acoss.fr?subject=%5Bmon-entreprise.fr%5D%20Accessibilit%C3%A9%20num%C3%A9rique%20%3A%20Droit%20%C3%A0%20la%20compensation&cc=contact@mon-entreprise.beta.gouv.fr">
|
||||
accessibilite@acoss.fr
|
||||
</a>{' '}
|
||||
en indiquant le nom du document concerné et/ou les informations que vous
|
||||
souhaiteriez obtenir. Les informations demandées vous seront transmises
|
||||
dans les meilleurs délais.
|
||||
</p>
|
||||
<h3>Amélioration et contact</h3>
|
||||
<p>
|
||||
Vous pouvez nous aider à améliorer l’accessibilité du site en nous
|
||||
signalant les problèmes éventuels que vous rencontrez. Pour ce faire,
|
||||
envoyez-nous un courriel à{' '}
|
||||
<a href="mailto:accessibilite@acoss.fr?subject=%5Bmon-entreprise.fr%5D%20Accessibilit%C3%A9%20num%C3%A9rique%20%3A%20Am%C3%A9lioration&cc=contact@mon-entreprise.beta.gouv.fr">
|
||||
accessibilite@acoss.fr
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
<h3>Défenseur des droits</h3>
|
||||
<p>Cette procédure est à utiliser dans le cas suivant.</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Écrire un message au Défenseur des droits (
|
||||
<a
|
||||
href="https://formulaire.defenseurdesdroits.fr/"
|
||||
target="_blank"
|
||||
title="https://formulaire.defenseurdesdroits.fr/ - Nouvelle fenêtre"
|
||||
>
|
||||
https://formulaire.defenseurdesdroits.fr/
|
||||
</a>
|
||||
)
|
||||
</li>
|
||||
<li>
|
||||
Contacter le délégué du Défenseur des droits dans votre région (
|
||||
<a
|
||||
href="https://www.defenseurdesdroits.fr/saisir/delegues"
|
||||
target="_blank"
|
||||
title="https://www.defenseurdesdroits.fr/saisir/delegues - Nouvelle fenêtre"
|
||||
>
|
||||
https://www.defenseurdesdroits.fr/saisir/delegues
|
||||
</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 className="ui__ notice">Mis à jour le 29/01/2021</p>
|
||||
</Trans>
|
||||
)
|
||||
}
|
||||
|
|
@ -74,6 +74,7 @@ const sitePathsFr = {
|
|||
},
|
||||
nouveautés: '/nouveautés',
|
||||
stats: '/stats',
|
||||
accessibilité: '/accessibilité',
|
||||
budget: '/budget',
|
||||
integration: {
|
||||
index: '/intégration',
|
||||
|
|
@ -134,6 +135,8 @@ const sitePathsEn = {
|
|||
is: '/corporate-tax',
|
||||
},
|
||||
nouveautés: '/news',
|
||||
accessibilité: '/accessibility',
|
||||
|
||||
integration: {
|
||||
...sitePathsFr.integration,
|
||||
index: '/integration',
|
||||
|
|
|
|||
Loading…
Reference in New Issue