Edellä mainittu kevätsiivous, eli käytettävyys/saavuttavuus-projektini ei ole erityisen paljon edistynyt, vähän kuitenkin. Enimmäkseen olen lisäillyt alt- ja title-tägejä linkkeihin ja kuviin.
Webbiopas-sivulle lisäsin seuraavanlaisen häkkyrän helpottamaan ruudunlukijoiden toimintaa:
<div id="accessibility">
<h1>Webbiopas, kotisivuntekijän askartelukirja</h1>
<a href="#menu">
Valikko</a>
<a href="#content">
Suoraan sisältöön </a>
<a href="tietoa_sivuista.php#saavutettavuus">
Tietoa saavutettavuudesta </a>
</div>
Ideana on siis, että oheisten linkkien avulla ruudunlukijan käyttäjä voi siirtyä nopeasti sivun eri osien välillä. Me näkevät luonnollisesti osaamme skannata sivun vaivatta ja löytää valikot ja sisällöt visuaalisten vihjeiden perusteella, mutta ruudunlukija aloittaa sivun ylälaidasta ensimmäiseltä riviltä. Esimerkkisivussa valikko on sijoitettu sivun loppuun, joten sen löytyminen voi olla tavallistakin hankalampaa.
Oheinen valikko on piilotettu ccs:n avulla siten, että se on hivenen sivun reunan ulkopuolella, joten tavallista selainta käyttäville se ei näy. Lisäksi, koska käytän otsikkona sivun logoa, on se kirjoitettu erikseen.
Hieman arvelluttaa tosin se, että kuinka hakukoneet suhtautuvat piilolinkkeihin. Ainakin Google suosittaa ettei niitä käytettäisi. Toivottavasti Googlebotti ei tulkitse ratkaisuani spämmiksi.
Ei kommentteja:
Lähetä kommentti