Esteettömällä internetillä tarkoitetaan toimenpiteitä, joiden tarkoituksena on taata kaikille käyttäjille yhtäläisesti rajoittamaton pääsy verkkoresursseihin. Tämä koskee pääasiassa kahta alaa: toisaalta käyttäjän käytettävissä olevia teknisiä mahdollisuuksia ja toisaalta käyttäjän fyysisiä ja henkisiä kykyjä, jotka riippuvat muun muassa iästä ja terveydellisistä kriteereistä. Monissa tapauksissa esteettömät verkkosivut tarjoavat kuitenkin etuja myös käyttäjille, joilla on parhaat tekniset laitteet ja parhaat henkilökohtaiset valmiudet. Lisäksi esteettömät verkkosivustot ovat usein myös hakukoneiden luettavampia. Siksi esteetön suunnittelu on myös tehokas keino, jos haluat parantaa sinun Kotisivu tai Verkkosivusto haluat optimoida, jotta sijoitusta voidaan parantaa tai konversiolukua nostaa.
Mitä esteettömyys tarkoittaa verkkosuunnittelussa ja web-hostingissa?
Keskusteltaessa esteettömän internetin erityispiirteistä on ensinnäkin huomattava, että myös ne muuttuvat internetin teknisen kehityksen myötä. Verkkosuunnittelun uudet elementit voivat luoda uusia esteitä, mutta myös helpottaa esteetöntä suunnittelua. Merkittävä muutos oli siirtyminen Internetin alkuaikojen pitkälti tekstipohjaisesta informaatiosta yhä graafisempaan välineeseen, mikä tapahtui World Wide Webin käyttöönoton myötä vuonna 1991. Sanotaan, että kuva kertoo enemmän kuin tuhat sanaa, mutta tämä pitää paikkansa vain, jos viestin vastaanottaja pystyy tulkitsemaan visuaalisen tiedon. Tämä ehto ei kuitenkaan täyty useammin kuin luulisi. Esimerkiksi robotit, joita hakukoneet käyttävät tietokantojensa täyttämiseen, voivat poimia kuvista vain hyvin rajallisesti tietoa. Verkkosivujen tekstimuotoista sisältöä voidaan kuitenkin lukea ääneen myös esimerkiksi tietokoneohjelmilla, niin sanotuilla ruudunlukuohjelmilla, ja mobiililaitteissa, kuten älypuhelimissa ja tableteissa, on nykyään vakiona vastaavia toimintoja. Tekstipohjainen sisältö on siis välttämätöntä, jos kotisivujen halutaan olevan esteettömät. Onneksi webissä käytetty sivujen kuvauskieli HTML tarjoaa yksinkertaisia tapoja täydentää visuaalista sisältöä, kuten kuvia, tekstimuotoisella tiedolla, joka ei muuta kotisivusi normaalia ulkoasua riippumatta siitä, mitä kehitystyökaluja web-hosting-palveluntarjoajallasi on valmiina. Esimerkiksi kuvan niin sanottu alt-tagi, jonka merkitset HTML-lähdekoodiin, näytetään vain, jos itse kuvaa ei voida näyttää. Tämä voi johtua hyvin erilaisista syistä. On esimerkiksi mahdollista, että tilapäiset pullonkaulat tai katkokset Internet-yhteydessä estävät kuvan lataamisen. Yleensä visuaalinen sisältö ei ole suoraan HTML-lähdekoodissa. Verkkosivustovaan ne lisätään ulkoisina resursseina. Siksi myös virheellinen viittaus voi aiheuttaa kuvien puuttumisen. Käyttäjä voi kuitenkin myös tarkoituksellisesti estää graafisen sisällön näyttämisen tai selain ei tue sitä lainkaan. Lisäksi hakukoneet arvioivat myös alt-tunnisteiden sisältöä voidakseen antaa mielekkäitä vastauksia hakukyselyihin.
Mitä sinun pitäisi varoa web hosting esteetön internetissä
Esteettömän internetin toimintaedellytysten muuttaminen ei koske ainoastaan sellaisia perustavanlaatuisia muutoksia kuin painopisteen siirtäminen tekstimuotoisesta esitystavasta visuaaliseen. Myös yksityiskohdat, kuten fonttikokoasetukset, vaikuttavat. Teksti, jonka voit lukea täydellisesti verkkosivustoa suunnitellessasi, voi siis olla liian pieni tai liian suuri kotisivusi kävijälle jo pelkästään teknisistä syistä. Lisäksi kirjasinkoolle on asetettu yksilöllisiä vaatimuksia, jotka johtuvat erityisesti käyttäjän näkökyvyn rajoituksista. Ensimmäisiin toimenpiteisiin, joilla pyrittiin esteettömään pääsyyn verkkotarjontaan, sisältyivätkin ohjaimet fonttikoon muuttamiseksi. Niitä löytyy erityisesti julkisten ja virallisten tarjousten verkkohostingista. Sillä välin verkkoselaimet tarjoavat yleensä yleisiä vaihtoehtoja fonttikoon säätämiseen. Niiden etuna on, että niitä voidaan käyttää samalla tavalla kaikilla verkkosivustoilla. Käyttäjän, joka tarvitsee niitä, ei tarvitse etsiä sivustolta tietoa siitä, tarjoaako se omaa fonttikokoa, missä ja millä tavalla. Näin ollen tällaiset tekijät eivät enää ole ratkaisevia verkkosivuston saavutettavuuden arvioinnissa.
Toisaalta on silti tärkeää, että jätät verkkosivustosi käyttäjille valinnanvapauden mukauttaa sivujen esitystapaa omien tarpeidensa mukaan. Valitettavasti nykyiset verkkosivujen kehitystyökalut eivät ota riittävästi huomioon tätä esteettömän verkkosuunnittelun perusvaatimusta. Vaikka toteuttaisit kotisivusi responsiivisena esimerkiksi Bootstrap-verkkosivustomallilla, se ei ole automaattisesti käytettävissä. Miksi?
Fontin todellinen koko riippuu verkkosivun lähdekoodin määrittelyjen lisäksi myös verkkosivun näyttävän tulostuslaitteen teknisistä rajoituksista. Nykyisillä työkaluilla, kuten HTML5:llä, voit arvioida laitekohtaisia tietoja, kuten näytön resoluutiota tai pikselimäärää, ja määrittää määritellyn fyysisen koon. Tämä edellyttää kuitenkin paitsi sitä, että laite välittää nämä arvot oikein, myös sitä, että ne voidaan alun perin määrittää yksiselitteisesti. Jälkimmäinen ei päde esimerkiksi beamerin kohdalla. Digitaalinen projektori voi ilmoittaa tarkasti näytettävien pikselien määrän, mutta ei resoluutiota, koska kuvan koko ja siten DPI riippuu muun muassa linssin ja projektiopinnan välisestä etäisyydestä. Nämä arvot eivät siis ole lainkaan laitekohtaisia, vaan riippuvat projektio-olosuhteista.
Voit toki pitää poikkeuksena surffailua, jossa käytetään näytön apuvälineenä piirturia, mutta esteettömyydessä on kyse nimenomaan poikkeuksista. Keskivertosurffaaja ei ole riippuvainen käytettävissä olevasta internetistä. Mieti tässä yhteydessä myös tulevaisuuden varautumista, sillä tämän päivän poikkeus voi olla huomisen sääntö. Opettavainen esimerkki tästä ovat verkkosuunnittelijat, jotka suunnittelivat 1990-luvun lopulla verkkosivuja kiinteää ikkunakokoa varten, usein XGA-standardin 1024×768 pikseliä, ja integroivat vastaavat näytön määrittelyt verkkosivuihin. PC:n keskimääräinen näytön koko jatkoi kasvuaan odotetusti, mutta sitten tulivat älypuhelimet, joiden näytöillä pystyttiin näyttämään jopa vähemmän pikseleitä kuin alkuperäisessä IBM PC:ssä noin kaksi vuosikymmentä aiemmin. Nyt myös älypuhelinten näyttöjen keskikoko kasvaa tasaisesti, mutta seuraava leikkaus on jo näköpiirissä. Älykellot eivät ainoastaan pienennä näytön kokoa uudelleen, vaan ne eivät yleensä enää edes tarjoa tavallista suorakulmaista, vaan neliön tai jopa pyöreän muotoista näyttöä.
Miksi esteetön suunnittelu on tärkeää verkkosivustosi menestyksen kannalta?
Kuten jo mainittiin, esteettömässä internetissä on kyse poikkeuksista. Voit siis luonnollisesti rajata verkkopalvelusi koskemaan suurinta osaa asiakkaista, joiden surffauskäyttäytyminen on keskivertoa. Internetin jatkuvasti kasvavassa tarjonnassa, jossa kilpailu on aina vain klikkauksen päässä, vain hyvin suurilla yrityksillä on kuitenkin yhä enemmän varaa tähän. Jos sen sijaan kuulut siihen palveluntarjoajien enemmistöön, jonka on pärjättävä kapeilla verkkosivustoilla, matematiikka on hankalaa. Ratkaiseva avainsana tässä on "long tail", ja se tulee tilastotieteen alalta. Verkkokaupan uusilla markkinoilla tämä tarkoittaa lyhyesti sanottuna sitä, että suurin osa liikevaihdosta ei muodostu keskivertotapauksista vaan poikkeustapauksista. Jopa Amazon tekee merkittävän osan liikevaihdostaan kirjoista, jotka sisältävät epätavallisia nimikkeitä, joita ei juuri lainkaan ole tarjolla perinteisissä kirjakaupoissa. Esteetön internet avaa sinulle siis myös merkittävän ostajapotentiaalin, jota et voi tavoittaa yksinomaan keskivertokäyttäjille suunnatulla verkkosuunnittelulla.