Accessibilité du site et navigation

 Published Date: 9 mars 2019

Préambule

Le site peut être consulté dans les meilleures conditions à la fois sur ordinateur, terminaux mobile et tablette.

Nous avons choisi WordPress comme outil de composition des pages, ce qui fournit les outils à même de garantir une bonne accessibilité du site, en particulier aux personnes en situation de handicap, notamment les personnes malvoyantes.

Nous avons respecté certaines précautions et prévu certains dispositifs qui devraient en faciliter l’accès.

Les sections de la JA: du plus général à l’activité quotidienne

  • Page d’accueil du site

C’est la porte d’entré idéale pour avoir une vue d’ensembles des sections de la JA.

Elle présente toutes les sections de la JA découpées en 3 pôles:

  • Sport-Santé & Bien être
  • Activités sportives
  • Art&Culture

Pour chaque section, cliquer sur la photo ou le libellé permet d’en savoir plus.

  • Page d’accueil des pôles de sections

Selon ses affinités, il est possible de sélectionner un des trois menus “Santé et Bien être”, “Activités Sportives” et “Arts et Culture”.

Ces menus permettent d’accéder à une page qui présente les sections de façon un peu plus détaillée avec notamment le contact de la section.

Cliquer sur la photo ou le lien en savoir plus pour plus de détails.

  • Index des Sections JA

Approprié à l’adhérent de la section , c’est l’accès le plus immédiat aux activités au quotidien de la section: rendez-vous, manifestations sportives, culturelles, résultats des compétitions, albums photos,…

Cet index classe les sections par ordre alphabétique. Il est accessible de 2 manières:

    • dans le menu principal placé en haut de l’écran
    • ou en permanence dans le bandeau latéral du site

Cliquez sur le nom de la section qui vous intéresse et vous irez droit au but !

Améliorer la visibilité des caractères, des images,…

  • Améliorer la visibilité des caractères, des images,…
  • Augmenter la taille des caractères la page et de l’écriture

– Sur le bord droit de l’écran, partie basse de l’icône pour changer la taille de police

A tout moment, un icône est accessible pour agrandir ou diminuer la taille des caractères:

icône chngner taille caracteres

Cet icône permet d’agrandir ou de diminuer la taille des caractères dans un rapport 2

– Pour zoomer sur le centre de la page

Appuyer simultanément sur les touches de votre clavier :

CTRL et + pour augmenter la taille de l’écran

CTRL et – pour diminuer la taille de l’écran

CTRL et 0 pour revenir à la taille initiale

Cela permet d’augmenter à la fois la taille des caractères, des images,… mais une partie de l’information n’est plus visible (c’est le propre de la fonction zoom!)

– Sur le bord droit de l’écran , partie haute de l’icône pour passer en contraste élevé

La visibilité est d ‘autant meilleure que le contraste est élevé, il en est de même pour le choix des couleurs des textes et du fond sur lesquels ils sont écrits.

A tout moment, un icône est accessible à droite de l’écran: activer la partie haute de cet icône.

Cet icône permet d’obtenir le meilleur choix de contraste par des couleurs appropriées.

icône passer en contraste élevé

– Commentaires liés aux photos pour les lecteurs d’écrans

Les personnes aveugles utilisent des logiciels spécifiques de lecture d’écran leur permettant d’accéder aux sites internet.

Un point particulier concerne les photos auxquelles doivent être associées un champ textuel qui décrit la photo en quelques mots.

Dans la mesure du possible, nous attachons un soin particulier à renseigner cette information lorsque cela est pertinent pour les photos “porteuses d’information”.

Aide à la navigation dans le site

Touche “pour revenir en arrière” du navigateur internet

Pour une bonne partie, la navigation au sein du site se fait en cliquant sur des images des libellés, des menus, si bien qu’on en perdrait presque de vue la touche pour revenir en arrière placé en haut à gauche du navigateur Internet.
Notez bien que cette dernière est particulièrement utile lorsque l’on a navigué d’un item à l’autre dans le menu “En savoir plus ” d’une section et que l’on désire revenir à l’accueil de la section sans repasser par les menus

Le logo de la Jeanne d’Arc de Bruz

Sur l’ensemble des pages, le logo de la Jeanne d’Arc de Bruz situé en haut à gauche de l’écran permet de retourner en 1 clic à la page d’accueil. A noter que l’item “Accueil” du menu a le même effet.

Bouton pour remonter en haut de page

Situé en bas à droite de chaque page, un icône dédié permet le retour instantané en haut de la page

Un bouton flèche haut pour remonter en haut de page

Flèche arrière et avant en bas des articles

Ces flèches, situées de part et d’autre en bas  des articles, incitent le visiteur à consulter des articles publiés sur le site à des dates voisines de celle de l’article en train d’être consulté.

Le menu déroulant

Les principales rubriques du site sont accessibles à partir de deux menus déroulant positionnés sur le bandeau en haut de chaque page.

Astuce pour faciliter l’accès au bandeau latéral sur mobile

Sur mobile, le bandeau latéral ne s’affichant qu’en dessous de la zone centrale, il peut être fastidieux de dérouler cette dernière pour accéder au bandeau.
Par conséquent, nous avons prévu des raccourcis à l’aide de boutons dédiés:

  • le bouton “Contact” en haut de la page “Bienvenue à la JA” particulier à accéder en haut de ce bandeau,
  • le bouton “Flash Infos” permet de se positionner sur le carrousel d’articles défilant.
    Noter qu’un clic sur le titre ou sur “Read More” permet d’afficher l’article en plein écran
  • le bouton “Toutes les Infos” a un rôle différent puisqu’il renvoie vers une liste exhaustives de tous les articles “Flash Infos” de niveau JA publiés.

Le moteur de recherche

Une recherche simple par mots clés est proposée dans le bandeau latéral de droite accessible sur la page d’accueil .

Compléter la zone “Search…” puis cliquez sur le bouton noir “Search” situé à droite pour lancer la recherche.

Le plan du site

Il est accessible dans le sous menu “Accueil”. Il peut aider à trouver une information de par sa vue d’ensemble exhaustive. Mais ce plan est très dense au vu du nombre important de sections à la JA (35!).

Vos critiques sont les bienvenues !

N’hésitez pas à nous contacter pour nous faire part de vos remarques, des dysfonctionnements que vous pourriez constater.