Qu’est-ce que l’accessibilité numérique ?

Un site web accessible est un site qui permet à tous les internautes d’accéder à ses contenus sans difficulté. Y compris aux personnes qui présentent un ou plusieurs handicap(s) et utilisent des logiciels ou matériels spécialisés.
Un site accessible permet par exemple de :

• Naviguer avec des synthèses vocales et/ou des plages braille (notamment utilisées par les internautes aveugles ou malvoyants).
• Personnaliser l’affichage du site selon ses besoins (grossissement des caractères, modification des couleurs, etc.).
• Naviguer sans utiliser la souris, avec le clavier uniquement ou via un écran tactile.
  Pour cela, le site doit respecter des normes rigoureuses lors de sa réalisation et de ses mises à jour.

Déclaration de conformité au RGAA

La déclaration de conformité du site « www.berreletang.fr » a été établie le 20/12/2017.
La version utilisée pour réaliser les tests est la version 3 2017 du RGAA (Référentiel Général d’Accessibilité pour les Administrations).

Identité du déclarant

Ville de Berre l’Étang - BP 30221 - 13138 BERRE L’ÉTANG Cedex
Téléphone : 04 42 74 93 00

Technologies utilisées sur le site

• HTML5
• CSS
• JavaScript
• ARIA
• Bootstrap
• CMS Spip

Agents utilisateurs, technologies d’assistance et outils utilisés pour vérifier l’accessibilité

Les vérifications de restitution de contenus ont été réalisées avec les combinaisons de navigateur et lecteur d’écran suivantes :

• NVDA / Firefox 57
• JAWS / Internet explorer 11
  Les outils suivants ont été utilisés lors de l’évaluation :
• Color Contrast Analyser
• Web Developer Toolbar (extension Firefox)

Pages du site ayant fait l’objet de la vérification de conformité

• Accueil
• Résultat de recherche
• Page contact
• Plan du site
• Agenda
• Fiche agenda
• Actualités
• Fiche actualité
• Mairie
• Services municipaux
• Vie scolaire
• Kiosque

Résultats des tests

Un audit du site, réalisé par la société Atalan en décembre 2017, révèle une conformité globale au RGAA (niveau AA) de 98%.

• 53 critères conformes
• 7 critères non conformes

Détails des non conformités

Critère 3.3

Le critère 3.3 « Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé ? » n’est pas conforme.
De manière générale, les associations de couleurs du site sont suffisamment contrastées.
À l’exception des combinaisons de couleur imposées par la charte graphique de la mairie de Berre l’Étang, tel que la navigation principale ou le texte placé sur le carrousel graphique de la page d’accueil.

Critères 4.1 et 4.3

Les critères 4.1 « Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audio-description ? » et 4.3 « Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, des sous-titres synchronisés (hors cas particuliers) ? » ne sont pas conforme. Les quelques rares vidéos diffusées sur le site ne proposent pas de transcription ou de sous-titre.

Critères 5.4

Le critère 5.4 « Chaque tableau de données a-t-il un titre ? » n’est pas conforme du fait de l’utilisation d’un tableau pour afficher un calendrier dans la page « agenda », celui-ci ne dispose pas de titre.

Critère 7.1

Le critère 7.1 « Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ? » n’est pas conforme.
De manière générale, les scripts utilisés sur le site sont accessibles avec les technologies d’assistance (comme les lecteurs d’écran, par exemple).
Toutefois les attributs permettant d’indiquer l’état « ouvert / fermé » de certains éléments d’accordéons, notamment dans la page « Services municipaux » ne sont pas mis en place de façon être restitué par les aides techniques.
À noter que ce problème provient de « Bootstrap » et, qu’en principe, il devrait être corrigé dans une prochaine mise à jour du framework.

Critère 8.6

Le critère 8.6 « Pour chaque page Web ayant un titre de page, ce titre est-il pertinent ? » n’est pas conforme.
Lors de la validation du formulaire de contact, le titre de la page nouvellement affiché n’indique pas un éventuel problème de saisie ou une confirmation d’envoi.

Critère 13.7

Le critère 13.7 « Dans chaque page Web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible ? » n’est pas conforme.
Les documents PDF proposés en téléchargement ne sont pas totalement accessibles.
La mise en accessibilité de l’ensemble de ces documents déjà disponibles représenterait un travail très conséquent.
Par conséquent, La mairie de Berre l’Étang proposera une version accessible de ces documents sur demande.
Pour obtenir une version accessible d’un document, nous vous invitons à nous contacter via un des moyens proposés dans la partie « Amélioration et contact » (disponible plus bas dans cette page) en indiquant le nom du document concerné.

Dérogations

Droit à la compensation

Il est important de rappeler qu’en vertu de l’article 11 de la loi de février 2005, la personne handicapée a droit à la compensation des conséquences de son handicap, quelles que soient l’origine et la nature de sa déficience, son âge ou son mode de vie.
De ce fait, chaque organisme a l’obligation de prendre les moyens nécessaires afin de donner accès, dans un délai raisonnable, aux informations et fonctionnalités recherchées par la personne handicapée, que le contenu fasse l’objet d’une dérogation ou non.
Vous pouvez donc obtenir une version accessible des documents ou des informations qui y seraient contenues en envoyant un courriel à siteweb@berreletang.fr en indiquant le nom du document concerné et/ou les informations que vous souhaiteriez obtenir.
Les informations demandées vous seront transmises dans les plus brefs délais.

Pages comportant une ou des dérogations

Carte interactive
Les cartes interactives « Leaflet map » présentes sur certaines pages du site ne sont pas pleinement accessible avec un lecteur d’écran et au clavier.

Amélioration et contact

Vous pouvez nous aider à améliorer l’accessibilité du site en nous signalant les problèmes éventuels que vous rencontrez.

Par email

Pour nous contacter par mail, vous pouvez utiliser notre formulaire de contact ou écrire directement à l’adresse suivante : siteweb@berreletang.fr

Par téléphone

Pour nous contacter par téléphone, vous pouvez appeler le numéro suivant : 04 42 74 93 00. Ce numéro est disponible du lundi au vendredi, de 08h30 à 17h00.

Nous contacter par voie postale

Si vous préférez nous contacter par courrier, vous pouvez nous écrire à l’adresse suivante :
Pôle Web - Ville de Berre l’Étang - BP 30221 - 13138 BERRE L’ÉTANG Cedex.

Défenseur des droits

Si vous constatiez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité du site, que vous nous le signaliez et que vous ne parveniez pas à obtenir une réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou demande de saisine à :
Le défenseur des droits
7, rue Saint-Florentin
75409 Paris cedex 08
Téléphone : 09 69 39 00 00
Contacter le défenseur des droits via le formulaire en ligne

Les aides à la navigation

Barre de raccourcis

Chaque page du site propose en haut d’écran une zone de raccourcis contenant

• un lien vers la page de contact
• un lien vers le bloc accès rapide qui regroupe les liens les plus demandés sur le site.
• le champ de saisie du moteur de recherche

Liens d’évitement

De plus des liens d’évitements ont été mis en place spécifiquement pour les lecteurs d’écran afin de proposer un accès direct :

• au contenu de la page consultée.
• au bloc "plan du site" proposé dans le pied de la page.
• vers la page Accessibilité que vous êtes en train de lire.

Logo

Le logo vous permet, par un simple clic, de retourner sur la page d’accueil.

Le menu de navigation principal

Le menu de navigation principal s’adapte aux différents types de terminaux pour proposer une navigation confortable à tous.
Sur les terminaux mobiles, deux actions sont proposées pour les entrées principales du menu : déplier le sous-menu ou accéder à la page.

Pour les ordinateurs de bureaux, lors d’une navigation avec la souris :

• lors du survol d’une entrée principale, le sous-menu apparaît.
• lors du clic, la page demandée s’affiche.

Pour les ordinateurs de bureaux, lors d’une navigation au clavier :

• la touche "tabulation" permet de naviguer entre les principales entrées du menu.
• la touche "flèche vers le bas" permet de faire apparaître le sous-menu
• la touche "entrée" permet d’accéder à la page souhaitée.

Fil d’ariane

Sur l’ensemble des pages du site (hormis la page d’accueil), un fil d’Ariane, affiché en haut du contenu principal, rappelle le nom de la page dans laquelle vous vous trouvez et vous permet de revenir au niveau de navigation supérieur.

Retour en haut de page

En bas de l’écran se trouve un lien de retour "Haut de page" vous permettant de retrouver rapidement le menu principal et le chemin de navigation.

Le pied de page

Il reprend des informations utiles comme les coordonnées et les horaires de la mairie ainsi que des numéros d’urgence.
Il propose également deux zones de navigations :

• Une barre de menu proposant des liens vers :
  • la page d’accueil
  • la page listant les articles d’actualité
  • la page d’accessibilité (celle-ci)
  • la page des mentions légales
  • la page détaillant le plan du site

• Un plan du site simplifié présentant les contenus des deux premiers niveaux de l’arborescence du site.

Navigation par tabulation

On peut naviguer d’un lien à l’autre à l’aide de la touche de "Tabulation" (appuyez sur la touche "Tab" et répétez jusqu’à sélectionner le lien désiré, validez avec la touche "Entrée").
Si vous "dépassez" le lien désiré, vous pouvez revenir en arrière en maintenant appuyé simultanément la touche permettant de faire des majuscules (shift) et la touche "Tab".

Navigation par titres

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 :
la touche "H" mène au titre suivant

• la touche "1" mène au prochain titre de niveau 1
• la touche "2" mène au prochain titre de niveau 2

Le diaporama

Des boutons d’arrêt ou de lecture contrôle l’animation automatique qui s’affiche sur la page d’accueil du site lors d’une consultation sur écrans large ou moyen.

Personnalisation de l’affichage

Taille du texte

Pour augmenter ou diminuer la taille des caractères avec Internet Explorer ou Mozilla Firefox : menu "Affichage" puis "Taille du texte". Avec Mozilla Firefox, vous pouvez aussi utiliser les raccourcis clavier suivants :

• Augmenter la taille du texte : touches ctrl (ou cmd) et +
• Diminuer la taille du texte : touches ctrl (ou cmd) et –