1. Engagement du groupe Accor

Le groupe Accor s’engage à rendre ses sites web et ses applications mobiles accessibles conformément à l’article 47 de la loi n° 2005-102 du 11 février 2005.

À cette fin, il met en œuvre la stratégie et les actions suivantes :

Cette déclaration d’accessibilité s’applique au site internet https://apartmentsandvillas.accor.com.

2. État de conformité

Le site internet Apartments & Villas (https://apartmentsandvillas.accor.com) obtient un score de conformité de 39%, il est donc non conforme au référentiel général d’amélioration de l’accessibilité en raison des non-conformités et des dérogations énumérées ci-dessous.

3. Résultats des tests

L’audit de conformité réalisé par la société Access42 révèle que :

39% des critères RGAA sont respectés ;

4. Contenus non accessibles

Les contenus listés ci-dessous ne sont pas accessibles pour les raisons suivantes.

4.1 Non-conformité (critères bloquants)

Le site ne dispose que d’un système de navigation, le menu principal
Lorsqu’on active un lien interne, une fois la page chargée le focus n’est pas repositionné en haut de page (comportement lié très certainement à la technologie en usage sur le site)
Lorsqu’un sous-menu par exemple « hébergement » est affiché, la tabulation devrait être restreinte aux seuls éléments visuellement affichés. Actuellement, on parcourt les éléments de premier niveau (lien « Accor Live Limitless » « all.accor.com ») alors qu’ils ne sont pas visibles
Lorsque le menu est fermé avec la touche ESC (depuis le premier niveau), le focus est repositionné sur le bouton « où voyagez-vous ? » plutôt que sur le bouton d’ouverture « menu »
Le bouton d’ouverture n’a pas de nom accessible.
Lorsqu’on prend le focus dans le champ « destination », s’il y a un historique, il apparaît automatiquement à la prise de focus, l’utilisateur ne peut pas le masquer. De même, lorsque l’utilisateur saisit les premières lettres et que la liste filtrée des résultats apparaît, cette liste ne peut jamais être masquée.
L’utilisateur n’est pas averti de l’apparition d’une liste de résultats filtrés après sa saisie dans le champ « Destination »
Lorsque l’utilisateur choisit un item de la liste, le focus n’est pas repositionné
Les intitulés des boutons moins/plus sont en anglais (« Add quantity ») et ne sont pas pertinents (actuellement ils indiquent l’inverse de ce qu’ils font).
Le texte « adultes 17 ans ou plus » est dans une balise label reliée à un champ caché.
Le bouton sur l’élément « votre avis ? » ne peut pas être activé avec Entrée.
Le nom accessible du bouton est différent du nom visible
Le bouton intègre une balise iframe.
L’iframe des attributs de mise en forme, pour certains obsolètes (frameborder par ex.)
Les éléments du carrousel sont une liste d’éléments, mais ils ne sont pas structurés correctement.
Les images contenues dans chacun des liens sont des images de décoration, mais ont soit une alternative renseignée ne soit pas d’attribut alt défini.
Les boutons suivant/précédent du carrousel sont situés après le carrousel dans le code source.
Les boutons suivant/précédent ont des intitulés en anglais : « Next » ; « Previous »
Les boutons suivant/précédent contiennent des images svg décoratives qui ne sont pas déclarées comme telles.
Le conteneur possède la propriété tabindex="0", mais la prise de focus à ce niveau n’est pas utile
Il est possible de tabuler sur les items hors champ alors même que leur conteneur possède la propriété aria-hidden="true"
La fenêtre modale implémente partiellement le motif de conception ARIA Dialog
Le bouton de fermeture n’a pas de nom accessible
L’image de l’hôtel et le logo de la marque en haut à gauche de l’image sont des images de décoration, mais ont une alternative renseignée
La catégorie de l’hôtel (nombre d’étoiles à droite du nom de l’hôtel) est donnée uniquement par les étoiles
L’image de l’hôtel et le logo de la marque en haut à gauche de l’image, contenues dans les liens, sont des images de décoration, mais ont une alternative renseignée
La catégorie de l’hôtel (nombre d’étoiles à droite du nom de l’hôtel) est donnée uniquement par les étoiles
Le composant de filtres qui apparaît sur la droite à l’activation d’un filtre se comporte comme une fenêtre modale, mais n’implémente pas le motif de conception ARIA Dialog.
On trouve un champ en readonly « histogram-slider-86bwb5uxgdv » (qui permet de gérer le slider). Ce champ a vocation à être masqué aux utilisateurs, mais ne l’est pas complètement.
L’étiquette du champ « Prix max » n’est pas reliée au champ
Les images svg utilisées dans les étiquettes de cases à cocher sont décoratives, mais ne sont pas identifiées comme telles (dans le bloc « équipements », « services de l’hôtel », « accessibilité »).
Dans le bloc « Nos marques », les étiquettes des cases à cocher embarquent des images décoratives qui ont une alternative renseignée.
Les étiquettes des champs de formulaire du bloc « nos marques » ne sont pas pertinentes. Les labels des cases à cocher sont créés avec des textes positionnés hors écran : « MER », « ADA ».
L’état plié/déplié des boutons du type « Disponibilité » n’est pas accessible aux technologies d’assistance.
Chaque bloc de groupe de champs possède la propriété tabindex="0" et le rend tabulable, ce qui est inutile dans ce contexte.
La mise à jour du bouton « Voir les résultats (n) » n’est pas restituée par les technologies d’assistance.
Lorsqu’on clique sur « voir les résultats », le focus n’est pas repositionné.
L’image du logo de la marque en haut à gauche de l’image est une image de décoration, mais a une alternative renseignée
La catégorie de l’hôtel (nombre d’étoiles à droite du nom de l’hôtel) est donnée uniquement par les étoiles
L‘icône tripadvisor est porteuse d’information, mais ne possède pas d’alternative
Les icônes symbolisant les services ont des svg décoratifs qui ne sont pas déclarés comme tels.
L’intitulé de la prestation d’air conditionné est en anglais (texte positionné hors écran) : air_conditionning
Le carrousel d’images possède la propriété tabindex="0", qui est inutile
Le carrousel d’images est positionné avant le titre de l’hôtel correspondant dans le code source. Idem pour l’image « All safe »
Les composants de navigation dans les carrousels ne sont pas atteignables au clavier.
Dans certains titres de chambres, on trouve des termes anglais « Queen size » par exemple.
La catégorie de l’hôtel (nombre d’étoiles à droite du nom de l’hôtel) est donnée uniquement par les étoiles
Lorsqu’on active le bouton « Voir tous les logements », le focus n’est pas correctement repositionné
Les boutons ont un intitulé en anglais « show map », « show list ».
Lorsque les boutons sont activés, le focus n’est pas repositionné
Les boutons suivant/précédent du carrousel sont situés après le carrousel dans le code source.
Les boutons suivant/précédent ont des intitulés en anglais : « Next » ; « Previous »
Les boutons suivant/précédent contiennent des images svg décoratives qui ne sont pas déclarées comme telles.
Le conteneur possède la propriété tabindex="0" qui est inutile
La catégorie de l’hôtel (nombre d’étoiles à droite du nom de l’hôtel) est donnée uniquement par les étoiles
L‘icône tripadvisor est porteuse d’information, mais ne possède pas d’alternative
Le titre « Services de la chambre » est de niveau 3 alors qu’il dépend d’un titre de niveau 1
Les icônes svg à gauche des dénominations de services sont décoratives, mais ne sont pas identifiées comme telles.
Le titre « Choisir vos dates pour afficher les prix » est de niveau 2 alors qu’il dépend d’un titre de niveau 1
À gauche de « meilleur prix garanti », l’icône est décorative, mais n’est pas identifiée comme telle
Lorsque l’hôtel n’est pas disponible, après avoir activé « vérifier les disponibilités », un message est inséré dans la page « Indisponible aux dates sélectionnées »
Lorsque les dates sélectionnées aboutissent à un résultat, l’utilisateur n’est pas averti de l’apparition du bouton « choisir un tarif ».
Lorsqu’on prend le focus dans les champs dates Arrivée/départ, le focus est déplacé automatiquement sur le datepicker et le datepicker ne peut pas être masquée
L’image de l’hôtel sur la droite est décorative, mais n’a pas d’attribut alt.
Dans certains titres de chambres, on trouve des termes anglais « Queen size » par exemple.
La catégorie de l’hôtel (nombre d’étoiles à droite du nom de l’hôtel) est donnée uniquement par les étoiles
L‘icône tripadvisor est porteuse d’information, mais ne possède pas d’alternative
L’icône svg de calendrier est décorative, mais n’est pas identifiée comme telle. Idem pour l’icône de personne.
Lorsqu’un tarif est choisi, le bouton « choisir les options » apparaît, mais le bloc récapitulatif est positionné dans le code avant la liste de choix des tarifs. L’utilisateur n’accédera jamais à ce bouton.
Il manque des titres pour structurer ce contenu : notamment « options »
Les boutons radios qui permettent de choisir un tarif ne sont pas accessibles au clavier (propriété CSS visibility :hidden).
Les icônes horloge et carte de crédit sont décoratives, mais ne sont pas identifiées comme telles.
Les intitulés des boutons moins/plus sont en anglais (« Add quantity ») et ne sont pas pertinents (actuellement ils indiquent l’inverse de ce qu’ils font).
Des noms d’options sont en anglais, par exemple « Local Beer Package »
Le bouton de fermeture n’a pas de nom accessible.
La structure des titres est à revoir, la hiérarchie n’est pas logique
Il y a un titre vide (h6 vide) avant le paragraphe « Les conditions de vente de la prestation sont identiques à celles du tarif de la chambre. »
Le cadre « Votre avis » chevauche le contenu positionné en pied de page à 200% de zoom
On retrouve le même problème lorsqu’on réduit la zone de visibilité à 320px de large

4.2 Dérogations pour charge disproportionnée

Aucune dérogation pour charge disproportionnée n’a été faite.

4.3 Contenus non soumis à l’obligation d’accessibilité

L’article 3 du décret n°2019-768 du 24 juillet 2019 fait une liste des contenus exemptés de l’obligation d’accessibilité. Nous avons relevé notamment des contenus de tiers qui ne sont ni financés ni développés par l’organisme concerné et qui ne sont pas sous son contrôle :

Cartographie : Google Maps
Connection par réseau social : Gigya
Lecteur vidéo : Youtube
Témoignage utilisateur : Usabilla
Avis client : TripAdvisor (Trustyou)

5. Établissement de cette déclaration d’accessibilité

Cette déclaration a été mise à jour le 16 Novembre 2021.

5.1 Technologies utilisées pour la réalisation du site web Apartments and villas

HTML 5
CSS
Vue.JS
Axios
PHP
CMS : TWILL (Laravel)

5.2 Agents utilisateurs, technologies d’assistance utilisées pour vérifier l’accessibilité

Les tests des pages web ont été effectués avec les combinaisons de navigateurs web et lecteurs d’écran suivants :

Ordinateur :

Agent utilisateur / Technologie d’assistance

Firefox 83 / NVDA 2020.3

Firefox 83 / JAWS 2019

Safari 14 / VoiceOver (Catalina 10.15.6)

Mobile :

Agent utilisateur / Technologie d’assistance / Système d'exploitation

Chrome 86.0 / TalkBack / Android natif 10.0

5.3 Outils utilisés pour vérifier l’accessibilité

Les outils suivants ont été utilisés lors de l’évaluation :

Inspecteur de code du navigateur (Firefox et Chrome)
Contrast-Finder pour tester le ratios de contraste de couleur
Validateur du W3C
Tests automatisés via le moteur aXe
Extension HeadingsMap pour visualiser la structuration par les titres
Extension de navigateur Web Developer de Chris Pederick

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

6. Retour d’information et contact

Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable de l’application mobile Accor pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.

Contacter notre service client :

par email assistance.reservation@accor.com ;
par téléphone au +33 (0)825 88 00 00. Du Lundi au Samedi de 8h à 20h – Coût d’un appel local ;
par un opérateur-relais, selon votre mode de communication : Langue des Signes Française (LSF), Transcription en Temps Réel de la Parole (TTRP) ou Langue française Parlée Complétée (LPC). Du Lundi au Vendredi de 8h30 à 19h00 (Hors jours fériés).

Envoyer un message au référent accessibilité Accor : referent.accessibilite@accor.com

7. Voies de recours

Cette procédure est à utiliser dans le cas suivant.

Vous avez signalé au responsable du site internet un défaut d’accessibilité qui vous empêche d’accéder à un contenu ou à un des services du portail et vous n’avez pas obtenu de réponse satisfaisante.

Écrire un message au Défenseur des droits
Contacter le délégué du Défenseur des droits dans votre région
Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) :
Défenseur des droits
Libre réponse 71120
75342 Paris CEDEX 07