Mode d’emploi du site Aide et accessibilité concernant notre site web

En plus des règles d’accessibilité que nous nous efforçons de respecter scrupuleusement, nous mettons tout en œuvre pour vous offrir une navigation facilitée et agréable sur nos pages web.

Si malgré tous nos efforts, vous rencontriez une difficulté, n’hésitez pas à nous en faire part à a11y@access42.net.

L’accessibilité du Web signifie que toute personne doit pouvoir accéder aux contenus web, quelle que soit sa situation, avec un handicap ou non, que l’utilisateur navigue au clavier ou à la souris, ou encore avec des technologies particulières permettant de palier certaines déficiences.

Cela passe par le respect des standards du Web et de certaines règles techniques que nous nous sommes efforcés de prendre en compte.

Cette page vise à vous guider dans l’utilisation du site Access42.

Organisation du site Access42

Systèmes principaux de navigation

Menu principal et navigation secondaire

Le site Access42 est structuré en neuf rubriques principales qui constituent le menu de navigation premier du site :

  1. Accueil ;
  2. Découvrir l’accessibilité ;
  3. Formations ;
  4. Prestations ;
  5. Références ;
  6. Notre société ;
  7. Outils : les projets libres que nous développons ;
  8. Blog ;
  9. Contactez-nous.

On accède à ces rubriques via le menu horizontal en haut du site, sous le titre principal du site "Access42 - Accessibilité numérique : expertise, conseil et formation" (qui est un titre de niveau 1).

Quand vous cliquez sur une rubrique, la page correspondante s’affiche et lorsque la rubrique contient elle-même plusieurs pages, un résumé de chacune d’elle apparaît pour vous donner un aperçu du contenu de la rubrique. Un menu de navigation locale apparaît alors sous le menu principal.

Quand la page est affichée, le lien correspondant dans le menu est noté comme actif.

Autres systèmes de navigation : recherche, plan du site, pied de page et fil d’Ariane

Un moteur de recherche placé tout en haut du site vous permet de trouver des contenus contenant des mots-clés qui vous intéressent.

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. Il est repérable textuellement car il est situé juste après l’annonce "région principale". Les noms des pages que vous avez parcourues sont des liens vers ces pages, séparés par des signes supérieurs >. La page en cours de consultation n’est pas un lien. Exemple pour le fil d’ariane de cette page, "Accueil > mode d’emploi du site".

Vous trouverez en pied de page les informations relatives au site web, dont notamment le plan du site.

Enfin, le plan du site Access42 reprend l’architecture complète du site sous forme de liste de liens.

Rubriques spéciales : accueil, blog et références

La page d’accueil introduit ce qu’est l’accessibilité numérique et présente un échantillon de ce que vous pouvez trouver sur le site.

La rubrique Blog présente quant à elle une liste de billets classés du plus récent au plus ancien. Vous pouvez sélectionner les billets qui vous intéressent en choisissant une catégorie parmi les suivantes :

  1. Actu ;
  2. Compte-rendu ;
  3. Entretien ;
  4. Outils ;
  5. Presse ;
  6. Publication ;
  7. Ressources.

Chaque billet est rangé dans une seule catégorie, mais plusieurs mots-clés peuvent lui être associés pour préciser la nature du texte.

La liste des catégories et des mots-clés est présentée sous le menu principal. En cliquant sur l’un des liens, vous obtiendrez la liste des billets correspondant à la catégorie ou au mot-clé sélectionné.

Enfin, la rubrique Références liste les principales références d’Access42 par ordre alphabétique. Vous pouvez choisir de n’afficher que certaines références, selon le type de client ou la nature de la prestation réalisée. Pour filtrer les références, il vous suffit de sélectionner le filtre en cliquant sur l’un des liens sous le menu.

La structure des titres

Le titre de niveau 1 sur la page d’accueil correspond au titre principal du site.

Puis à chaque page, le titre de niveau 1 est ensuite le titre de l’article/rubrique. Chaque article peut ensuite être structuré selon les besoins en utilisant des titres de niveau 2 à 6.

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, par exemple :

  • H pour NVDA, et T pour Jaws : conduit au titre suivant ;
  • 1 mène au prochain titre de niveau 1 (ce qui n’a pas d’intérêt sur le site Access42) ;
  • 2 : mène au prochain titre de niveau 2 ;
  • INSERT + F6 pour Jaws, NVDA + F7 pour NVDA : fournit une liste des titres, qui peut être triée par ordre de tabulation ou par ordre alphabétique.

Dans le navigateur Opera :

  • S conduit au prochain titre ;
  • W conduit au titre précédant.

Raccourcis clavier (Access Keys)

Le site Access42 ne propose pas de raccourcis clavier pour plusieurs raisons :

  • les conflits potentiels entre les raccourcis clavier des navigateurs et des technologies d’assistance ;
  • la possibilité de naviguer en utilisant d’autres moyens, comme la navigation par les titres décrite plus haut ;
  • l’abandon des raccourcis clavier par le groupe de travail accessibilité du Web (WAI) du consortium international du Web (W3C).

Navigation au clavier améliorée

Afin de faciliter la visualisation des liens sur lesquels vous vous trouvez quand vous naviguez au clavier (en utilisant la touche tabulation), nous avons rendu plus visibles les pointillés qui entourent chaque élément, texte ou image. Une bordure épaisse violette apparaît à chaque tabulation.

Par ailleurs, les infobulles habituellement consultables uniquement au survol de la souris sont également rendues visibles à la tabulation clavier. Pour fermer l’infobulle sans quitter l’endroit où vous vous trouvez, appuyez sur la touche Echap.

Liens d’accès rapide

Les liens d’accès rapide au tout début de la page déplacent le focus directement au menu principal, au contenu de la page ou vers cette page d’aide.

Navigation dans les points de repère du site (landmark roles)

Si vous naviguez avec un lecteur d’écran moderne, vous pouvez accéder directement aux zones de menu, navigation, contenu principal et pied de page.

Pour Jaws à partir de la version 10 sous Windows, la navigation clavier se fait :

  • repère suivant :  ! (point d’exclamation)
  • repère précédent : SHIFT +  ! (point d’exclamation)
  • liste des repères : CTRL + INS +  ! (point d’exclamation)

Pour NVDA à partir de la version 2014.3 sous Windows, la navigation clavier se fait :

  • repère suivant : D
  • repère précédent : SHIFT + D
  • liste des repères : NVDA +F7

Pour VoiceOver sous MacOS, pour naviguer dans les repères choisissez "repères" dans le "rotor", puis faites défiler au doigt (iOS) ou avec les flèches haut et bas du clavier (OSX) pour passer au repère suivant ou précédent.

Icônes

Les icônes suivantes sont utilisées sur le site Access42 :

  • icône représentant le logo utilisé pour les documents au format PDF  : cette icône indique qu’un document PDF est prévu en téléchargement (ce qui est également indiqué textuellement entre parenthèses dans le lien) ;
  • icône représentant le W du logo de Wikipédia  : Cette icône indique que le lien pointe vers une page de l’Encyclopédie Wikipédia ;
  • icône de réseaux sociaux : lorsqu’un lien mène vers Twitter , Viadeo ou LinkedIn , l’icône correspondante est affichée en plus du lien.

Paramètres d’accessibilité supplémentaires

Afin d’offrir une navigation facilitée et agréable à tous, le site d’Access42 est personnalisable.
Vous pouvez :

  • modifier les contrastes (par défaut, renforcés ou inversés) ;
  • choisir une police adaptée à la dyslexie ;
  • augmenter l’interlignage.

Identité visuelle d’Access42

Le logo d’Access42 est composé d’un A blanc sur fond violet morcelé en carrés juxtaposés de différentes teintes, comme autant de pixels dans un chantier numérique en construction. Le reste du texte est écrit en noir, à l’exception du 42 également en violet.

Le A seul est utilisé en favicon.

La police utilisée, Sanitechtro, de par sa forme rappelle le côté carré des pixels pour ancrer l’idée du numérique.

Commentaires à propos du site Access42

Nous avons attaché le plus grand soin à respecter les règles internationales pour l’accessibilité des contenus web, WCAG 2, en nous appuyant pour le vérifier sur le référentiel RGAA 3, lui-même basé sur le référentiel AccessiWeb HTML5-ARIA de l’association BrailleNet.

Nous avons veillé notamment à offrir un contraste suffisant dans le choix des couleurs de texte et d’arrière-plan, à permettre le redimensionnement en indiquant toutes nos dimensions et tailles de police dans une unité relative (pourcentage ou em), à indiquer la signification des abréviations et à séparer scrupuleusement le fond et la forme à l’aide de feuilles de styles, en structurant sémantiquement la page HTML.

Au-delà de la seule accessibilité, nous avons souhaité vous offrir un affichage optimisé pour une consultation sur ordinateur, tablette et téléphone mobile.

Parmi les nombreux tests effectués, il semblerait que le site fonctionne sur les systèmes d’exploitation et navigateurs suivants :

  • Windows XP, Windows 7, Windows 8
  • Ubuntu 14.04
  • MacOS X Safari 5.1+
  • Firefox 32
  • Internet Explorer 8+
  • Safari 5.1+
  • Opéra 12
  • Chromium 37
  • Chrome 37

Nous signaler un dysfonctionnement

Si, malgré notre vigilance, vous rencontriez le moindre problème d’accessibilité sur notre site, n’hésitez pas à nous écrire à a11y@access42.net.

Nous nous efforcerons de vous apporter une solution dans les plus brefs délais.

Pour toute autre question ou commentaire, vous pouvez vous référez à l’une des adresses disponibles sur la page "Contactez-nous".