Asikkalan kunta: Flash-tunnistus ja CSS
31.05.2005 klo 19.49 • Aihe: Web
Asikkalan kunnan vanha sivusto oli ulkoasultaan kaukaa 90-luvulta. Sivusto on nyt uusittu nykyaikaisen tyylikkääksi ja taittokin on tehty CSS:llä ilman taulukoita, mutta muuten suhteellisen hyvä kokonaisuus on pilattu huonolla Flash-tunnistuksella.
Flash
Etusivulle tultaessa tehdään "Flash-soittimen tunnistus", joka toimii Javascriptilla. Ilman Javascriptia matka tyssää tähän. Sivusta on kyllä erillinen versio ilman Flashia, mutta sinne ei ilman em. tunnistusta pääse jos ei tiedä osoitetta http://www.asikkala.fi/index_noflash.php etukäteen. Täälläkin tehdään Flash-tunnistus aina etusivulle palattaessa.
Tällaisessa etusivulla (tai oikeammin juuriosoitteessa?) tapahtuvassa tunnistuksessa on myös se huono puoli, että se toimii vain ko. osoitteen kautta tulevilla kävijöillä. Oman kokemukseni mukaan reilusti alle puolet kävijöistä tulee sivustolle etusivun kautta, loput taas suoraan alasivuille esim. Googlen avulla. Näissä tilanteissa kävijät päätyvät flash- tai ei-flash –sivuille linkittäjän mieltymysten, eivät flash-ominaisuuksiensa perusteella.
Myös vanha sivusto on jätetty paikoilleen, ja Google ohjaa kävijät niille (esim. kirjasto). Luulevatko tekijät todellakin että kävijät tulevat sivustolle aina etusivun kautta?
On mielenkiintoista nähdä tulevatko Googlen linkit johtamaan Flash- vai ei-Flash-sivuille. Joka tapauksessa Flash-tunnistus tulee hankaloittamaan sivuston indeksointia.
CSS
Vaikka taitto on tehty nykyaikaisesti CSS:llä, on sitä muuten käytetty yllättävän vähän. Onkohan kyse siitä että näitä asioita ei vain osata tehdä? Esim. linkkien reunaviivat on tehty kuvina, ei CSS:llä. Versaalitekstiä ei ole tehty CSS:n avulla vaan kirjoittamalla tekstit versaalilla, mikä aiheuttaa ongelmia ainakin joissain ruudunlukijoissa. Muutamia muitakin pikkuongelmia löytyy.
HTML on muuten validia, mutta kuvista puuttuvat alt-tekstit, mm. juuri edellä mainituista reunaviivoista. Flash on upotettu sivuille epästandardilla tavalla (mikä on ymmärrettävää standarditavan ongelmien vuoksi).
Parannettavaa
Ilman tuota Flash-tunnistusta olisin ollut positiivisesti yllättynyt uudesta sivustosta. Mutta ilmeisesti otsikkopalkin vaihtuvat kuvat ovat esteettömyyttä tärkeämpää, ainakin suunnittelijoiden mielestä?
Miten sitten pitäisi tehdä? Ensinnäkin käyttäjiä ei saa sulkea ulkopuolelle Javascript-tuen puutteen takia. Jokaisella sivulla voisi kyllä tehdä Flash-tunnistuksen, ja sen onnistuessa näyttää sivu Flashilla koristeltuna. Muuten sivu näytettäisiin ilman Flashia, ja ilman kehoituksia hankkia "flash-soitin". Tällä tavalla vältetään myös sekkaannukset, jotka voivat syntyä kun sama sisältö löytyy useasta eri osoitteesta (esim. http://www.asikkala.fi/index_flash.php?id=98 ja http://www.asikkala.fi/index_noflash.php?id=98).
Myös vanhat sivut tulisi poistaa ja tehdä niiltä ohjaukset uusiin osoitteisiin. Ja sitten vielä muut saavutettavuusasiat kohdalleen ja CSS tehokkaammin käyttöön.
(Palautetta olisin jo lähettänyt, mutta palautelomakelinkistä aukesikin yllättäen PDF-lomake. Haluavat ilmeisesti palautteen postitse (siis paperilla).)
TrackBack URL tälle viestille: http://www.biomi.org/cgi-bin/mt/mt-tb.cgi/25
Kommentit
1 Emil Virkki (31.05.2005 klo 22.10)
Webmasterin sähköposti on webmaster@asikkala.fi. Lisäksi kunnalla on "Kysy Kunnalta"-palvelu, joka löytyy oosoitteesta http://www.asikkala.fi/kysymysvastaus/index.php
Siis jos et aio lähettää palautetta postissa :)
2 Timo (31.05.2005 klo 22.18)
No enpä minäkään noihin valikkoviivoihin alt-tekstejä laittaisi, tyhjän altin kuitenkin.
3 Josku (31.05.2005 klo 22.42)
Joo, tyhjä alt-teksti valiko kuviin lienee paras vaihtoehto, koska linkit on kuitenkin erotettu rivinvaihdolla.
4 Mikko (31.05.2005 klo 22.55)
Jep, tyhjä alt lienee paras ratkaisu myös ruudunlukuohjelmien kannalta.
Tässä vielä kunnan tiedote uusista sivuista: http://www.asikkala.fi/index_noflash.php?id=251
Sisäministeriössä (Juhta: http://www.intermin.fi/juhta) on kuulemani mukaan tekeillä ohjeistusta verkkopalvelun toteuttajan valintaan ja ohjeistamiseen; se olisi ollut avuksi tässäkin tilanteessa. Sopivan toteuttajan valinta voi olla vaikeaa...
(Palautekin lähti sähköisesti.)
5 eepp (01.06.2005 klo 10.06)
Paras alt-teksti on kuitenkin yläpalkin kuvalla (noflash-puolella):
"Kuvaa “http://www.asikkala.fi/images/top.jpg” ei voida näyttää, koska se sisältää virheitä."
Selkeästi juuri siitä syystä sitä ei voida näyttää...
6 Tosijees (01.06.2005 klo 11.38)
Hyviä havaintoja, joiden lisäksi pari asiaa tulee vielä itselle mieleen ihan näin pikaisella tutustumisella:
- Osoitteita saisi selkiyttää vaikka jotenkin palvelimen asetuksia rukkaamalla tms. Googlellakin löytyvä entinen http://www.asikkala.fi/kirjasto/ kun on huomattavasti loogisempi kuin uusi http://www.asikkala.fi/index_flash.php?id=98 (vrt. http://saavutettava.fi/artikkelit/huonot-osoitteet-ja-linkittamisen-merkitys/).
- Palvelut-osion pääasivun http://www.asikkala.fi/index_flash.php?id=14 tyhjyys yllättää. Oliskohan vielä työn alla tms.
- Kaikkien valikon kohtien ei ehkä kannattaisi olla kokonaan isoilla kirjaimilla. Toimii etusivulla, mutta varsinkin paljon alasivuja sisältävissä kohdissa, kuten em. palveluosiossa luettavuus kärsii.
Siis monessa suhteessa tyylikkäät, mutta täällä mainitut pikkubugit saisi korjata ja ehkä vielä tsekata, että tuoreimpien JHS-suositusten - http://www.jhs-suositukset.fi/ - normit varmasti täyttyy, niin a vot! :)
7 Daily (01.06.2005 klo 18.32)
Mites olisi Flash Satay -metodi?
http://www.macromedia.com/devnet/mx/dreamweaver/articles/flash_satay.html
Tätä viestiä ei voi enää kommentoida.