Declarație de Accesibilitate
Rubyy este construit pentru a fi utilizabil de cât mai mulți oameni, indiferent de modul în care navighează pe web. Această pagină descrie funcționalitățile de accesibilitate pe care le-am integrat în rubyy.com, limitările de care suntem conștienți și cum ne puteți spune când ceva nu funcționează.
Țintă de conformitate
Urmărim să respectăm Web Content Accessibility Guidelines (WCAG) 2.1 Nivel AA. Acesta este nivelul la care fac referire majoritatea jurisdicțiilor pentru site-urile cu acces public (Directiva UE privind accesibilitatea web, PSBAR din Regatul Unit, reactualizarea Secțiunii 508 din SUA, pragul citat în mod obișnuit în temeiul ADA). Testăm conformitatea AA la fiecare lansare a site-ului de marketing; unele zone depășesc AA acolo unde a fost simplu de realizat, iar câteva lacune cunoscute nu ating acest prag. Ambele liste sunt mai jos.
Produsul Rubyy complet (platforma în sine) se află în dezvoltare pre-lansare. Atunci când produsul va fi lansat, vom publica o declarație de accesibilitate separată care va acoperi tabloul de bord și magazinele pe care clienții noștri le construiesc cu ajutorul său.
Ce am construit
- Navigare cu tastatura. Fiecare control interactiv de pe site poate fi accesat și activat cu Tab, Shift+Tab, Enter, Space și Escape. Primul element care poate primi focus pe fiecare pagină este un link Sari la conținutul principal care trece peste antet.
- Indicator vizibil de focus. Un contur de 2 pixeli apare în jurul oricărui element aflat sub focusul tastaturii, atât în modul deschis, cât și în cel întunecat.
- Repere semantice. Pagina este structurată cu regiunile
<header>,<main>,<nav>și<footer>, astfel încât tehnologia de asistare să poată sări între ele. Nivelurile de titlu sunt logice (un singur<h1>per pagină, fără niveluri sărite dedesubt). - Formulare. Atât înscrierea la lista de lansare, cât și formularul de contact au etichete vizibile, marchează câmpurile obligatorii cu
aria-required, afișează mesajele de eroare legate de input prinaria-describedby, comutăaria-invalidpe câmpul problematic și anunță starea de trimitere printr-o regiune live politicoasă. Butonul de trimitere este dezactivat până când focusați un câmp, iar formularul seteazăaria-busype durata cererii în derulare. - Carusel. Caruselul cu produse anunță schimbările de diapozitiv printr-o regiune live politicoasă, are butoane etichetate pentru anterior / următor, iar navigarea cu puncte citește „Mergi la diapozitivul N din M" în limba dumneavoastră. Traseul răspunde și la swipe nativ / derulare cu săgeți.
- Selector de țară. Lista derulantă de țări din antet este o
<nav>etichetată cu linkuri; limba activă este marcată cuaria-current="true". Pentru țările multilingve (Belgia, Canada, Elveția, Finlanda, Luxemburg), fiecare limbă este propriul său link focusabil. - Mișcare redusă. Dacă sistemul dumneavoastră de operare are activată opțiunea „Reduce Motion" (Accesibilitate macOS / iOS, Windows Settings → Accessibility → Visual effects), dezactivăm animația sclipirii pietrelor prețioase, derularea separatoarelor, glisarea banner-ului de cookie-uri și pulsarea automată a caruselului. Site-ul rămâne static.
- Contrast. Textul de bază și acțiunile principale ating contrastul AA atât în modul deschis, cât și în cel întunecat. Etichetele eyebrow și culorile linkurilor trec la o nuanță de rubin mai deschisă în modul întunecat, astfel încât să își păstreze contrastul pe carduri întunecate.
- Text alternativ. Fiecare imagine semnificativă de pe site (capturi de ecran ale produsului, pictograme de public, coperta OpenGraph) are un text alternativ descriptiv. Pietrele prețioase decorative și liniile separatoare sunt marcate
aria-hidden, astfel încât cititoarele de ecran să nu le anunțe. - Fonturi găzduite local. Pacifico și Poppins sunt servite de pe aceeași origine ca restul site-ului, astfel încât să se încarce chiar și atunci când CDN-urile de fonturi terțe sunt blocate de instrumente de confidențialitate.
- Atribut de limbă. Atributul
langal paginii corespunde limbii active, astfel încât cititoarele de ecran să pronunțe textul cu vocea potrivită. Selectorul listează 41 de perechi țară / limbă și reține alegerea dumneavoastră timp de un an. - Banner de cookie-uri. Banner-ul este o regiune etichetată, poate fi accesat prin Tab de oriunde din pagină, iar linkul Preferințe cookie-uri din subsol îl redeschide direct în panoul de setări per categorie și mută focusul acolo. Respingerea se face cu un singur clic pe banner-ul afișat la prima vizită, la fel de proeminent ca Accept.
- Cronometru de numărătoare inversă. Celulele de cifre vizibile se actualizează în fiecare secundă, dar sunt ascunse cititoarelor de ecran; în schimb, este expus un rezumat off-screen care se actualizează o dată pe minut, astfel încât tehnologia de asistare să nu citească fiecare tic.
- Mesaje de stare. Erorile și reușitele sunt anunțate prin regiuni live
role="status", nu doar prin culoare.
Limitări cunoscute
Suntem deschiși în privința lacunelor pe care nu le-am închis încă. Dacă vreuna dintre acestea vă blochează utilizarea site-ului, vă rugăm să ne spuneți.
- Revizuirea traducerii în malteză în așteptare. Traducerea în malteză (
mt) a fost o ciornă inițială care nu a fost încă revizuită de un vorbitor nativ. Dacă observați formulări stângace, vă rugăm să ne scrieți. - Islanda și Luxemburg. Stripe Connect (pe care îl folosim pentru plățile către organizatori) nu se localizează în islandeză sau luxemburgheză, așa că vizitatorii din aceste țări primesc engleza (Islanda) sau franceza / germana (Luxemburg). Odată ce Stripe va adăuga aceste limbi, le vom prelua.
- Tastele săgeată ale caruselului. Caruselul răspunde la clicuri, atingeri și swipe-uri, dar în prezent nu se rotește prin tastele săgeată atunci când focusul se află în interiorul traseului. Butoanele Anterior / Următor acoperă integral aceeași funcționalitate.
- Focusul banner-ului de cookie-uri la prima afișare. Atunci când un vizitator pentru prima dată ajunge pe site, banner-ul de cookie-uri este afișat în partea de jos, dar focusul rămâne pe corpul documentului, pentru a nu întrerupe lectura. Pentru a-l accesa cu tastatura, parcurgeți pagina cu Tab; sau folosiți linkul Preferințe cookie-uri din subsol, care mută focusul în banner.
Browsere și tehnologii de asistare
Testăm site-ul cu:
- Chrome și Firefox pe Windows 11 și macOS Sonoma
- Safari 17 pe macOS Sonoma și iOS 17 / 18
- Microsoft Edge pe Windows 11
- VoiceOver pe macOS Sonoma și iOS, NVDA pe Windows, TalkBack pe Android
- Browsere bazate pe Chromium în modul Windows High Contrast
Browserele și tehnologiile de asistare mai vechi pot reda părți ale site-ului diferit; vom remedia problemele specifice pe care le raportați.
Cum să raportați o barieră
Dacă ceva de pe această pagină nu funcționează cu tehnologia dumneavoastră de asistare sau dacă găsiți o problemă de contrast / tastatură / cititor de ecran pe care am ratat-o, scrieți la [email protected]. Vă rugăm să includeți:
- URL-ul paginii unde ați întâmpinat problema
- Ce încercați să faceți
- Tehnologia de asistare / browserul pe care îl foloseați
- Ce s-a întâmplat (și ce v-ați așteptat să se întâmple în schimb)
Vom confirma mesajul dumneavoastră în termen de două zile lucrătoare și vă vom comunica când estimăm să livrăm o remediere.
Reclamații formale
Dacă vă aflați în UE și nu reușim să rezolvăm reclamația dumneavoastră, o puteți escalada către autoritatea de supraveghere pentru accesibilitate din statul dumneavoastră membru. Vizitatorii din Regatul Unit se pot adresa Equality and Human Rights Commission. Vizitatorii din SUA pot depune o plângere la Departamentul de Justiție în temeiul ADA.
Modificări ale acestei declarații
Vom actualiza data „ultimei actualizări" de mai sus ori de câte ori livrăm modificări relevante pentru accesibilitate. Adăugirile semnificative (o funcționalitate nouă pe site, o limbă nouă, o remediere a unei limitări documentate) vor fi, de asemenea, rezumate aici.