Introduction
Cette page vise à vous guider dans l’utilisation du site.
Pour connaître le niveau d’accessibilité de ce site, visitez la déclaration de conformité au RGAA 3.0.
L’initiative internationale pour l’accessibilité du Web (WAI) définit l’accessibilité du Web comme suit :
L’accessibilité du Web signifie que les personnes en situation de handicap peuvent utiliser le Web. Plus précisément, qu’elles peuvent percevoir, comprendre, naviguer et interagir avec le Web, et qu’elles peuvent contribuer sur le Web. L’accessibilité du Web bénéficie aussi à d’autres, notamment les personnes âgées dont les capacités changent avec l’âge.
L’accessibilité du Web comprend tous les handicaps qui affectent l’accès au Web, ce qui inclut les handicaps visuels, auditifs, physiques, de parole, cognitifs et neurologiques.
Voir l’introduction de la WAI.
Organisation du site
Navigation principale
Le site est structuré en 3 rubriques, chacune accessible depuis le menu de navigation principal :
- Découvrir Cergy-Pontoise,
- Disciplines,
- Carte interactive.
Autres systèmes de navigation
- une liste des rubriques affichée en pied de page ;
- un plan du site accessible via un lien situé en pied de page ;
- un fil d’Ariane placé directement sous le menu principal vous indique où vous vous trouvez et le chemin parcouru pour arriver à la page où vous êtes.
Navigation par titres
Le titre de niveau 1 correspond au titre de l’article consulté.
Le titre de niveau 2 est un titre de paragraphe.
Le titre de niveau 3 est un inter-titre de paragraphe.
La plupart des technologies d’assistance et des navigateurs facilitent la navigation par les titres. La plupart des lecteurs d’écran fournissent une fonctionnalité pour sauter au titre suivant.
Plugins nécessaires à la consultation du site
Ce site met à disposition certains documents téléchargeables qui nécessitent l’utilisation de logiciels appropriés :
- Lecteur de fichiers PDF,
- Tableur,
- Traitement de texte.
Navigation clavier pour les composants interactifs
Le site embarque des composants basés sur la technologie javascript. Leur structure et leur comportement clavier respectent les recommandations internationales.
Pour que ces composants fonctionnent de manière prédictible et selon les notices d’utilisation que nous vous fournissons ci-dessous, les utilisateurs de lecteurs d’écrans doivent les atteindre en mode formulaire, ou activer le mode formulaire une fois dessus.
Nous listons ci-dessous les composants présents sur le site et leur utilisation au clavier.
Système d’onglets
Un système d’onglets est une liste de panneaux activables via des liens (onglets) qui vont afficher des contenus. Un seul panneau peut être visible à la fois : quand un onglet est activé, les autres ne sont pas visibles.
Une fois que le contenu est rendu visible, la touche TAB vous permet d’atteindre le contenu du panneau sélectionné.
- Lorsque vous arrivez sur un système d’onglets, vous êtes placés sur le titre du premier onglet (par défaut, c’est le premier onglet du système qui est apparent) ;
- Si vous utilisez un lecteur d’écran :
- NVDA annonce onglet, [nom], onglet sélectionné 1 sur X », où « X » est le nombre total d’onglets ;
- Jaws annonce « onglet [nom] sélectionné » ;
- VoiceOver annonce « Panneau 1, sélectionné 1 sur X », où « X » est le nombre total d’onglets.
- Les flèches DROITE et GAUCHE vous permettent de naviguer d’un titre d’onglet à l’autre, activant leurs contenus associés ;
- La touche TAB vous permet d’atteindre le panneau affiché ou l’un de ses composants ;
- À ce moment, vous pouvez parcourir le contenu de l’onglet actif, la touche TAB vous permet d’atteindre les éléments interactifs du contenu ;
- Pour parcourir la liste des titres d’onglets à nouveau, tabuler en arrière jusqu’à ce que le focus se place sur le titre de l’onglet actif.
- Autres interactions au clavier (à ne documenter que si elles sont implémentées) :
- DÉBUT vous permet d’accéder au premier panneau ;
- FIN vous permet d’accéder au dernier panneau ;
- ALT + PAGE SUIVANTE, à partir d’un panneau, vous permet d’accéder au panneau suivant ;
- ALT + PAGE PRÉCÉDENTE, à partir d’un panneau, vous permet d’accéder au panneau précédent.
Fenêtre modale
Une fenêtre modale est un élément de la page qui vient se placer en surimpression du reste de la page, à la manière d’un message d’alerte. Ce n’est pas une nouvelle fenêtre ni un nouvel onglet. Une fenêtre modale est contenue dans la page en cours de consultation.
- Si vous utilisez un lecteur d’écran, lorsqu’une fenêtre modale s’ouvre :
- NVDA annonce « [Nom] dialogue » ;
- Jaws annonce « [nom] Boîte de dialogue » ;
- VoiceOver annonce « [Nom] avec X éléments, dialogue ».
- Une fois qu’une fenêtre modale est ouverte, la touche TAB vous permet d’atteindre tous les éléments de la fenêtre modale. La navigation est restreinte à cette fenêtre tant qu’elle est ouverte ;
- Pour fermer la fenêtre, vous pouvez soit atteindre le bouton « Fermer », soit utiliser la touche ESC.
Infobulle (tooltip)
Une infobulle est une information complémentaire placée sur un élément interactif qui apparaît et est restituée lorsque vous tabulez dessus, ou lorsque la souris le survole.
- Lorsque vous atteignez un élément qui contient une infobulle, une information supplémentaire apparaît ou vous est restituée si vous utilisez un lecteur d’écran.
- L’infobulle disparaît et n’est plus accessible lorsque vous quittez l’élément concerné ou lorsque vous appuyez sur la touche ESC.
Menu
Un menu est un système particulier de menu de navigation. Contrairement à l’utilisation habituelle de la touche tabulation dans les menus de navigation, un composant riche de type menu emploie une association des flèches de direction et de la touche ENTRÉE.
- Si vous utilisez un lecteur d’écran, lorsque vous atteignez un menu :
- NVDA annonce « [Nom] sous-menu 1 sur X », où X est le nombre d’entrées du menu ;
- Jaws annonce « Barre de menu [nom] » ;
- VoiceOver annonce « Menu [nom] commande de menu ».
- La touche DROITE vous permet d’atteindre les entrées suivantes de premier niveau du menu ;
- La touche GAUCHE vous permet d’atteindre les entrées précédentes de premier niveau du menu ;
- Les touches HAUT et BAS vous permettent de déployer le sous-menu (s’il existe) et d’atteindre les entrées de ce sous-menu ;
- La touche ENTRÉE vous permet d’atteindre directement la première entrée d’un sous-menu (s’il existe) ;
- La touche ENTRÉE vous permet d’activer les liens.
- Autres interactions au clavier (à ne documenter que si elles sont implémentées) :
- ESC ferme le sous-menu affiché ;
- LETTRE, active l’entrée de sous-menu qui commence par la lettre tapée ;
Arborescence
Une arborescence fonctionne à la manière d’un système de dossier sur un ordinateur. Il s’agit d’une liste imbriquée d’éléments que l’on peut déployer ou replier.
- Si vous utilisez un lecteur d’écran, lorsque vous atteignez une arborescence :
- NVDA annonce « Arborescence, [nom] réduit niveau 1 » ;
- Jaws annonce « Arborescence [nom] fermé sélectionné, 1 sur X », où X est le nombre d’entrées de l’arborescence ;
- VoiceOver annonce « Tableau ».
- Les touches de direction vous permettent de naviguer entre les entrées actives (déployées) ;
- La touche DROIT vous permet de déployer les sous-sections (si elles existent) d’une entrée ;
- La touche GAUCHE vous permet de replier les sous-sections d’une entrée.
Signaler un dysfonctionnement
Si, malgré notre vigilance, vous rencontriez le moindre problème d’accessibilité sur notre site, n’hésitez pas à nous écrire à webmaster@cergypontoise.fr.
Défenseur des droits
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 :