{% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}{% extends 'base.html.twig' %}{% block title %}Accessibilité{% endblock %}{% block body %} <div class="container-fluid px-4 pt-4 pb-4 mb-1 d-none d-sm-block"> <div class="container"> <div class="col-lg-10 offset-lg-1"> <nav class="breadcrumb text-grey" role="navigation" style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%23686868'/%3E%3C/svg%3E");" aria-label="Vous êtes dans"> <ol class="breadcrumb fs-8"> <li class="breadcrumb-item"> <a href="{{ path('app_main', {'clientSlug': client.slug}) }}" class="text-graphite">Accueil</a> </li> <li class="breadcrumb-item active text-grey" aria-current="page">Accessibilité</li> </ol> </nav> </div> </div> </div> <div class="container-fluid"> <div class="container"> <div class="col-12 col-lg-10 offset-lg-1"> <h1 class="fw-bold text-graphite text-xl">Déclaration d'accessibilité</h1> </div> <div class="col-12 col-lg-6 offset-lg-1"> <div class="ps-1"> <p>Cette page n'est pas une page d'aide.</p> <p>Elle vise à définir le niveau de conformité de ce présent site à la réglementation et aux référentiels en vigueur</p> </div> <div> <h2 class=" fw-bold text-graphite mb-3 fs-4">Qu’est-ce que l’accessibilité numérique ?</h2> <div class="ps-1"> <p>L’accessibilité numérique est un ensemble de règles et de bonnes pratiques qui couvrent notamment les aspects fonctionnels, graphiques, techniques et éditoriaux. Le suivi de ces règles et bonnes pratiques permet de s’assurer que les supports numériques (sites web, applications mobiles, </p> documents PDF, etc.) sont accessibles aux personnes en situation de handicap. </div> <div class="ps-1"> <p>Un site accessible permet par exemple de :</p> <ul class="puced-list sitemap-list ps-5"> <li class="list-group-item border-0 mb-4"> - Personnaliser son affichage via le système d’exploitation et/ou le navigateur (agrandissement ou rétrécissement des caractères. changement de la typographie, modification des couleurs, arrêt des animations, etc.). </li> <li class="list-group-item border-0 mb-3"> - Naviguer à l’aide de technologies d’assistance comme une synthèse vocale ou une plage braille. </li> <li class="list-group-item border-0 mb-3"> - Naviguer sans utiliser la souris, avec le clavier uniquement, des contacteurs ou via un écran tactile. </li> <li class="list-group-item border-0 mb-3"> - Consulter les vidéos et les contenus audio à l’aide de sous-titres et/ou de transcriptions. </li> <li class="list-group-item border-0"> - Etc. </li> </ul> </div> </div> <h2 class="fw-bold text-graphite mb-3 fs-4">Engagements d’accessibilité numérique</h2> <p class="ps-1 mb-4"> Aviséa s’engage à rendre accessibles ses sites web conformément à l’<a href="https://www.legifrance.gouv.fr/loda/article_lc/LEGIARTI000037388867" target="_blank">article 47 de la loi n°2005-102 du 11 février 2005</a>. <br/><br/> À cette fin, elle met en œuvre la stratégie et les actions suivantes : <br/><br/> Afin d'obtenir le meilleur résultat possible, l'accessibilité est prise en compte par l'ensemble des équipes (conception fonctionnelle et graphique, développement, contribution, etc.) tout au long de la réalisation et de la maintenance des sites web et des applications mobiles. </p> <h2 class="fw-bold text-graphite mb-3 fs-4">Déclaration de non-conformité partielle au RGAA</h2> <p class="ps-1 mb-4"> Cette déclaration s’applique à la plateforme « app-ween.fr ». </p> <h2 class="fw-bold text-graphite mb-3 fs-4">État de conformité</h2> <p class="ps-1 mb-4"> Ce présent site est partiellement conforme avec le <a href="https://accessibilite.numerique.gouv.fr/" target="_blank">RGAA (Référentiel Général d’Amélioration de l’Accessibilité)</a> - version 4.1.2 en raison des non-conformités énumérées ci-après. </p> <h2 class="fw-bold text-graphite mb-3 fs-4">Résultats des tests</h2> <div class="ps-1"> L’audit de conformité au RGAA version 4.1.2 réalisé en janvier 2024 par la société Ideance révèle que sur l’échantillon : <ul class="list-group"> <li class="list-group-item border-0 mb-3">Le taux de conformité global est de 69,8%. Obtenu en divisant le nombre de critères conformes par le nombre de critères applicables.</li> <li class="list-group-item border-0">Le taux de conformité moyen est de 84,4%. Obtenu en faisant la moyenne des taux de conformité de chaque page.</li> </ul> </div> <h2 class="fw-bold text-graphite mb-3 fs-4 pt-3">Contenus non accessibles</h2> <h3 class="text-graphite mb-3 fs-5">Non-conformités</h3> <div class="ps-1"> Liste des critères non conformes : <ul class="list-group"> <li class="list-group-item border-0 mb-3">1.1 - Des images porteuses d’informations n’ont pas d’alternative textuelle. </li> <li class="list-group-item border-0 mb-3">3.1 - Des informations sont données uniquement par la couleur. </li> <li class="list-group-item border-0 mb-3">3.2 - Des contrastes entre couleur de texte et couleur d’arrière-plan ne sont pas suffisamment élevés. </li> <li class="list-group-item border-0 mb-3">3.3 - Des contrastes entre couleur de composants d’interface ou éléments graphiques porteurs d’informations et couleur d’arrière-plan ne sont pas suffisamment élevés.</li> <li class="list-group-item border-0 mb-3">7.1 - Des scripts ne sont pas compatibles avec les technologies d’assistance.</li> <li class="list-group-item border-0 mb-3">7.3 - Des scripts ne sont pas contrôlables par le clavier et par tout dispositif de pointage.</li> <li class="list-group-item border-0 mb-3">7.4 - Des changements de contexte initiés par des scripts ne sont pas signalés ou contrôlables. </li> <li class="list-group-item border-0 mb-3">8.2 - Le code source généré n’est pas valide selon le type de document spécifié. </li> <li class="list-group-item border-0 mb-3">8.7 - Des changements de langue ne sont pas indiqués.</li> <li class="list-group-item border-0 mb-3">8.9 - Des balises sont utilisées uniquement à des fins de présentation.</li> <li class="list-group-item border-0 mb-3">9.3 - Des listes ne sont pas correctement structurées.</li> <li class="list-group-item border-0 mb-3">10.2 - Des contenus visibles porteurs d’informations ne sont pas présents lorsque les feuilles de styles sont désactivées.</li> <li class="list-group-item border-0 mb-3">10.4 - Des textes ne sont pas lisibles lorsque la taille des caractères est augmentée jusqu’à 200%, au moins.</li> <li class="list-group-item border-0 mb-3">10.7 - La prise de focus d’éléments interactifs n’est pas visible.</li> <li class="list-group-item border-0 mb-3">10.8 - Des contenus cachés n’ont pas vocation à être ignorés par les technologies d’assistance.</li> <li class="list-group-item border-0 mb-3">10.11 - Des contenus ne peuvent pas être présentés sans avoir recours à un défilement horizontal pour une fenêtre ayant une largeur de 320px.</li> <li class="list-group-item border-0 mb-3">11.1 - Des champs de formulaire n’ont pas d’étiquette.</li> <li class="list-group-item border-0 mb-3">11.10 - Des contrôles de saisie ne sont pas utilisés de manière pertinente.</li> <li class="list-group-item border-0">13.3 - Un document bureautique en téléchargement possède une version accessible, mais son balisage comporte des erreurs.</li> </ul> </div> <h3 class="text-graphite mb-3 fs-5 pt-3">Contenus non soumis à l’obligation d’accessibilité</h3> <div class="ps-1 mb-4"> L’utilitaire « AccessConfig » a été exempté. Il n’a donc pas fait l’objet d’un audit complet et détaillé. <br><br> Il a toutefois été vérifié que sa présence n’empêche pas l’utilisation et la consultation du reste du site. </div> <h2 class="fw-bold text-graphite mb-3 fs-4">Établissement de cette déclaration</h2> <p class="ps-1 mb-4"> Cette déclaration a été établie le 11/01/2024. </p> <h2 class="text-graphite fs-5 mb-3">Technologies utilisées pour la réalisation du site</h2> <ul class="list-group"> <li class="list-group-item border-0">- HTML5</li> <li class="list-group-item border-0">- SVG</li> <li class="list-group-item border-0">- ARIA</li> <li class="list-group-item border-0">- CSS</li> <li class="list-group-item border-0">- JavaScript</li> </ul> <h2 class="text-graphite pt-3 mb-3 fs-5">Environnement de test</h2> <div class="ps-1"> Les tests ont été effectués avec les combinaisons de navigateur web et lecteur d’écran suivantes : <ul class="list-group"> <li class="list-group-item border-0">- Firefox 121 - Windows (11) / NVDA (2023.3)</li> <li class="list-group-item border-0">- Firefox 121 - Windows (11) / JAWS (2023)</li> <li class="list-group-item border-0">- Safari - macOS (14.2.1) / VoiceOver</li> <li class="list-group-item border-0">- Safari - iOS (17.2.1) / VoiceOver</li> </ul> </div> <h2 class="text-graphite pt-3 mb-3 fs-5">Outils pour évaluer l’accessibilité</h2> <div class="ps-1"> <ul class="list-group"> <li class="list-group-item border-0">- Colour Contrast Analyser</li> <li class="list-group-item border-0">- Contrast Finder</li> <li class="list-group-item border-0">- Outils de développement Firefox</li> <li class="list-group-item border-0">- Web Developer (extension Firefox)</li> </ul> </div> <h2 class="text-graphite pt-3 mb-3 fs-5">Pages du site ayant fait l’objet de la vérification de conformité</h2> <div class="ps-1"> <ul class="list-group"> <li class="list-group-item border-0">- Accueil (connecté et non connecté)</li> <li class="list-group-item border-0">- Création de compte</li> <li class="list-group-item border-0">- Connexion</li> <li class="list-group-item border-0">- Event & FlashLearning</li> <li class="list-group-item border-0">- Agenda</li> <li class="list-group-item border-0">- Mon compte</li> <li class="list-group-item border-0">- Formulaire de contact</li> <li class="list-group-item border-0">- Mentions légales</li> </ul> </div> <h2 class="fw-bold text-graphite pt-3 mb-3 fs-4">Retour d’information et contact</h2> <div class="ps-1"> Si vous n’arrivez pas à accéder à un contenu ou à un service de ce site, vous pouvez nous contacter via un des moyens ci-dessous pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme. <ul class="list-group"> <li class="list-group-item border-0">Écrivez-nous à l’adresse email : <a href="mailto:support@app-ween.fr">support@app-ween.fr</a></li> </ul> </div> <h2 class="fw-bold text-graphite pt-3 mb-3 fs-4">Voies de recours</h2> <div class="ps-1"> <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 et vous n’avez pas obtenu de réponse satisfaisante.</p> <ul class="list-group"> <li class="list-group-item border-0 mb-3"><a href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016" target="_blank">Écrire un message au Défenseur des droits</a>.</li> <li class="list-group-item border-0 mb-3"><a href="https://www.defenseurdesdroits.fr/saisir/delegues" target="_blank">Contacter le délégué du Défenseur des droits dans votre région</a>.</li> <li class="list-group-item border-0 mb-3"> Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) à l’adresse suivante : <br> Défenseur des droits <br> Libre réponse 71120 <br> 75342 Paris CEDEX 07 </li> </ul> </div> </div> </div> </div>{{ include('footer.html.twig') }}{% endblock %}