Tillgänglighetsutlåtande
Rubyy är byggt för att kunna användas av så många människor som möjligt, oavsett hur de navigerar på webben. Den här sidan beskriver de tillgänglighetsfunktioner vi har byggt in i rubyy.com, de begränsningar vi känner till och hur du berättar för oss när något är trasigt.
Överensstämmelsemål
Vi siktar på att uppfylla Web Content Accessibility Guidelines (WCAG) 2.1 nivå AA. Det är den nivå som de flesta jurisdiktioner refererar till för offentliga webbplatser (EU:s webbtillgänglighetsdirektiv, Storbritanniens PSBAR, USA:s Section 508-uppdatering, ADA:s vanligt citerade mått). Vi testar mot AA vid varje release av marknadsföringssidan; vissa områden överträffar AA där det var enkelt att göra det, och ett fåtal kända luckor når inte upp. Båda listorna finns nedan.
Den fullständiga Rubyy-produkten (själva plattformen) är under utveckling inför lansering. När produkten lanseras kommer vi att publicera ett separat tillgänglighetsutlåtande för dashboarden och de butiker som våra kunder bygger med den.
Vad vi har byggt
- Tangentbordsnavigering. Varje interaktiv kontroll på webbplatsen kan nås och aktiveras med Tab, Shift+Tab, Enter, Space och Escape. Det första fokuserbara elementet på varje sida är en länk Hoppa till huvudinnehåll som hoppar förbi sidhuvudet.
- Synlig fokusindikator. En kontur på 2 pixlar visas runt alla element under tangentbordsfokus, i både ljust och mörkt läge.
- Semantiska landmärken. Sidan är strukturerad med regionerna
<header>,<main>,<nav>och<footer>så att hjälpmedel kan hoppa mellan dem. Rubriknivåer är logiska (en<h1>per sida, inga överhoppade nivåer under). - Formulär. Både anmälan till startlistan och kontaktformuläret har synliga etiketter, markerar obligatoriska fält med
aria-required, visar felmeddelanden kopplade till inmatningen viaaria-describedby, växlararia-invalidpå det aktuella fältet och meddelar inlämningsstatus genom en artig live-region. Skicka-knappen är inaktiverad tills du fokuserar ett fält, och formuläret sätteraria-busymedan förfrågan är på väg. - Karusell. Karusellen för utvalda produkter tillkännager bildändringar via en artig live-region, har märkta knappar för föregående/nästa, och punktnavigeringen läser ”Gå till bild N av M” på ditt språk. Spåret reagerar också på inbyggd svep- / pilrullning.
- Landväljare. Sidhuvudets landrullgardin är en märkt
<nav>med länkar; det aktiva språket markeras medaria-current="true". För flerspråkiga länder (Belgien, Kanada, Schweiz, Finland, Luxemburg) är varje språk en egen fokuserbar länk. - Begränsad rörelse. Om ditt operativsystem har Begränsa rörelse aktiverat (macOS / iOS Tillgänglighet, Windows Inställningar → Tillgänglighet → Visuella effekter) inaktiverar vi ädelstensglimmer-animationen, avdelarnas drift, cookiebanners glidning och karusellens auto-puls. Webbplatsen förblir statisk.
- Kontrast. Brödtext och primära åtgärder uppfyller AA-kontrast i både ljust och mörkt läge. Eyebrow-etiketter och länkfärger växlar till en ljusare rubin-nyans i mörkt läge så att de behåller kontrasten mot mörka kort.
- Alt-text. Varje meningsfull bild på webbplatsen (produktskärmbilder, målgruppsikoner, OpenGraph-omslaget) har beskrivande alternativtext. Dekorativa ädelstenar och avdelarlinjer är markerade med
aria-hiddenså att skärmläsare inte tillkännager dem. - Egenhostade typsnitt. Pacifico och Poppins serveras från samma ursprung som resten av webbplatsen, så de laddas även när tredjepartstypsnitts-CDN:er blockeras av integritetsverktyg.
- Språkattribut. Sidans
lang-attribut matchar det aktiva språket, så att skärmläsare uttalar texten med rätt röst. Väljaren listar 41 land/språk-par och kommer ihåg ditt val i ett år. - Cookiebanner. Bannern är en märkt region, kan nås via Tab var som helst på sidan, och länken Cookieinställningar i sidfoten öppnar den igen direkt i panelen med inställningar per kategori och flyttar fokus dit. Avvisa är ett klick på första-gångs-bannern, lika framträdande som Acceptera.
- Nedräkningstimer. De synliga sifferrutorna uppdateras varje sekund men döljs för skärmläsare; istället exponeras en sammanfattning utanför skärmen och uppdateras en gång per minut, så att hjälpmedel inte läser varje tick.
- Statusmeddelanden. Fel och framgångar tillkännages via live-regioner med
role="status", inte enbart genom färg.
Kända begränsningar
Vi är öppna om de luckor vi ännu inte har stängt. Om någon av dessa hindrar din användning av webbplatsen, vänligen berätta för oss.
- Maltesisk översättning väntar på granskning. Den maltesiska (
mt) översättningen var ett första utkast som ännu inte har granskats av en modersmålstalare. Om du upptäcker oklara formuleringar, vänligen mejla oss. - Island och Luxemburg. Stripe Connect (som vi använder för utbetalningar) lokaliserar inte för isländska eller luxemburgska, så besökare från dessa länder får engelska (Island) eller franska/tyska (Luxemburg). När Stripe lägger till dessa språk följer vi efter.
- Pilknappar för karusellen. Karusellen reagerar på klick, tryckningar och svep, men roterar för närvarande inte via tangentbordets pilknappar när fokus är inne i spåret. Knapparna för föregående/nästa täcker samma funktionalitet fullt ut.
- Fokus vid första renderingen av cookiebannern. När en förstagångsbesökare landar på webbplatsen renderas cookiebannern längst ner men fokus stannar på dokumentkroppen så att vi inte avbryter läsningen. För att nå den via tangentbord, tabba förbi sidan; eller använd sidfotslänken Cookieinställningar, som flyttar fokus in i bannern.
Webbläsare och hjälpmedel
Vi testar webbplatsen mot:
- Chrome och Firefox på Windows 11 och macOS Sonoma
- Safari 17 på macOS Sonoma och iOS 17/18
- Microsoft Edge på Windows 11
- VoiceOver på macOS Sonoma och iOS, NVDA på Windows, TalkBack på Android
- Chromium-baserade webbläsare i Windows högkontrastläge
Äldre webbläsare och hjälpmedel kan rendera delar av webbplatsen annorlunda; vi åtgärdar specifika problem som du rapporterar.
Så rapporterar du ett hinder
Om något på den här sidan inte fungerar med ditt hjälpmedel, eller om du hittar ett kontrast-/tangentbords-/skärmläsarproblem som vi har missat, mejla [email protected]. Inkludera gärna:
- Sidans URL där du stötte på problemet
- Vad du försökte göra
- Det hjälpmedel/den webbläsare du använde
- Vad som hände (och vad du förväntade dig istället)
Vi bekräftar ditt meddelande inom två arbetsdagar och berättar när vi förväntar oss att leverera en åtgärd.
Formella klagomål
Om du befinner dig i EU och vi inte kan lösa ditt klagomål kan du eskalera det till tillsynsmyndigheten för tillgänglighet i din medlemsstat. Besökare i Storbritannien kan vända sig till Equality and Human Rights Commission. Besökare i USA kan lämna in en anmälan till justitiedepartementet enligt ADA.
Ändringar av detta utlåtande
Vi uppdaterar datumet ”senast uppdaterad” ovan när vi gör tillgänglighetsrelevanta ändringar. Viktiga tillägg (en ny funktion på webbplatsen, ett nytt språk, en åtgärd av en dokumenterad begränsning) sammanfattas också här.