13. Luukku
Lucian päivän luukusta löytyy tehtävä: Jos käytät hiirtä navigoidessasi, testaa tällä kertaa jotain valitsemaasi sivustoa käyttämällä ainoastaan näppäimistöä navigointiin.
Navigoi sivulla ainoastaan näppäimistön avulla, ja kokeile, että kaikki ne interaktiiviset elementit, joita hiirellä klikkaisit tai hoveroisit, toimivat myös näppäimistöllä. Tarkemmat ohjeet tähän löytyvät alempaa.
Ohjeet Macille
Macilla näppäimistön käyttö hiiren sijaan ei toimi automaattisesti, vaan se täytyy ensin laittaa asetuksista päälle. Applen sivuilla on ohjeistus tähän.
Yleisiä ohjeita näppäimistönavigointiin
Navigointi eteen ja taaksepäin tapahtuu interaktiivisten elementtien (ts. painikkeiden, linkkien, lomakkeen kenttien yms.) välillä käyttämällä Tab-näppäintä eteenpäin navigoimiseen, ja Shift+Tab-yhdistelmää takaisin päin navigoimiseen. Näet kohdistustyylien avulla, missä menet sivulla - olettaen, että niitä ei ole piilotettu, mikä on saavutettavuuden kannalta todella ongelmallista. Huom! Tarkoitus ei ole pystyä fokusoitumaan esim. otsikoihin, ylös ja alaspäin sivulla voi scrollata nuolinäppäinten tai välilyönnin avulla (alaspäin).
Tässä lista yleisimmistä interaktiivisista elementeistä, ja miten niiden kanssa pitäisi pystyä vuorovaikuttamaan:
- painike eli
<button>: Enter tai Välilyönti - linkki eli
<a>: Enter - valintaruutu eli
<checkbox>: Välilyönti - valintavaihtoehdot/radio inputit eli
<input type="radio">: Fokus radio inputtien ryhmään, ja valinnan vaihto nuolinäppäimillä - modaalien/dialogien/valikkojen sulkeminen: Esc
Jaa löydökset ja oivallukset
Jaa löytämiäsi juttuja ja oivalluksia hashtagilla #Saavutettavuusjoulukalenteri, ja tägää @eevis.codes Instassa tai Eeva-Jonna Panula LinkedInissä.