Déclaration d'accessibilité
Rubyy est conçu pour être utilisable par le plus grand nombre, peu importe la façon dont vous naviguez sur le web. Cette page décrit les fonctionnalités d'accessibilité intégrées à rubyy.com, les limites dont nous sommes conscients et la façon de nous signaler les problèmes.
Cible de conformité
Nous visons à respecter les Règles pour l'accessibilité des contenus Web (WCAG) 2.1 niveau AA. Il s'agit du niveau auquel la plupart des territoires renvoient pour les sites accessibles au public (la directive sur l'accessibilité du Web de l'UE, le PSBAR du Royaume-Uni, la réforme de la Section 508 des États-Unis, la barre couramment citée de l'ADA). Nous testons par rapport à AA à chaque déploiement du site marketing; certaines zones dépassent AA lorsque cela était facile, et quelques écarts connus restent en deçà. 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 y créent.
Ce que nous avons construit
- Navigation au clavier. Chaque commande interactive du site peut être atteinte et activée avec Tab, Maj+Tab, Entrée, Espace et Échap. Le premier élément focusable 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 sauter de l'une à l'autre. Les niveaux de titre sont logiques (un<h1>par page, aucun niveau sauté en dessous). - Formulaires. L'inscription à la liste de lancement et le formulaire de contact ont des étiquettes visibles, marquent les champs obligatoires avec
aria-required, exposent les messages d'erreur liés à l'entrée viaaria-describedby, basculentaria-invalidsur le champ fautif et annoncent l'état de soumission au moyen d'une région en direct polie. Le bouton de soumission est désactivé jusqu'à ce que vous mettiez le focus sur un champ, et le formulaire définitaria-busypendant que la requête est en cours. - Carrousel. Le carrousel de produits vedettes annonce les changements de diapositive via une région en direct polie, possède des boutons précédent / suivant étiquetés, et la navigation par points lit « Aller à la diapositive N sur M » dans votre langue. Le rail répond aussi au défilement natif par balayage ou par flèches.
- Sélecteur de pays. Le menu déroulant de pays de l'en-tête est un
<nav>étiqueté de liens; la langue active est marquée avecaria-current="true". Pour les pays multilingues (Belgique, Canada, Suisse, Finlande, Luxembourg), chaque langue est un lien focusable distinct. - Mouvement réduit. Si votre système d'exploitation a l'option Réduire le mouvement activée (macOS / iOS Accessibilité, Windows Paramètres → Accessibilité → Effets visuels), nous désactivons l'animation de scintillement de la gemme, la dérive du séparateur, le glissement de la bannière de témoins et l'auto-pulsation du carrousel. Le site reste statique.
- Contraste. Le texte du corps et les actions principales passent le contraste AA en modes clair et sombre. Les étiquettes en bandeau et les couleurs de liens basculent vers une teinte rubis plus claire en mode sombre afin de conserver le contraste sur les cartes foncées.
- Texte de remplacement. Chaque image significative du site (captures d'écran du produit, icônes d'auditoire, image de couverture OpenGraph) possède 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, elles se chargent donc même lorsque les CDN de polices tiers sont bloqués par des 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 répertorie 41 paires pays / langue et mémorise votre choix pendant un an. - Bannière de témoins. La bannière est une région étiquetée, accessible par Tab depuis n'importe où sur la page, et le lien Préférences de témoins dans le pied de page la rouvre directement sur le panneau de paramètres par catégorie et y déplace le focus. « Refuser » se fait en un clic sur la bannière initiale, avec la même importance qu'« Accepter ».
- Compte à rebours. Les cellules de chiffres visibles se mettent à jour chaque seconde, mais sont masquées aux lecteurs d'écran; un résumé hors écran est exposé à la place et mis à jour une fois par minute, de sorte que les technologies d'assistance ne lisent pas chaque tic.
- Messages d'état. Les erreurs et les succès sont annoncés via des régions en direct
role="status", et non par la couleur seule.
Limites connues
Nous sommes transparents sur les écarts que nous n'avons pas encore comblés. Si l'un d'eux vous empêche d'utiliser le site, veuillez nous en faire part.
- Révision de la traduction maltaise en attente. La traduction maltaise (
mt) était une ébauche initiale qui n'a pas encore été révisée par un locuteur natif. Si vous repérez des tournures maladroites, écrivez-nous. - Islande et Luxembourg. Stripe Connect (que nous utilisons pour les versements) ne se localise pas pour l'islandais ni le luxembourgeois, les visiteurs de ces pays sont donc servis en anglais (Islande) ou en français / allemand (Luxembourg). Dès que Stripe ajoutera ces langues, nous suivrons.
- Touches fléchées du carrousel. Le carrousel répond aux clics, aux pressions et aux balayages, mais ne tourne pas actuellement via les touches fléchées du clavier lorsque le focus se trouve à l'intérieur du rail. Les boutons précédent / suivant couvrent entièrement la même fonctionnalité.
- Focus initial de la bannière de témoins. Lorsqu'un visiteur arrive pour la première fois sur le site, la bannière de témoins est rendue en bas, mais le focus reste sur le corps du document afin de ne pas interrompre la lecture. Pour l'atteindre au clavier, tabulez au-delà de la page, ou utilisez le lien Préférences de témoins du pied de page, qui déplace le focus dans la bannière.
Navigateurs et technologies d'assistance
Nous testons le site avec :
- 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 rendre certaines parties du site différemment; nous corrigerons les problèmes précis 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, de clavier ou de lecteur d'écran que nous avons manqué, écrivez à [email protected]. Veuillez inclure :
- L'URL de la page où vous avez rencontré le problème
- Ce que vous tentiez 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 dans les deux jours ouvrables et vous indiquerons à quel moment nous prévoyons 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 Royaume-Uni peuvent s'adresser à la Equality and Human Rights Commission. Les visiteurs des États-Unis peuvent déposer une plainte auprès du Département de la Justice en vertu 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 changements relatifs à l'accessibilité. Les ajouts importants (une nouvelle fonctionnalité sur le site, une nouvelle langue, un correctif à une limite documentée) seront aussi résumés ici.