A Magastábla vizuális rendszerét úgy építettük fel, hogy a travertin mészkő panelek, a sötét obszidián-palakék kártyák és a Zsolnay-türkiz fókuszkeretek egyszerre teremtsenek karakteres világot és tiszta, szemkímélő olvashatóságot.
01
Néma, megállítható nyitóvideó és állókép-tartalék
A kezdőlap felső részén látható nyitóvideó minden esetben hang nélkül (némítva) indul, így nem zavarja meg a képernyőolvasó szoftverek hangkimenetét. A videó jobb alsó sarkában elhelyezett vezérlőgombbal a lejátszás bármikor egyetlen kattintással vagy a Szóköz / Enter billentyűvel megállítható és újraindítható. Ha a készülékeden be van kapcsolva a mozgáscsökkentett megjelenítés (prefers-reduced-motion: reduce), a videó automatikusan nem indul el, és helyette a nagy felbontású, nyugodt nyitó állókép jelenik meg.
02
Teljes billentyűzetes irányítás és látható fókusz
Minden oldal legelső interaktív eleme az „Ugrás a fő tartalomra” gyorshivatkozás (.szv-skip-link), amely a Tab billentyű első lenyomásakor azonnal megjelenik a bal felső sarokban. Az összes navigációs link, mobilmenü-kapcsoló, kinyitható „Gyors áttekintés” részletblokk (<details>) és hivatalos játékhivatkozás elérhető egér nélkül is. A fókuszban lévő elemeket minden háttéren jól látható, 3 képpont vastag Zsolnay-türkiz (#5CE1D6) keret és sötét kontrasztperem emeli ki.
03
Nappali kontrasztarányok és olvasható tipográfia
A világos travertin mészkő paneleken sötét obszidián (#141C24), míg a sötét palakék játékkártyákon és a láblécben világos elefántcsont (#F7F2E7) és ezüstfehér (#DCE2E6) betűszínt alkalmazunk, meghaladva a WCAG 2.2 AA szintű 4,5:1-es (címeknél 3:1-es) kontrasztkövetelményt. A legkisebb szövegméret a teljes webhelyen szigorúan 12 képpont (0.75rem), az oldal pedig 200%-os böngészőnagyítás mellett is megtartja szerkezetét.
04
Képernyőolvasó-barát szemantika és képleírások
Minden oldal egyetlen főcímmel (<h1>) és logikus alcím-hierarchiával (<h2>, <h3>) rendelkezik. A kilenc bemutatott játék borítóképe és a Magastábla jelenetei részletes, magyar nyelvű helyettesítő szöveget (alt attribútumot) kaptak, míg a tisztán díszítő keretelemek (alt="") rejtve maradnak a felolvasók elől. A külső hivatalos oldalakra mutató gombok rejtett képernyőolvasó-kiegészítéssel jelzik, ha a hivatkozás új lapon nyílik meg.