Accessibilité

Accessibilité

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 6 rubriques, chacune accessible depuis le menu de navigation principal :

  • Le territoire,
  • L'agglomération,
  • Les projets,
  • Vos services.

Autres systèmes de navigation

  • un plan du site accessible via un lien situé en pied de page ;
  • un moteur de recherche placé tout en haut du site ;
  • 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.

Liens d'accès rapides

Les liens d’accès rapide, présents au début du document, permettent une navigation facilitée vers les régions principales des pages.

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.

Accordéon

Un accordéon est un couple titre/contenu qui reprend le modèle de consultation d'un système d'onglets. Le titre vous permet de rendre visible et accessible le contenu relié, et inversement. Plusieurs accordéons peuvent être présents, et ils peuvent être ouverts simultanément.

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 atteignez un accordéon ou un système d’accordéons, vous êtes placés sur le titre du premier accordéon.
  • Si vous utilisez un lecteur d’écran, lorsque vous atteignez un accordéon :
    • NVDA annonce « Panneau 1, onglet 1 sur x » ;
    • Jaws annonce « Panneau des onglets, onglet [nom], 1 sur x » ;
    • VoiceOver annonce « [Nom] avec X éléments, tableau d'onglet ».
  • Quand vous êtes sur un titre d’accordéon, les touches ENTRÉE et ESC vous permettent de déployer (ou replier) son contenu.
  • Une fois que le contenu est rendu visible, la touche TAB vous permet d’atteindre les éléments interactifs du contenu.
  • Depuis un titre d’accordéon :
    • les touches BAS et DROITE vous permettent d’atteindre les titres suivants du système d’accordéons ;
    • les touches HAUT et GAUCHE vous permettent d’atteindre les titres précédents du système d’accordéons.
  • Autres interactions au clavier (à ne documenter que si elles sont implémentées) :
    • CONTROL + HAUT permet d'atteindre le titre de l'accordéon sélectionné ;
    • CONTROL + PAGE PRÉCÉDENTE, depuis le contenu d'un panneau, permet d'atteindre le titre de l'accordéon précédent ;
    • CONTROL + PAGE SUIVANTE, depuis le premier d'un panneau, permet d'atteindre le titre de l'accordéon ;
    • DÉBUT permet d'atteindre le premier accordéon ;
    • FIN permet d'atteindre le dernier accordéon ;

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 :