Accessibilité

Cette page vise à vous guider dans l’utilisation du blog de Gérard Sebaoun.

Introduction

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.

En tant que représentant de la Nation attaché à l’égalité républicaine, nous tenons à ce que chacun puisse accéder à notre information, sans discrimination. Si malgré notre vigilance vous rentriez des difficultés, n’hésitez pas à nous contacter à l’adresse : gsebaoun@assemblee-nationale.fr

Organisation du blog

Le blog est organisé en quatre grandes zones :

  1. La partie haute contient :
    • un menu de navigation interne pour faciliter la navigation au clavier et permettre d’aller directement au menu principal, à la liste des catégories du blog, au contenu, à la recherche et conduisant vers cette page accessibilité
    • le titre du blog (qui est un titre de premier niveau)
    • le menu principal dirigeant vers les principales catégories du blog et vers la page de contact. Quand vous cliquez sur une rubrique, la page affiche soit la liste des billets de blog publiés dans cette catégorie, soit la page de contact avec les coordonnées pour contacter votre député. Voici la composition du menu principal :
      1. Accueil : ce lien vous permet de revenir à l’accueil principal du blog
      2. Actualité : cette catégorie regroupe les billets parlant de l’actualité du député
      3. Activité parlementaire : cette catégorie liste les billets faisant le point sur les dossiers dont le député à la charge ou pour lesquels il s’engage
      4. Activité locale : cette catégorie évoque les dossiers et actualités ayant un impact direct pour les villes de la quatrième circonscription du Val d’Oise
      5. Billets d’humeur : parce que Gérard Sebaoun est un homme libre et engagé, il partage régulièrement ses points de vue sur les sujets qui le touchent
      6. Portraits : cette page vous présente Gérard Sebaoun et son remplaçant, Mathias Trogrlic
      7. Contact : cette page vous permet de trouver toutes les informations utiles pour contacter votre député.
  2. La partie centrale à gauche contient le contenu principal (textes, images)
  3. Une barre latérale à droite comporte différents blocs :
    • La barre de recherche
    • Un agenda reprenant l’actualité du député Gérard Sebaoun
    • L’ensemble des catégories thématiques dans lesquels sont classés les billets de blog
    • Les derniers Tweets postés par Gérard Sebaoun sur son compte Twitter @gerardsebaoun
    • Le lien vers les vidéos publiées sur la chaîne Dailymotion de Gérard Sebaoun
    • Un encart Facebook permettant de signifier que vous aimez ce blog et de voir les amis qui suivent le compte Facebook de Gérard Sebaoun
  4. Un pied de page comportant des liens vers des informations légales et pratiques sur le fonctionnement du blog

Par ailleurs, 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.

Composition de la page d’accueil

On retrouve sur la page d’accueil les quatre grandes zones définies plus haut.

La partie centrale à gauche offre la liste des huit derniers articles publiés toutes catégories confondues, par ordre ante-chronologique (du plus récent au plus ancien). Au-dessus de cette liste figurera prochainement une section intitulée “À la Une” mettant en valeur trois ou quatre billets défilant au sein d’un diaporama.

La structure des titres

Le blog de Gérard Sebaoun contient un titre de niveau 1, qui se trouve être le titre principal du site.

Puis chaque page, à l’exception de la page d’accueil, contient un titre de niveau 2 indiquant le titre de l’article. Chaque article peut ensuite être structuré selon les besoins en utilisant des titres de niveau 3 à 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 conduit au titre suivant
    • 1 mène au prochain titre de niveau 1 (ce qui n’a pas d’intérêt sur le blog de Gérard Sebaoun, qui ne contient qu’un seul titre 1)
    • 2 mène au prochain titre de niveau 2
    • INSERT+F6 fournit une liste des titres, qui peut être triée par ordre de tabulation ou par ordre alphabétique.
  • Dans la dernière version du navigateur vocal Home Page Reader:
    • H conduit au prochain titre
    • Alt+1 active le mode de lecture des titres, puis la flèche du bas conduit au titre suivant et la flèche du haut au titre précédant.
  • Dans le navigateur Opera :
    • S conduit au prochain titre
    • W conduit au titre précédant

Raccourcis clavier (Access Keys)

Le blog de Gérard Sebaoun 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 rouge apparaît à chaque tabulation.

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, aux catégories du blog, au contenu de la page, au moteur de recherche, et vers cette page d’aide.

Icônes

icône représentant le logo tilisé pour les documents au format P.D.F. : 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)

Identité visuelle de Gérard Sebaoun

La photo en haut de page représente le député Gérard Sebaoun dans l’hémicycle de l’Assemblée nationale. Les logos de l’Assemblée nationale et du Parti Socialiste sont également présents.

Une attention particulière a été apportée dans le choix des couleurs pour offrir un contraste suffisant entre la couleur des textes et de l’arrière-plan afin d’offrir une visibilité optimale, toujours dans un souci d’accessibilité.

Avertissement à propos des services tiers : Twitter, Dailymotion, Facebook

Pour pouvoir diffuser nos idées au plus grand nombre, nous utilisons les outils de partage de l’information populaires suivants : Twitter, Dailymotion et Facebook.

Malheureusement, ceux-ci ne sont pas accessibles.

Accessibilité des vidéos

Notre chaîne Dailymotion diffuse certaines de nos interventions. Bien qu’il serait nécessaire de proposer une version texte de nos interventions et d’inclure du sous-titrage pour les personnes sourdes et malentendantes, nos vidéos ne proposent pas ces options pour l’instant.

Dans l’attente d’améliorer l’accessibilité de nos vidéos, n’hésitez pas à nous contacter si vous souhaitez accéder à une vidéo en particulier et aviez besoin d’aide.

Commentaires à propos du blog de Gérard Sebaoun

Nous avons attaché le plus grand soin à respecter les règles internationales pour l’accessibilité des contenus web, WCAG 2, en nous appuyant sur le référentiel AccessiWeb 2.2 pour le vérifier.

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.

Par ailleurs, nous avons travaillé à rendre ce blog lisible et accessible en adoptant une mise en page s’adaptant aux différents supports de consultation (ordinateurs, tablettes, smartphones).

Parmi les nombreux tests effectués, il semblerait que le site fonctionne sur les différents systèmes d’exploitation et navigateurs disponibles.

Si malgré notre vigilance vous rencontriez le moindre problème d’accessibilité sur notre site, n’hésitez pas à nous écrire à gsebaoun@assemblee-nationale.fr