Déclaration d'accessibilité
Rubyy est conçu pour être utilisable par le plus grand nombre, quelle que soit la façon dont vous naviguez sur le web. Cette page décrit les fonctionnalités d'accessibilité que nous avons intégrées à rubyy.com, les limitations que nous connaissons et comment nous signaler ce qui ne fonctionne pas.
Objectif de conformité
Nous visons à respecter les Web Content Accessibility Guidelines (WCAG) 2.1 niveau AA. C'est le niveau auquel se réfère la plupart des juridictions pour les sites publics (la Directive accessibilité de l'UE, le PSBAR du UK, la mise à jour Section 508 aux US, la barre couramment citée de l'ADA). Nous testons par rapport au niveau AA à chaque version du site marketing ; certaines zones dépassent AA quand cela était facile à faire, et quelques lacunes connues n'atteignent pas ce niveau. Les deux listes figurent ci-dessous.
Le produit Rubyy complet (la plateforme elle-même) est en développement pré-lancement. Lorsque le produit sera lancé, nous publierons une déclaration d'accessibilité distincte couvrant le tableau de bord et les boutiques que nos clients construisent avec.
Ce que nous avons construit
- Navigation au clavier. Chaque contrôle interactif du site est accessible et activable avec Tab, Maj+Tab, Entrée, Espace et Échap. Le premier élément focalisable de chaque page est un lien Aller au contenu principal qui saute par-dessus l'en-tête.
- Indicateur de focus visible. Un contour de 2 pixels apparaît autour de tout élément ayant le focus clavier, en mode clair comme en mode sombre.
- Repères sémantiques. La page est structurée avec des régions
<header>,<main>,<nav>et<footer>afin que les technologies d'assistance puissent passer de l'une à l'autre. Les niveaux de titre sont logiques (un seul<h1>par page, pas de niveau sauté en dessous). - Formulaires. L'inscription à la liste de lancement et le formulaire de contact ont des étiquettes visibles, marquent les champs requis avec
aria-required, font apparaître les messages d'erreur liés au champ viaaria-describedby, basculentaria-invalidsur le champ fautif et annoncent l'état de soumission via une région live polie. Le bouton d'envoi est désactivé jusqu'à ce que vous focalisiez un champ, et le formulaire définitaria-busypendant la requête. - Carrousel. Le carrousel produits annonce les changements de diapositive via une région live polie, dispose de boutons précédent/suivant étiquetés, et la navigation par points lit « Aller à la diapositive N sur M » dans votre langue. La piste répond également au défilement natif par balayage ou flèches.
- Sélecteur de pays. Le sélecteur de pays de l'en-tête est un
<nav>étiqueté contenant des liens ; la langue active est marquée avecaria-current="true". Pour les pays multilingues (Belgique, Canada, Suisse, Finlande, Luxembourg), chaque langue est son propre lien focalisable. - Mouvement réduit. Si votre système d'exploitation a activé Réduire les animations (Accessibilité macOS / iOS, Paramètres Windows → Accessibilité → Effets visuels), nous désactivons l'animation de scintillement des gemmes, la dérive des séparateurs, le glissement de la bannière de cookies et la pulsation automatique du carrousel. Le site reste statique.
- Contraste. Le texte du corps et les actions principales respectent le contraste AA en mode clair comme en mode sombre. Les étiquettes en surtitre et les couleurs des liens basculent vers une nuance rubis plus claire en mode sombre afin de conserver leur contraste sur les cartes sombres.
- Texte alternatif. Chaque image significative du site (captures d'écran du produit, icônes d'audience, image de couverture OpenGraph) dispose d'un texte alternatif descriptif. Les gemmes décoratives et les lignes de séparation sont marquées
aria-hiddenafin que les lecteurs d'écran ne les annoncent pas. - Polices auto-hébergées. Pacifico et Poppins sont servies depuis la même origine que le reste du site, afin qu'elles se chargent même lorsque les CDN de polices tierces sont bloqués par les outils de confidentialité.
- Attribut de langue. L'attribut
langde la page correspond à la langue active, afin que les lecteurs d'écran prononcent le texte avec la bonne voix. Le sélecteur liste 41 paires pays/langue et mémorise votre choix pendant un an. - Bannière de cookies. La bannière est une région étiquetée, accessible via Tab depuis n'importe quel endroit de la page, et le lien Préférences cookies du pied de page la rouvre directement sur le panneau de paramètres par catégorie et y déplace le focus. Refuser ne prend qu'un clic sur la première bannière, aussi visible qu'Accepter.
- Compte à rebours. Les cellules de chiffres visibles se mettent à jour chaque seconde mais sont masquées des lecteurs d'écran ; un résumé hors écran est exposé à la place et mis à jour une fois par minute, afin que les technologies d'assistance ne lisent pas chaque tic.
- Messages d'état. Les erreurs et succès sont annoncés via des régions live
role="status", et non par la seule couleur.
Limitations connues
Nous sommes transparents sur les lacunes que nous n'avons pas encore comblées. Si l'une d'elles bloque votre utilisation du site, veuillez nous le dire.
- Relecture de la traduction maltaise en attente. La traduction maltaise (
mt) était une première ébauche qui n'a pas encore été relue par un locuteur natif. Si vous repérez une formulation maladroite, envoyez-nous un e-mail. - Islande et Luxembourg. Stripe Connect (que nous utilisons pour les paiements) ne localise pas en islandais ni en luxembourgeois, donc les visiteurs de ces pays reçoivent l'anglais (Islande) ou le français / l'allemand (Luxembourg). Dès que Stripe ajoutera ces langues, nous suivrons.
- Touches fléchées du carrousel. Le carrousel répond aux clics, taps et balayages, mais ne tourne pas actuellement via les touches fléchées du clavier lorsque le focus est dans la piste. Les boutons précédent/suivant couvrent entièrement la même fonctionnalité.
- Focus initial de la bannière de cookies. Lorsqu'un visiteur arrive pour la première fois sur le site, la bannière de cookies s'affiche en bas mais le focus reste sur le corps du document afin de ne pas interrompre la lecture. Pour l'atteindre au clavier, parcourez la page par Tab ; ou utilisez le lien Préférences cookies du pied de page, qui déplace le focus dans la bannière.
Navigateurs et technologies d'assistance
Nous testons le site sur :
- Chrome et Firefox sur Windows 11 et macOS Sonoma
- Safari 17 sur macOS Sonoma et iOS 17 / 18
- Microsoft Edge sur Windows 11
- VoiceOver sur macOS Sonoma et iOS, NVDA sur Windows, TalkBack sur Android
- Navigateurs basés sur Chromium en mode Contraste élevé de Windows
Les navigateurs et technologies d'assistance plus anciens peuvent afficher certaines parties du site différemment ; nous corrigerons les problèmes spécifiques que vous nous signalerez.
Comment signaler un obstacle
Si quelque chose sur cette page ne fonctionne pas avec votre technologie d'assistance, ou si vous trouvez un problème de contraste / clavier / lecteur d'écran que nous avons manqué, envoyez un e-mail à [email protected]. Veuillez inclure :
- L'URL de la page où vous avez rencontré le problème
- Ce que vous essayiez de faire
- La technologie d'assistance / le navigateur que vous utilisiez
- Ce qui s'est passé (et ce à quoi vous vous attendiez)
Nous accuserons réception de votre message sous deux jours ouvrables et vous indiquerons quand nous prévoyons de livrer un correctif.
Plaintes formelles
Si vous résidez dans l'UE et que nous ne parvenons pas à résoudre votre plainte, vous pouvez la transmettre à l'autorité de surveillance de l'accessibilité de votre État membre. Les visiteurs du UK peuvent s'adresser à l'Equality and Human Rights Commission. Les visiteurs US peuvent déposer une plainte auprès du Department of Justice au titre de l'ADA.
Modifications de cette déclaration
Nous mettrons à jour la date « Dernière mise à jour » ci-dessus chaque fois que nous livrerons des modifications pertinentes pour l'accessibilité. Les ajouts significatifs (une nouvelle fonctionnalité sur le site, une nouvelle langue, une correction d'une limitation documentée) seront également résumés ici.