Aðgengi á CHI Tickets
CHI Tickets er hannað til að vera nothæft fyrir alla, þ.m.t. fólk sem reiðir sig á hjálpartækni. Í þessari grein er lýst þeim aðgengiseinkennum sem vettvangurinn hefur innbyggðan og hvernig nýta má þau sem best.
Lyklaborðsvafur
Alla hluta CHI Tickets-upplifunarinnar má stjórna eingöngu með lyklaborði, án músar eða snertifletis:
- Tab-takkinn — Færir fókusinn áfram milli virkra þátta (tengla, hnappa, formreita).
- Shift + Tab — Færir fókusinn afturábak milli virkra þátta.
- Enter eða bilsláin — Virkjar þann hnapp eða tengil sem er með fókusi.
- Örvaltakkarnir — Flakka innan um fellilista, valhnappahópa og önnur samsett stjórntæki.
- Escape — Lokar spjallgluggum og uppsprettugluggum.
Allt greiðsluferslið, frá vali á miðum til fullunninnar greiðslu, má ljúka aðeins með lyklaborði. Það felur í sér flakkingu í gegnum fjölþrepa greiðsluferlið (Miðar, Viðbætur, Sérspurningar, Hafaupplýsingar, Greiðsla og Staðfesting).
Fókusvísbendingar
Þegar flakkað er með lyklaborði birtist sjónræn fókusvísbending (yfirleitt rammi eða undirstrik) utan um virka hlutinn. Vísbendingin:
- Sýnir skýrt hvaða hlutur er valinn, svo þú vitir alltaf hvar þú ert á síðunni.
- Fylgir röklegri tab-röð sem passar við myndræna uppsetningu síðunnar (frá vinstri til hægri, ofan frá og niður).
- Er hönnuð til að uppfylla birtuskilakröfur WCAG 2.1, svo hún sé sýnileg hvort heldur bakgrunnurinn er ljós eða dökkur.
- Gildir um alla virka þætti, þ.m.t. hnappa, tengla, formreiti, fellilista og flipastýringar.
Stuðningur við skjálesara
CHI Tickets er byggt með merkingarfræðilegu HTML og ARIA-eigindum (Accessible Rich Internet Applications) til að tryggja samhæfni við vinsæla skjálesara, þar á meðal:
- VoiceOver (macOS og iOS)
- NVDA (Windows)
- TalkBack (Android)
- JAWS (Windows)
Mikilvægustu aðgengisútfærslurnar eru:
| Eiginleiki | Útfærsla |
|---|
| Uppbygging síðu | Rétt titlastigveldi (h1, h2, h3) svo skjálesarar geti flakkað eftir titlum |
| Formmerkingar | Öllum formreitum fylgja merkingar sem skjálesarar lesa upp þegar reiturinn fær fókus |
| Merkingar hnappa | Hnappar hafa lýsandi texta eða ARIA-merki sem miðla tilgangi þeirra |
| Alt-texti mynda | Viðburðamyndum fylgja aðgreindar textalýsingar |
| Breytileg svæði | Breytilegt efni (svo sem villuboð og birgðavarnir) er lesið upp af skjálesurum í gegnum ARIA live-svæði |
| Kennimerki svæða | Síðuhlutum er merkt með ARIA-kennimerkjum (leiðsögn, aðalinneign, síðufótur) til að auðvelda flakki |
ARIA-merki og hlutverk
CHI Tickets notar ARIA-eigindir mikið til að veita samhengi sem myndræn hönnun ein og sér getur ekki miðlað:
- aria-label — Veitir aðgengisnöfn fyrir þætti án sýnilegs textamerkis (t.d. táknmyndahnappar).
- aria-describedby — Tengir formreiti við hjálpartexta eða villuboð svo skjálesarar lesi bæði saman.
- aria-required — Gefur til kynna hvaða formreiti eru nauðsynlegir í greiðsluferslinu.
- aria-invalid — Merkir reiti sem innihalda sannvottunarvillur svo skjálesarar lesi út villuástandið.
- Hlutverkeigindir — Úthluta réttum hlutverkum á sérsniðna viðmótshluta (t.d.
role="tablist" fyrir flipana Komandi/Í gangi og role="alert" fyrir villuboð).
Sveigjanlegt skipulag
CHI Tickets notar fullkomlega sveigjanlegt skipulag sem aðlagast hverri skjástærð og sýnisstigi:
- Farsími, spjaldtölva og borðtölva — Viðmótið stillir skipulagið að skjánum svo notkunin gangi upp á öllum tækjum.
- Textaskölun — Efnið helst læsilegt og virkt þegar vafrastækkun fer yfir 200% eða meira.
- Snertivíddir — Hnappar og virkir þættir uppfylla lágmarksvídd snertifleta (að minnsta kosti 44x44 CSS-pixla) svo auðvelt sé að banka á þá.
- Endurréttun — Efnið stillir sér að sýnissvæðinu án lárétts skrununar á venjulegu stækkunarstigi.
Litur og birtuskil
- Birtuskil texta — Texti og virkir þættir uppfylla WCAG 2.1 AA birtuskilakröfur (að minnsta kosti 4.5:1 fyrir venjulegan texta og 3:1 fyrir stóra texta).
- Óháð lit einum — Upplýsingar berast aldrei einungis með lit. Uppseldir miðar sýna til dæmis bæði litarbreytingu og textamerkið „Uppselt".
- Birgðavarnir — Varnir um lítil birgðir koma bæði sem myndræn vísbending og lýsandi texti.
Dregin hreyfing
Notendum sem kjósa dregna hreyfingu (í gegnum prefers-reduced-motion stillingu stýrikerfisins) býður CHI Tickets:
- Dragið úr eða óvirk hreyifilmur og umskipti.
- Gengur úr skugga um að öll nauðsynleg virkni virki án hreyfitengdra samskipta.
Ráð fyrir bestu aðgengisupplifun
- Notaðu nútímavafra — Nýjustu útgáfurnar af Chrome, Firefox, Safari og Edge veita bestu aðgengisstuðninginn.
- Haltu skjálesaranum uppfærðum — Nýrri útgáfur bjóða betri stuðning við ARIA-eigindir og staðla veraldarvefsins.
- Virkjaðu lyklaborðsvafur — Í macOS ferðu í Kerfisstillingar > Lyklaborð og kveiktu á „Lyklaborðsstýring" til að flakka í gegnum alla stýritæki í Safari.
- Stillaðu stækkunina eftir þörfum — Notaðu innbyggða stækkun vafrans (Ctrl/Cmd + plús) til að stækka texta og viðmót.
- Tilkynndu vandamál — Ef þú rekst á aðgengishindranir á CHI Tickets skaltu hafa samband við CHI-stuðning. Ábendingar hjálpa til við að bæta vettvanginn fyrir alla notendur.
Ábending: Ef þú þarft hjálp við að kaupa miða eða hefur sérstakar kröfur um aðgengi að sjálfum viðburðinum (t.d. rúlstólsaðgangi eða táknmálstúlkun), hafðu beint samband við skipuleggjandann í gegnum viðburðasíðuna.