Skip to content

Commit

Permalink
Merge pull request #34 from SocialGouv/feat-maj-footer
Browse files Browse the repository at this point in the history
feat(footer): maj stats et accessibilité
  • Loading branch information
alebret authored Nov 3, 2022
2 parents 7335a7e + a4027bf commit 8497496
Show file tree
Hide file tree
Showing 5 changed files with 136 additions and 32 deletions.
4 changes: 4 additions & 0 deletions config-yml/commons/footer.yml
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,10 @@ bottomMenuList:
slug: politique-confidentialite

- name: Accessibilité - Non Conforme
slug: accessibilite

- name: Statistiques
slug: stats

laFabrique: La Fabrique Numérique des Ministères Sociaux
republiqueFrancaise: République Française
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
"private": true,
"repository": "",
"dependencies": {
"@dataesr/react-dsfr": "^2.0.0",
"@dataesr/react-dsfr": "^2.9.2",
"@socialgouv/matomo-next": "^1.2.2",
"axios": "^0.27.0",
"bootstrap": "^4.6.1",
Expand Down Expand Up @@ -51,4 +51,4 @@
"@socialgouv/eslint-config-react"
]
}
}
}
24 changes: 21 additions & 3 deletions src/assets/sass/components.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ h1 {
font-size: 48px;
font-weight: bold;
line-height: 60px;

@media (max-width: 500px) {
font-size: 32px;
}
Expand All @@ -11,20 +12,25 @@ h2 {
font-weight: bold;
}

h2, .description {
h2,
.description {
font-size: 24px;
line-height: 33px;

@media (max-width: 500px) {
font-size: 18px;
}
}

h3 {
font-size: 20px;
font-weight: bold;
}

.description {
font-weight: 400;
}

.small-title {
font-size: 14px;
}
Expand All @@ -44,18 +50,24 @@ input {
.big-title {
font-weight: bold;
font-size: 72px;

@media (max-width: 1024px) {
font-size: 60px;
}

@media (max-width: 500px) {
font-size: 32px;
}
}
.blue-btn, .btn-blue-arrow {

.blue-btn,
.btn-blue-arrow {
background: #000091;
border-radius: 0;
}
.btn:focus, input:focus {

.btn:focus,
input:focus {
outline: none;
box-shadow: none;
}
Expand All @@ -66,3 +78,9 @@ input {
width: fit-content;

}

.accessibility-content {
[href] {
background-image: var(--underline-img), var(--underline-img) !important;
}
}
75 changes: 75 additions & 0 deletions src/pages/accessibilite.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
import React from "react";
import { Col, Row } from "react-bootstrap";

import { Layout } from "../components/Layout";

export default function accessibilite() {
return (
<Layout>
<br />
<Accessibilite />
<br />
</Layout>
);
}

function Accessibilite() {
return (
<Row>
<Col className="no-gutters accessibility-content">
<h1 className="py-5">Déclaration d’accessibilité</h1>
{generatedStatement()}
</Col>
</Row>
);
}

const generatedStatement = () => {
const writingDate = "2 novembre 2022"
const accessibilityState = "non conforme"

return (<div>
<p>Établie le {writingDate}.</p>
<p>Ministère des Solidarités, de l'Autonomie et des personnes handicapées s’engage à rendre son service accessible, conformément à l’article 47 de la loi n° 2005-102 du 11 février 2005.</p>
<p>Cette déclaration d’accessibilité s’applique à <strong>nos1000jours-blues</strong> (https://nos1000jours-blues-epds-widget.fabrique.social.gouv.fr/).</p>
<br />

<h2>État de conformité</h2>
<p>
<strong>nos1000jours-blues</strong> est <strong>{accessibilityState}</strong> avec le <abbr title="Référentiel général d’amélioration de l’accessibilité">RGAA</abbr>.
Le site n’a encore pas été audité.
</p>
<br />

{/* <h2>Contenus non accessibles</h2> */}

<h2>Amélioration et contact</h2>
<p>Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable de nos1000jours-blues pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.</p>
<ul>
<li>
Formulaire de contact : <a href="1000joursblues@fabrique.social.gouv.fr">1000joursblues@fabrique.social.gouv.fr</a>
</li>
</ul>
<p>
Nous essayons de répondre dans les 2 jours ouvrés.
</p>
<br />

<h2>Voie de recours</h2>
<p>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.</p>
<p>Vous pouvez :</p>
<ul>
<li>Écrire un message au <a href="https://formulaire.defenseurdesdroits.fr/">Défenseur des droits</a></li>
<li>Contacter <a href="https://www.defenseurdesdroits.fr/saisir/delegues">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 75342 Paris CEDEX 07
</li>
</ul >
<br />

<p>
Cette déclaration d’accessibilité a été créé le {writingDate} grâce au <a href="https://betagouv.github.io/a11y-generateur-declaration/#create">Générateur de Déclaration d’Accessibilité de BetaGouv</a>.
</p>
</div >)
};
61 changes: 34 additions & 27 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -329,13 +329,13 @@
resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==

"@dataesr/react-dsfr@^2.0.0":
version "2.3.0"
resolved "https://registry.yarnpkg.com/@dataesr/react-dsfr/-/react-dsfr-2.3.0.tgz#6a2e56b86ec56d54726829b7293678b6ee744a20"
integrity sha512-fea+EVzyxmASygmXI+8hpzohQ7p+H756nPfXl2Ij4ihVB7KJvgK57ZKQvKskTibpDQzNIBrgwA47x1tSbVaEtA==
"@dataesr/react-dsfr@^2.9.2":
version "2.9.2"
resolved "https://registry.yarnpkg.com/@dataesr/react-dsfr/-/react-dsfr-2.9.2.tgz#2e6808b2b2601abd67980cff9b9a829b11c0c94c"
integrity sha512-jbGJ/jM8R+RV2JLJXjTxrdVcq/DfJwNmwToygntpODBz7fES1L4rZjnl1zUenqo/+y9NrcFnZYkKkVdendnNTw==
dependencies:
"@babel/runtime" "^7.16.3"
"@gouvfr/dsfr" "1.5.0"
"@gouvfr/dsfr" "1.7.0"
classnames "^2.3.1"
html-react-parser "^1.4.0"
prop-types "^15.7.2"
Expand Down Expand Up @@ -378,10 +378,10 @@
minimatch "^3.1.2"
strip-json-comments "^3.1.1"

"@gouvfr/dsfr@1.5.0":
version "1.5.0"
resolved "https://registry.yarnpkg.com/@gouvfr/dsfr/-/dsfr-1.5.0.tgz#a627d7a9772e48aa42614e8e8bc292542a114df6"
integrity sha512-RboR8xAUV3sxF3qsM67ZxQPgBoE1+fLbv8f4LmGrmEJEsx0yLVAQxu51ALFcPMEop6qPgwaAIh7B4FxLyfTZlw==
"@gouvfr/dsfr@1.7.0":
version "1.7.0"
resolved "https://registry.yarnpkg.com/@gouvfr/dsfr/-/dsfr-1.7.0.tgz#54d5b4da8d607b57aaa36452e574cd5874a21881"
integrity sha512-FMaB37SN5Zc5R5sryOGAnWRFQfmfbycHDV+656JCOKgAVKkzU1c5bjzjXTSsK2FtDbnog+qSHct2pGNQHlFDsQ==

"@hapi/accept@5.0.2":
version "5.0.2"
Expand Down Expand Up @@ -2122,7 +2122,14 @@ domexception@^2.0.1:
dependencies:
webidl-conversions "^5.0.0"

domhandler@4.3.0, domhandler@^4.2.0, domhandler@^4.2.2:
domhandler@4.3.1, domhandler@^4.2.2:
version "4.3.1"
resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
dependencies:
domelementtype "^2.2.0"

domhandler@^4.2.0:
version "4.3.0"
resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.0.tgz#16c658c626cf966967e306f966b431f77d4a5626"
integrity sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==
Expand Down Expand Up @@ -2529,7 +2536,7 @@ esutils@^2.0.2:
etag@1.8.1:
version "1.8.1"
resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==

eventemitter3@^4.0.1:
version "4.0.7"
Expand Down Expand Up @@ -2955,12 +2962,12 @@ hoist-non-react-statics@^3.0.0:
dependencies:
react-is "^16.7.0"

html-dom-parser@1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/html-dom-parser/-/html-dom-parser-1.1.0.tgz#daf0ff559bb0c4ffe7543d507baeaf1e2ca14e2c"
integrity sha512-x3MOz8S8BkihGgggtp2N0U+JAWlD9iGERbjuBJH+gIGF9B1kGQh5x489IQ0YPqi8HyMIWCRLdJY1q3IaQlqG/Q==
html-dom-parser@1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/html-dom-parser/-/html-dom-parser-1.2.0.tgz#8f689b835982ffbf245eda99730e92b8462c111e"
integrity sha512-2HIpFMvvffsXHFUFjso0M9LqM+1Lm22BF+Df2ba+7QHJXjk63pWChEnI6YG27eaWqUdfnh5/Vy+OXrNTtepRsg==
dependencies:
domhandler "4.3.0"
domhandler "4.3.1"
htmlparser2 "7.2.0"

html-encoding-sniffer@^2.0.1:
Expand All @@ -2976,14 +2983,14 @@ html-escaper@^2.0.0:
integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==

html-react-parser@^1.4.0:
version "1.4.8"
resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-1.4.8.tgz#27bc0f9dc294c875daeca8a21a48d5b845a1364e"
integrity sha512-5XsBdFVhJLxdtRp7tWwZ6DwqOt6fJ+2lJc0lctwjX1yaxWNB41S5uzqii7vJcSCaabM+CK28U75e5f4wIMqdSg==
version "1.4.14"
resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-1.4.14.tgz#577b7a90be0c61eebbbc488d914ad08398c79ef5"
integrity sha512-pxhNWGie8Y+DGDpSh8cTa0k3g8PsDcwlfolA+XxYo1AGDeB6e2rdlyv4ptU9bOTiZ2i3fID+6kyqs86MN0FYZQ==
dependencies:
domhandler "4.3.0"
html-dom-parser "1.1.0"
domhandler "4.3.1"
html-dom-parser "1.2.0"
react-property "2.0.0"
style-to-js "1.1.0"
style-to-js "1.1.1"

htmlparser2@7.2.0:
version "7.2.0"
Expand Down Expand Up @@ -5429,10 +5436,10 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==

style-to-js@1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/style-to-js/-/style-to-js-1.1.0.tgz#631cbb20fce204019b3aa1fcb5b69d951ceac4ac"
integrity sha512-1OqefPDxGrlMwcbfpsTVRyzwdhr4W0uxYQzeA2F1CBc8WG04udg2+ybRnvh3XYL4TdHQrCahLtax2jc8xaE6rA==
style-to-js@1.1.1:
version "1.1.1"
resolved "https://registry.yarnpkg.com/style-to-js/-/style-to-js-1.1.1.tgz#417786986cda61d4525c80aed9d1123a6a7af9b8"
integrity sha512-RJ18Z9t2B02sYhZtfWKQq5uplVctgvjTfLWT7+Eb1zjUjIrWzX5SdlkwLGQozrqarTmEzJJ/YmdNJCUNI47elg==
dependencies:
style-to-object "0.3.0"

Expand Down Expand Up @@ -5757,7 +5764,7 @@ use-subscription@1.5.1:
util-deprecate@^1.0.1, util-deprecate@~1.0.1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==

util@0.10.3:
version "0.10.3"
Expand Down

0 comments on commit 8497496

Please sign in to comment.