Luhta.fi – lacunes présentes dans la déclaration d’accessibilité

Contact par e-mail :

• Les questions relatives aux problèmes d’accessibilité peuvent être adressées à accessibility@luhta.com.

• Le formulaire d’inscription au service présente quelques lacunes en matière d’accessibilité. WCAG 1.3.5 Identifier l’objectif de la saisie (AA), WCAG 4.1.2 Nom, rôle, valeur (AA)

  • Les champs de saisie manquent de définitions permettant aux fonctionnalités d’assistance de comprendre que le champ est obligatoire ou que son état comporte des erreurs. Le navigateur n’est pas nécessairement en mesure de remplir le champ automatiquement pour l’utilisateur.

  • Le bouton qui affiche le mot de passe saisi dans le champ n’a pas de nom.

• Par ailleurs, dans les formulaires destinés à la connexion ou à l’inscription, il est difficile pour l’utilisateur de détecter une situation d’erreur dans ledit formulaire s’il utilise le service uniquement avec les informations fournies par une fonctionnalité d’assistance. WCAG 1.3.3 Caractéristiques sensorielles (A), WCAG 3.3.1 Identification d’erreur (A), WCAG 4.1.3 Messages relatifs aux états (AA)

  • Lorsqu’un formulaire est soumis, la personne utilisant une fonctionnalité d’assistance n’est pas informée des erreurs contenues dans ce même formulaire.

  • Les messages d’erreur sont en anglais, quelle que soit la langue du site Web.

  • Le message d’erreur n’indique pas explicitement le champ auquel se rapporte l’erreur.

• Le nombre de produits affichés dans une liste de produits est mis à jour chaque fois que l’utilisateur modifie les filtres sur le site Web. Toutefois, le nombre mis à jour n’est pas transmis aux logiciels de lecture d’écran. WCAG 4.1.3 Messages relatifs aux états (AA)

• Le champ de recherche situé dans l’en-tête affiche les résultats de la recherche au fur et à mesure que l’utilisateur saisit des caractères dans le champ. L’utilisateur d’un logiciel de lecture d’écran ne reçoit pas d’informations sur les résultats disponibles et peut donc ne pas savoir comment y accéder. La liste des résultats de la recherche peut également rester en permanence au-dessus du reste du contenu, car elle ne peut pas être fermée par la navigation réalisée via un clavier. En outre, il manque au formulaire un nom qui est toujours visible parce que le texte appelé « espace réservé » est remplacé par les caractères saisis par l’utilisateur. WCAG 3.3.2 Étiquettes ou instructions, WCAG 4.1.2 Nom, rôle, valeur

• Sur la page du produit, la sélection de la taille fonctionne comme une boîte combinée (tag HTML « select »). Cependant, la commande n’a pas été implémentée comme une boîte combinée ou une liste déroulante pour les outils de technologie d’assistance. WCAG 4.1.2 Nom, rôle, valeur (AA)

• Le site Web comporte des fonctionnalités qui sont difficiles à utiliser avec des logiciels de lecture d’écran du fait qu’il manque la définition technique nécessaire à la fonctionnalité d’assistance. WCAG 4.1.2 Nom, rôle, valeur (AA)

  • Les boutons du menu de navigation du site Web n’indiquent pas si la liste déroulante qu’ils affichent est ouverte ou fermée.

  • Le même problème se pose pour le bouton du panier puisqu’il n’indique pas s’il est ouvert ou fermé.

  • L’en-tête comporte un bouton (par exemple « Finlande ») que l’utilisateur peut utiliser pour accéder au site Web d’un pays donné. Le bouton n’indique pas qu’il ouvre une boîte de dialogue modale.

  • La page principale du site Web présente un contenu qui a été conçu sous la forme d’onglets. Les onglets peuvent comporter des boutons qui n’ont pas été nommés ou étiquetés comme tels.

  • Le site Web utilise des boutons dits « en accordéon » qui peuvent être utilisés pour ouvrir ou masquer le contenu. Par exemple, les questions fréquemment posées sur la page produit sont des boutons en accordéon. Les éléments indiquent des informations correctes lorsqu’ils sont ouverts, mais une fois qu’ils sont fermés, l’état n’est pas mis à jour sur un logiciel de lecture d’écran.

  • Des boutons similaires se situent sur la page de recherche, où les filtres de recherche se trouvent dans des menus déroulants qui peuvent être ouverts et fermés. Les boutons n’indiquent pas qu’ils peuvent être ouverts et fermés.

  • Sur les pages des produits, la couleur du produit peut être sélectionnée à l’aide de boutons. Néanmoins, ces boutons ne communiquent pas avec la fonctionnalité d’assistance pour préciser la couleur sélectionnée, c.-à-d. indiquer le bouton qui a été activé.

  • Dans la boîte de dialogue donnant des informations sur les tailles, il est possible de choisir un affichage des tailles en centimètres ou en pouces. L’unité sélectionnée n’est pas transmise aux logiciels de lecture d’écran.

• Le site principal comporte des cartes cliquables, par exemple sous la rubrique « Actualités ». Leur ordre de lecture est illogique pour une personne utilisant un logiciel de lecture d’écran : La carte comprend le lien en premier et le titre en second, ce qui signifie que le titre définit le contenu de la carte suivante. WCAG 1.3.2 Séquence pertinente (A)

• Le site Web comporte des éléments dont le nom n’est pas transmis aux fonctionnalités d’assistance, ou dont le nom n’est pas approprié. WCAG 1.1.1 Contenu non contextuel (A)

  • Le lien vers la liste de souhaits situé dans l’en-tête est toujours en anglais.

  • Sélection du pays : Certains noms de pays sont associés à une icône d’information complémentaire : « Boutique en ligne disponible ». Cette information n’est pas transmise aux fonctionnalités d’assistance.

  • Les méthodes de paiement énumérées dans le pied de page sont des images ne possédant pas de nom.

  • La page des produits comporte un élément appelé « carrousel » qui permet à l’utilisateur de parcourir les images de produits disponibles. Tous les boutons du carrousel portent le nom du produit, ce qui rend leur fonction peu claire. Le carrousel possède également un contenu en anglais, « Page X of Y », qui n’est destiné qu’aux logiciels de lecture d’écran.

  • Les boutons du navigateur du carrousel n’ont pas de nom du tout, ils sont toujours en anglais (vue depuis un appareil mobile).

  • Dans la recherche de magasin, les informations de contact sont affichées sous forme d’icônes qui n’ont pas été nommées pour les fonctionnalités d’assistance.

  • Dans le panier, le champ indiquant le nombre de produits n’a pas de nom. De même, les boutons permettant d’ajouter ou de réduire le nombre d’articles ou de supprimer un produit n’ont pas de nom.

  • La page de l’entreprise comporte des champs de lien avec un lien textuel et un lien sans nom qui couvre tout l’écran.

• À côté de la liste des produits, il existe des types de produits sur la base desquels la liste des produits peut être modifiée. Les types de produits sont des boutons en accordéon. Cependant, ils comprennent également un élément de lien, de sorte qu’ils possèdent deux objets imbriqués cliquables, expliquant ainsi pourquoi les fonctionnalités d’assistance peuvent connaître un fonctionnement anormal avec les boutons en accordéon. WCAG 1.3.1 Informations et relations (A)

• Le site Web ne comporte pas de section de contenu principal structurellement identifiée. Si un site comporte plusieurs zones de navigation, celles-ci ne sont pas nommées. Le fil d’Ariane est également toujours dépourvu de nom. WCAG 1.3.1 Informations et relations (A)

• Tous les textes censés constituer des titres ne sont pas marqués comme tels d’un point de vue technique, et certains titres sont classés de manière illogique. WCAG 1.3.1 Informations et relations (A)

• Le site principal dispose d’une sélection d’onglets devant certains carrousels de produits qui peut être utilisée pour changer le type de produit sur ce même carrousel. Pour autant, la sélection n’est pas techniquement implémentée comme une structure d’onglets. WCAG 1.3.1 Informations et relations, WCAG 4.1.2 Nom, rôle, valeur

• Le curseur du clavier ne se déplace pas toujours au bon endroit sur le site Web, même si l’action effectuée par l’utilisateur l’exige. Par exemple, un clic sur le lien de l’icône des favoris peut ouvrir la fonction de connexion, mais l’attention de l’utilisateur reste concentrée sur l’élément de lien au lieu de se déplacer vers la fenêtre de connexion. De même, les boutons « Afficher plus » peuvent maintenir l’attention à un endroit aléatoire du site Web. Le lien « Retour vers le haut » situé dans le pied de page ne fait que faire défiler visuellement le site Web. WCAG 2.4.3 Ordre de priorité (A)

• Dans les listes de produits, les produits sont présentés sous forme de cartes cliquables dans lesquelles, entre autres, les couleurs disponibles s'affichent sous forme de vignettes. Lorsque vous pointez les photos avec la souris, la carte indique les tailles disponibles dans la couleur en question. Toutefois, les informations relatives à la taille ne s’affichent pas si l’utilisateur du clavier se concentre sur les photos. L’utilisateur d’un logiciel de lecture d’écran ne recevra pas non plus les informations relatives à la taille sous la forme d’une étiquette de photo. WCAG 1.3.1 Informations et relations(), WCAG 2.1.1 Clavier (A)

• Le site Web contient du texte peu contrasté et, par conséquent, de faible résolution. Le type de certains boutons de commande, comme la forme des champs de saisie, et l’état de divers sélecteurs peut avoir une mauvaise résolution en raison d’un faible contraste. WCAG 1.4.3 Contraste (minimum) (AA), 1.4.11 Contraste non textuel (AA)

• Certains des boutons de commande et des éléments cliquables ne mettent pas du tout en évidence le clavier ou il est difficile de le discerner en raison d’un mauvais contraste. WCAG 2.4.7 Mise au point visible (AA)

• La recherche de magasin comporte une carte intégrée qui présente des lacunes en matière d’accessibilité, en particulier pour un utilisateur faisant appel à des fonctionnalités d’assistance. Pour autant, les informations correspondantes sont également disponibles sous forme de texte sur le site Web. WCAG 4.1.2 Nom, rôle, valeur

• Certains textes ont été définis dans une taille absolue en pixels CSS, ce qui explique que les utilisateurs ne puissent pas modifier la taille du texte dans les paramètres du navigateur. WCAG 1.4.4 Redimensionner le texte (AA)