Sivellinsaaren rantaverstaat on rakennettu selkeiksi, rauhallisiksi ja esteettömiksi lukupöydiksi. Vaikka laki digitaalisten palvelujen tarjoamisesta (306/2019) ei velvoita tätä yksityistä verkkojulkaisua, suunnittelemme ja ylläpidämme opassivustoamme vapaaehtoisesti WCAG 2.2 -ohjeistuksen AA-tason mukaisesti.
Yksityinen ja riippumaton peliopas, joka noudattaa oma-aloitteisesti WCAG 2.2 -standardin AA-kriteerejä.
Typografia ja värit
Vahva tekstikontrasti
Atkinson Hyperlegible -leipäteksti ja tumma sumi-muste (#16151C) lämpimällä pohjalla ylittävät AA-kontrastivaatimukset.
Näppäimistökäyttö
Selkeä kohdistusrengas
Kaikki linkit, valikot ja tietolaatikot toimivat näppäimistöllä ja ilman JavaScriptiä näkyvällä koboltinsinisellä kehyksellä.
Liikkeen hallinta
Äänetön ja pysäytettävä
Etusivun avausvideo on täysin äänetön, pysäytettävissä painikkeella ja korvautuu automaattisesti pysäytyskuvalla, kun vähennetty liike on valittuna.
1. Oikeudellinen asema ja suunnittelutavoite
Laki digitaalisten palvelujen tarjoamisesta (306/2019) ja vapaaehtoinen WCAG 2.2 AA -tavoite
Sivustoa Sivellinsaari (sivellinsaari.com) ylläpitää yksityinen julkaisija [Toiminimi]. Palvelu on riippumaton suomenkielinen verkko-opas, joka esittelee selaimessa pelattavia piirustus-, luovuus- ja hiekkalaatikkopelejä.
Koska [Toiminimi] ei ole viranomainen, julkisoikeudellinen laitos eikä laissa tarkoitettu säännelty yksityisen sektorin toimija, laki digitaalisten palvelujen tarjoamisesta (306/2019) ei velvoita tätä sivustoa. Pidämme kuitenkin tärkeänä, että jokainen lukija voi tutustua työpajojen kuvauksiin, Pelin perustiedot -taulukoihin ja virallisiin sivustolinkkeihin yhdenvertaisesti. Siksi olemme laatineet tämän vapaaehtoisen saavutettavuusselosteen ja sitoutuneet noudattamaan Web Content Accessibility Guidelines (WCAG) 2.2 -suosituksen AA-tasoa kaikessa suunnittelussa ja teknisessä toteutuksessa.
Palvelun julkaisija
[Toiminimi] ([Kaupparekisteri, Y-tunnus ja kotipaikka; ALV-tunniste, jos yritys on arvonlisäverovelvollinen])
Sovellettava ohjeistus
W3C WCAG 2.2, taso AA (vapaaehtoinen noudattaminen)
Selosteen tarkistuspäivä
2. Käytännön toteutus ateljeessa
Sivustolla toteutetut saavutettavuusominaisuudet
Saaria Välkkeen piirtämät ääriviivat ja Sivelor Kouran kalliouunit on sovitettu verkkosivustoksi siten, että visuaalinen maailma ei milloinkaan heikennä luettavuutta tai hallittavuutta:
Näppäimistökäyttö ja hyppylinkki: Koko sivusto on käytettävissä pelkällä näppäimistöllä (Tab, Shift + Tab, Enter ja Space). Jokaisen sivun alussa on ”Siirry suoraan sisältöön” -hyppylinkki, joka tuo kohdistuksen suoraan pääsisältöön ohi navigointipalkin.
Näkyvä kohdistusrengas (Focus Ring): Jokainen vuorovaikutteinen elementti – linkki, painike, mobiilivalikko ja avattava Lähde ja ikäsuositus -tietolaatikko – saa näppäimistökohdistuksessa selkeän, 3 pikselin vahvuisen koboltinsinisen reunuksen (#164C8F), joka erottuu selvästi pergamentti- ja kankaankuvioisista taustoista.
Vahva tekstikontrasti ja luettava typografia: Leipätekstinä käytetään heikkonäköisille suunniteltua Atkinson Hyperlegible -kirjasinta ja otsikoissa selkeää Hepta Slab -kirjasinta. Tumma hiilimuste (#16151C ja #25232C) lämpimällä puuvillapaperipohjalla (#F3EDE0 ja #F8F4EA) tarjoaa yli 11:1 kontrastisuhteen. Kuvapintojen päällä olevat otsikot on suojattu vaalealla pergamenttitaustalla ja kerrostetulla varjostuksella.
Riittävät kosketus- ja napsautusalueet: Kaikki painikkeet, navigointilinkit ja laajennusotsikot täyttävät ja ylittävät WCAG 2.2 AA -tason 24×24 CSS-pikselin vähimmäiskoon, jotta niiden valitseminen on vaivatonta sekä kosketusnäytöllä että hiirellä.
Semanttinen HTML ja toimivuus ilman JavaScriptiä: Sivut rakentuvat loogisesta otsikkohierarkiasta (yksi h1-pääotsikko sivua kohden, jota seuraavat h2- ja h3-alaotsikot), maamerkkialueista (header, nav, main, footer) sekä natiiveista <details>-elementeistä. Kaikki tekstit, Pelin perustiedot ja linkit toimivat täydellisesti myös silloin, kun JavaScript on poistettu käytöstä.
Kuvailevat vaihtoehtoiset tekstit ja linkkinimet: Jokaisella pelikortin kansikuvalla ja maisemakuvalla on suomenkielinen alt-kuvaus, kun taas puhtaasti koristeelliset messinkikulmat ja kehykset on merkitty ruudunlukijoille ohitettaviksi (alt="" tai aria-hidden="true"). Jokainen pelilinkki kertoo suoraan kohteensa (esimerkiksi ”Pelin skribbl.io virallinen sivusto”) ja sisältää ruudunlukijahuomautuksen ulkoisesta sivustosta.
3. Liike, animaatiot ja avausvideo
Äänetön avausvideo, pysäytyspainike ja vähennetyn liikkeen tuki
Etusivun messinkikehyksessä esitettävä lyhyt tunnelmavideo on suunniteltu niin, ettei se häiritse keskittymistä tai kuormita laitetta:
Täysin äänetön toisto
Avausvideossa ei ole ääniraitaa eikä äkillisiä välähdyksiä. Se ei koskaan käynnistä ääntä selaimessasi.
Pysäytys- ja toistopainike
Avausnäyttämön oikeassa kulmassa on selkeä näppäimistöllä ja hiirellä toimiva painike, jolla videon voi pysäyttää ja käynnistää milloin tahansa.
Jos käyttöjärjestelmässäsi tai selaimessasi on käytössä vähennä liikettä -asetus (prefers-reduced-motion: reduce), sivusto ei lataa eikä toista videota lainkaan, vaan näyttää sen tilalla automaattisesti terävän, liikkumattoman maalauksen. Samalla kaikki sivuston vieritys- ja siirtymäanimaatiot kytkeytyvät pois päältä.
4. Palaute ja yhteydenotto
Huomasitko saavutettavuuspuutteen? Kerro siitä meille
Kehitämme Sivellinsaaren saavutettavuutta jatkuvasti. Jos havaitset sivustollamme esteen, puuttuvan tekstivastineen, näppäimistöongelman tai muun kohdan, joka vaikeuttaa oppaan lukemista ruudunlukijalla tai apuvälineellä, otamme palautteesi mielellämme vastaan.
Sähköposti saavutettavuuspalautteelle
[Sähköpostiosoite]
Puhelin
[Puhelinnumero]
Postiosoite
[Toiminimi], [Maantieteellinen osoite]
Kuvaile viestissäsi mahdollisimman tarkasti, millä sivulla ongelma esiintyi sekä mitä selainta tai apuvälinettä käytit. Pyrimme vastaamaan kaikkiin palautteisiin viipymättä ja korjaamaan havaitut puutteet suoraan ateljeemme koodiin.
