Haukanlakan komentosilta · Esteettömyys ja käytettävyys

Saavutettavuusseloste

Yläilmakehän kirkkaudessa jokaisen kartan, suuntiman ja tietotaulun on erotuttava selkeästi. Tämä vapaaehtoinen saavutettavuusseloste kertoo, miten palvelu Myrskyhaukka on suunniteltu ja toteutettu toimimaan sujuvasti erilaisilla päätelaitteilla, näppäimistöllä ja avustavilla teknologioilla.

1. Vapaaehtoinen sitoumus ja lain soveltamisala

Laki digitaalisten palvelujen tarjoamisesta (306/2019)

Palvelua Myrskyhaukka ylläpitää [Toiminimi]. Sivusto on yksityinen ja riippumaton verkkojulkaisu, joka esittelee selaimessa pelattavia suurstrategia- ja komentopelejä. Koska kyseessä ei ole viranomainen, julkisoikeudellinen laitos eikä laki digitaalisten palvelujen tarjoamisesta (306/2019) velvoita tämänkaltaista toimituksellista tietosivustoa lakisääteiseen saavutettavuusselosteeseen, julkaisemme tämän selosteen vapaaehtoisesti.

Haluamme silti varmistaa, että jokainen strategiapeleistä kiinnostunut lukija pystyy tutustumaan peliesittelyihin, vertailutaulukoihin ja kunkin pelin perustietoihin ilman teknisiä esteitä. Seloste on tarkistettu ja päivitetty .

Haukkara leijumassa neljän läpikuultavan sudenkorennonsiiven varassa hohtava äänirautasauva kädessään.

WCAG 2.2 AA -taso

Suunnittelumme tavoitteena on täyttää Web Content Accessibility Guidelines (WCAG) 2.2 -ohjeistuksen AA-tason kriteerit kaikilla sivuilla.

Vahva kontrasti

Tumma vuolukivitausta, kirkas valkoinen teksti ja meripihkanväriset painikkeet ylittävät AA-tason kontrastivaatimukset (vähintään 4,5:1).

Täysi näppäimistökäyttö

Kaikki valikot, pelien lisätietolaatikot ja virallisten sivustojen linkit ovat käytettävissä pelkällä näppäimistöllä selkeän kohdistuskehyksen avulla.

Rauhallinen liike

Äänetön avausvideo on pysäytettävissä yhdellä painikkeella, ja vähennetyn liikkeen asetus vaihtaa sen automaattisesti pysäytyskuvaan.

2. Suunnittelutavoitteet ja visuaalinen luettavuus

Haukanlakan ulkoasu yhdistää kirkkaan yläilmakehän valon ja tumman karjalaisen vuolukiven rauhallisen lukupinnan. Olemme huomioineet luettavuuden ja saavutettavuuden seuraavilla ratkaisuilla:

  • Värikontrastit ja luettavuus kuvien päällä: Leipäteksti ja Pelin perustiedot -taulut lepäävät tummilla, tasaisilla vuolukivipaneeleilla, joissa tekstin ja taustan välinen kontrasti on korkea. Avausnäkymän otsikkotekstit erottuvat taustakuvasta vahvan ääriviivan ja monikerroksisen varjostuksen ansiosta. Meripihkanvärisissä komentopainikkeissa käytämme erittäin tummaa tekstiä, jotta kontrasti säilyy kirkkaana.
  • Tekstin koko ja skaalautuvuus: Sivuston pienin kirjasinkoko on 12 pikseliä (0,75 rem), jota käytetään vain täydentävissä alatunniste- ja metatiedoissa. Varsinainen leipäteksti ja otsikot skaalautuvat sujuvasti ruudun leveyden mukaan. Voit suurentaa tekstiä selaimen zoom-toiminnolla aina 200 prosenttiin saakka ilman, että teksti leikkautuu tai sisältö katoaa näkymästä.
  • Responsiivinen taitto (320 px – laajakulma): Sivusto mukautuu kapeasta puhelinnäytöstä suureen pöytänäyttöön ilman vaakasuuntaista vieritystarvetta tekstisisällössä. Rintamakartaston laajat vertailutaulukot on sijoitettu omaan kehykseensä, jota voi vierittää vaakasuunnassa kosketuksella tai näppäimistöllä kapeilla näytöillä.
  • Kosketus- ja osoitinalueet: Kaikki painikkeet, valikkolinkit ja avattavat lisätietoelementit täyttävät WCAG 2.2 -ohjeistuksen vähimmäiskoon (vähintään 24 × 24 CSS-pikseliä), ja pääpainikkeet ovat huomattavasti tätä suurempia virhepainallusten estämiseksi.

3. Avausvideo, animaatiot ja liikkeenhallinta

Etusivun komentosillalla esitettävä taustavideo on toteutettu siten, että se kunnioittaa lukijan keskittymistä ja laitteen asetuksia:

  • Äänetön ja häiriötön toisto: Etusivun video on täysin äänetön, eikä sivustolla ole automaattisesti käynnistyvää ääntä tai välkkyviä tehosteita.
  • Helppo pysäytyspainike: Avausnäkymän oikeassa alakulmassa on selkeästi nimetty pysäytys- ja toistopainike, jolla voit pysäyttää videon liikkeen milloin tahansa hiirellä, kosketuksella tai näppäimistöllä.
  • Automaattinen prefers-reduced-motion-tuki: Jos olet kytkenyt käyttöjärjestelmästäsi tai selaimestasi päälle vähennetyn liikkeen asetuksen (Vähennä liikettä / prefers-reduced-motion: reduce), sivusto ei käynnistä taustavideota lainkaan, vaan näyttää sen tilalla automaattisesti terävän, liikkumattoman pysäytyskuvan. Samalla kaikki sivuston leijunta- ja siirtymäanimaatiot sekä pehmeä vieritys kytkeytyvät pois päältä.

4. Näppäimistökäyttö, ruudunlukijat ja toiminta ilman JavaScriptiä

Sivuston lähdekoodi rakentuu semanttisesta HTML5-merkinnästä, joka tukee ruudunlukijoita ja näppäimistönavigointia suoraan ilman raskaita ulkoisia sovelluskehyksiä:

  • Hyppylinkki ja maamerkit: Jokaisen sivun ensimmäinen sarkaimella (Tab) kohdistettava elementti on Siirry pääsisältöön -linkki, jolla ohitat ylävalikon suoraan pääsisältöön. Sivut on jaettu selkeisiin HTML-maamerkkeihin (<header>, <nav>, <main>, <section>, <article> ja <footer>), ja jokaisella sivulla on täsmälleen yksi <h1>-pääotsikko sekä looginen otsikkohierarkia.
  • Näkyvä kohdistuskehys: Kun liikut sivulla sarkainnäppäimellä, aktiivisen linkin tai painikkeen ympärille piirtyy kirkas jäätikönsininen kohdistuskehys (#4CE8F7), joka erottuu selkeästi sekä tummalta vuolukiveltä että vaalealta taivaalta.
  • Tekstivastineet ja linkkien nimeäminen: Kaikilla sisältöä kantavilla kuvilla ja hahmoilla on kuvaileva suomenkielinen alt-tekstivastine. Puhtaasti koristeelliset kehykset ja taustakuvat on merkitty tyhjällä tekstivastineella (alt="") tai aria-hidden="true"-määritteellä, jotta ne eivät kuormita ruudunlukijaa. Jokainen pelilinkki kertoo suoraan kohdepelin nimen ja sen, että linkki johtaa pelin viralliselle sivustolle (esimerkiksi Avaa pelin OpenFront virallinen sivusto), ja sisältää ruudunlukijalle tiedon uuteen välilehteen avautuvasta ulkoisesta sivusta.
  • Täysi toimivuus ilman JavaScriptiä: Kaikki peliesittelyt, Pelin perustiedot -taulut (jotka käyttävät natiivia HTML <details>- ja <summary>-rakennetta), vertailutaulukot ja linkit toimivat täydellisesti myös silloin, kun JavaScript on poistettu käytöstä. Mobiilivalikko aukeaa näppäimistökohdistuksella myös ilman komentosarjoja.