Saavutettavuusseloste
Rubyy on rakennettu mahdollisimman monen ihmisen käytettäväksi siitä riippumatta, miten verkkoa selataan. Tämä sivu kuvaa rubyy.com-sivustoon rakennetut saavutettavuusominaisuudet, tunnetut rajoitukset ja sen, kuinka voit kertoa meille, jos jokin ei toimi.
Yhdenmukaisuustavoite
Pyrimme täyttämään Web Content Accessibility Guidelines (WCAG) 2.1 -tason AA. Tähän tasoon viittaavat useimmat lainkäyttöalueet julkisten verkkosivustojen osalta (EU:n verkkosaavutettavuusdirektiivi, Yhdistyneen kuningaskunnan PSBAR, Yhdysvaltojen Section 508 -uudistus, ADA-lain yleisesti viitattu taso). Testaamme markkinointisivuston jokaisen julkaisun AA-tasoa vasten; joillakin osa-alueilla ylitämme AA:n, kun se on ollut helppoa, ja muutama tunnettu puute jää tason alapuolelle. Molemmat listat ovat alla.
Rubyyn täysi tuote (itse alusta) on lanseerausta edeltävässä kehitysvaiheessa. Kun tuote julkaistaan, julkaisemme erillisen saavutettavuusselosteen, joka kattaa hallintapaneelin ja asiakkaidemme sillä rakentamat myymälät.
Mitä olemme rakentaneet
- Näppäimistöllä navigointi. Jokainen sivuston interaktiivinen ohjain on tavoitettavissa ja aktivoitavissa Tab-, Shift+Tab-, Enter-, Space- ja Esc-näppäimillä. Jokaisen sivun ensimmäinen kohdistettava elementti on Siirry pääsisältöön -linkki, joka ohittaa otsikkopalkin.
- Näkyvä kohdistusilmaisin. 2 pikselin reunaviiva ilmestyy minkä tahansa näppäimistökohdistuksessa olevan elementin ympärille sekä vaaleassa että tummassa tilassa.
- Semanttiset maamerkit. Sivu on jäsennetty
<header>-,<main>-,<nav>- ja<footer>-alueilla, jotta avustava tekniikka voi siirtyä niiden välillä. Otsikkotasot ovat loogisia (yksi<h1>sivua kohti, ilman ohitettuja alemman tason otsikoita). - Lomakkeet. Sekä julkaisulistan tilauslomakkeella että yhteydenottolomakkeella on näkyvät otsikot, ne merkitsevät pakolliset kentät
aria-required-attribuutilla, näyttävät virheilmoitukset syötteeseenaria-describedby-kautta, vaihtelevataria-invalid-tilaa virheellisellä kentällä ja ilmoittavat lähetyksen tilan kohteliaan live-alueen kautta. Lähetyspainike on poissa käytöstä, kunnes kohdistat kentän, ja lomake asettaaaria-busy-tilan pyynnön ollessa kesken. - Karuselli. Esiteltyjen tuotteiden karuselli ilmoittaa diojen vaihtumisesta kohteliaan live-alueen kautta, sillä on selitteen omaavat edellinen- ja seuraava-painikkeet, ja pistenavigointi lukee "Siirry diaan N/M" valitsemallasi kielellä. Rata reagoi myös natiiviin pyyhkäisyyn ja nuolinäppäimien vieritykseen.
- Maavalitsin. Otsikkopalkin maavalintapudotusvalikko on selitteen omaava linkkien
<nav>; aktiivinen kieli merkitäänaria-current="true"-attribuutilla. Monikielisissä maissa (Belgia, Kanada, Sveitsi, Suomi, Luxemburg) jokainen kieli on oma kohdistettava linkkinsä. - Vähennetty liike. Jos käyttöjärjestelmässäsi on Vähennä liikettä -asetus käytössä (macOS / iOS Saavutettavuus, Windows Asetukset → Saavutettavuus → Visuaaliset tehosteet), poistamme käytöstä jalokivien kimaltelun, jakajien liikkeen, evästebannerin liu'utuksen ja karusellin automaattisen sykkeen. Sivusto pysyy paikallaan.
- Kontrasti. Leipäteksti ja ensisijaiset toiminnot ylittävät AA-kontrastin sekä vaaleassa että tummassa tilassa. Eyebrow-tekstit ja linkkien värit vaihtuvat kevyemmäksi rubiinin sävyksi tummassa tilassa, jotta ne säilyttävät kontrastin tummia kortteja vasten.
- Vaihtoehtoiset tekstit. Jokaisella sivuston merkityksellisellä kuvalla (tuotekuvankaappaukset, yleisökuvakkeet, OpenGraph-kansikuva) on kuvaileva vaihtoehtoinen teksti. Koristeelliset jalokivet ja jakajaviivat on merkitty
aria-hidden-attribuutilla, jotta ruudunlukijat eivät lue niitä. - Itse isännöidyt fontit. Pacifico ja Poppins palvellaan samasta lähteestä kuin muu sivusto, joten ne latautuvat, vaikka kolmansien osapuolten fonttipalvelut olisi estetty yksityisyydensuojatyökaluilla.
- Kieliattribuutti. Sivun
lang-attribuutti vastaa aktiivista kieltä, joten ruudunlukijat lukevat tekstin oikealla äänellä. Valitsin listaa 41 maa- ja kielipariytä ja muistaa valintasi yhden vuoden ajan. - Evästebanneri. Banneri on selitteen omaava alue, se on tavoitettavissa Tab-näppäimellä mistä tahansa sivulta, ja alatunnisteen Evästeasetukset-linkki avaa sen uudelleen suoraan luokkakohtaisten asetusten paneeliin ja siirtää kohdistuksen sinne. Ensimmäisellä kerralla bannerissa Hylkää on yhden napsautuksen päässä ja yhtä näkyvä kuin Hyväksy.
- Lähtölaskenta-ajastin. Näkyvät numeroruudut päivittyvät joka sekunti, mutta ne piilotetaan ruudunlukijoilta; sen sijaan tarjotaan näytön ulkopuolinen yhteenveto, joka päivitetään kerran minuutissa, jotta avustava tekniikka ei lue jokaista nakutusta.
- Tilailmoitukset. Virhe- ja onnistumisilmoitukset ilmoitetaan
role="status"-live-alueiden kautta, ei pelkän värin avulla.
Tunnetut rajoitukset
Olemme avoimia sulkematta jääneistä puutteista. Jos jokin näistä estää sivuston käyttösi, kerro meille.
- Maltan kielen tarkistus kesken. Maltan (
mt) käännös oli alustava luonnos, jota natiivipuhuja ei ole vielä tarkistanut. Jos huomaat kömpelöä ilmaisua, lähetä meille sähköpostia. - Islanti ja Luxemburg. Stripe Connect (jota käytämme maksuihin) ei lokalisoidu islanniksi tai luxemburgiksi, joten näistä maista tulevia vierailijoita palvellaan englanniksi (Islanti) tai ranskaksi/saksaksi (Luxemburg). Kun Stripe lisää nämä kielet, seuraamme perässä.
- Karusellin nuolinäppäimet. Karuselli reagoi napsautuksiin, kosketuksiin ja pyyhkäisyihin, mutta se ei tällä hetkellä kierrä näppäimistön nuolinäppäimillä, kun kohdistus on radan sisällä. Edellinen-/seuraava-painikkeet kattavat saman toiminnallisuuden.
- Evästebannerin ensimäisen latauksen kohdistus. Kun ensimmäistä kertaa sivustolle saapuva vierailija laskeutuu sivustolle, evästebanneri näytetään alalaidassa, mutta kohdistus jää asiakirjan runkoon, jotta emme keskeytä lukemista. Tavoita se näppäimistöllä siirtymällä sivun läpi tabilla, tai käytä alatunnisteen Evästeasetukset-linkkiä, joka siirtää kohdistuksen banneriin.
Selaimet ja avustavat teknologiat
Testaamme sivuston seuraavia vastaan:
- Chrome ja Firefox Windows 11:ssä ja macOS Sonomassa
- Safari 17 macOS Sonomassa ja iOS 17/18:ssa
- Microsoft Edge Windows 11:ssä
- VoiceOver macOS Sonomassa ja iOS:ssä, NVDA Windowsissa, TalkBack Androidissa
- Chromium-pohjaiset selaimet Windowsin High Contrast -tilassa
Vanhemmat selaimet ja avustavat teknologiat voivat näyttää osan sivustosta eri tavalla; korjaamme ilmoittamiasi yksittäisiä ongelmia.
Miten ilmoittaa esteestä
Jos jokin tällä sivulla ei toimi avustavalla tekniikallasi tai löydät kontrasti-, näppäimistö- tai ruudunlukijaongelman, jonka olemme jättäneet huomiotta, lähetä sähköpostia osoitteeseen [email protected]. Sisällytä viestiin:
- Sen sivun URL, jolla törmäsit ongelmaan
- Mitä yritit tehdä
- Käyttämäsi avustava tekniikka / selain
- Mitä tapahtui (ja mitä odotit sen sijaan)
Kuittaamme viestisi kahden arkipäivän kuluessa ja kerromme, milloin odotamme korjauksen julkaisua.
Viralliset valitukset
Jos sijaitset EU:ssa ja emme onnistu ratkaisemaan valitustasi, voit eskaloida sen saavutettavuudesta vastaavalle valvontaviranomaiselle omassa jäsenvaltiossasi. Yhdistyneen kuningaskunnan vierailijat voivat kääntyä Equality and Human Rights Commissionin puoleen. Yhdysvaltojen vierailijat voivat tehdä valituksen oikeusministeriölle ADA-lain nojalla.
Tämän selosteen muutokset
Päivitämme yllä olevan "viimeksi päivitetty" -päivämäärän aina, kun julkaisemme saavutettavuuteen liittyviä muutoksia. Merkittävät lisäykset (uusi ominaisuus sivustolle, uusi kieli, dokumentoidun rajoituksen korjaus) tiivistetään myös tänne.