TM vefurinn: Aðgengilegur fyrir alla

1. TM vefurinn: Aðgengilegur fyrir alla www.tryggingamidstodin.is Anna Ingibergsdóttir Vefstjóri TM 14. nóvember 2006

3. Hvers vegna fór TM út í að gera vefinn aðgengilegan? Svarið er einfalt. TM vefurinn á að vera aðgengilegur fyrir alla!

4. Forgangur 1, 2 og 3 Lágmarkskrafa sem gerð er um aðgengi á vef Meiri kröfur eru gerðar um aðgengi á vefnum Háar kröfur varðandi aðgengi á vefnum

5. Ýmsir hópar fatlaðra • Blindir notendur: geta skoðað vefinn í skjálesara. • Sjónskertir notendur: hægt að breyta um textastærð og bakgrunnslit. Letur er ekki of ljóst. Flýtilyklar og textahamur í boði. • Heyrnarskertir notendur: myndskeið með texta. Netspjall í boði. • Flogaveikir notendur: myndir blikka ekki. • Hreyfihamlaðir notendur: geta notað TAB lykilinn á lyklaborðinu í stað músar til að skoða vefinn. • Lesblindir notendur: enginn skáletraður texti, gott línubil og fáar skammstafanir. Textahamur í boði (www.stillingar.is). • Greindarskertir notendur: orðalisti í boði. Útskýringar á skammstöfunum. Leiðbeiningar þar sem við á.

6. Forgangur

7. Letur og bakgrunnur • Hægt að stækka og minnka letrið. • Hægt að skipta um bakgrunnslit.

8. Bakgrunnslitur • Hægt að skipta um bakgrunnslit og stafalit. • Hentar notendum með skerta sjón og þá sem vilja ekki breyta uppsetningu vefsins.

9. Skilningur • Skáletranir teknar út. • Skammstafanir teknar út, útskýrðar eða gerðar lýsingar á þeim í kóðanum. (acronym title) • Lýsing sett inn á orðstyttingum T.d. orðið mín. Í stað mínútur. (abbr title)

10. Alt texti • Alt texti á myndir alt=“lýsing á mynd” • Allar myndir eru með alt texta nema um skreytimynd sé að ræða. alt="Forvarnarpakki TM. Í pakkanum eru 1 léttvatnsslökkvitæki,2 reykskynjarar og 1 og 1vatnsskynjari. " Allur texti sem fram kemur í gif animation myndum þarf að setja inn í alt tagið.

11. Alt texti • Alt texti á myndir • Má líka merkja sem tóma (alt=“”) ef mynd hefur enga merkingu. alt=””

12. Alt texti • Alt texti á myndir • Má merkja sem tóma ef lýsing er undir myndinni. alt=””

13. Skýringartexti með hreyfimyndum • Allur texti sem kemur fram í video myndum þarf að skrifa á vefsíðuna (fyrir heyrnarlausa/heyrnarskerta). Dæmi um mov skrá: alt=“Fjölskyldutrygging (sjónvarpsauglýsing)”

14. Skilmálar TM • Skilmálar gerðir aðgengilegir • Skilmálar TM eru í tveimur dálkum. • Útbúnir í einn dálk fyrir skjálesara.

15. Tungumálabreytingar • Ef erlendur texti kemur fyrir inní málsgrein skal skilgreina hann sérstaklega. Einnig síður sem eru bara á ensku. Lang=“en”

16. og fleira • Hreyfihamlaðir geta vafrað um vefinn. • Vefurinn virkar án javascripta. • Leiðbeiningar og útskýringar fyrir ofan alla virkni. Vill gjarnan gleymast en er mjög mikilvægt. T.d.

17. Forgangur

18. Tenglar (link title) • Tenglaheiti skýr Dæmi um Lesa meira tengil í fréttalista: title="Þjóð á tímamótum í húsnæði TM í tilefni Menningarnætur 2006" Svona teglar eru innbyggðir í eplicunni frá Hugsmiðjunni.

19. Stílsíður (css) • Útliti er stýrt með css skrá. • Mest allur kóðinn er í raun töflulaust html í eplicunni. Stílsíður eru notaðar til að stjórna útliti vefsins, frekar en að nota töflur og myndir eins og tíðkaðist hér áður fyrr. Nota má töflur ef um töflugögn er að ræða t.d. uppgjör TM, sjá mynd.

20. Tenglar • Tenglaheiti skýr Dæmi um tengil í myndasafn. <a href="/tm/myndaalbum/album/285/">Skoðaðu myndir frá Menningarnótt.</a> Ekki nota: Smellu hér til að skoða myndir frá Menningarnótt. Heldur svona: Skoðaðu myndir frá Menningarnótt.

21. Fyrirsagnir (headings) • Fyrirsagnir eru notaðar í réttri röð. Bæði í greinum og í skilmálum. Mikilvægt fyrir blinda notendur með skjálesara til að átta sig á uppbyggingu vefsins. <h1> <h2> <h3>

22. Tilvitnanir útskýraðar • Blockquote (notað fyrir lengri tilvitnanir) • q (notað fyrir styttri tilvitnanir) <blockquote> "Það er alltaf ánægjulegt þegar nýir viðskiptavinir treysta okkur fyrir verðmætum sínum. Einkum og sér í lagi er það ánægjulegt þegar fyrirtæki sem er þekkt af góðri þjónustu, eins og P. Samúelsson, velur að eiga viðskipti við okkur, meðal annars á forsendum góðrar þjónustu okkar,“ </blockquote> (notað ef tilvitnun er lengri en 10 orð). <q>"Tryggingamiðstöðin er virt og gróið félag. Um árabil hafa viðskiptavinir þess verið í hópi hinna ánægðustu. Við hjá P. Samúelssyni vitum hvað það þýðir og ég hlakka til samstarfsins, " segir Úlfar Steindórsson.</q> (fyrir styttri tilvitnanir).

23. Forgangur

24. Viðhengi útskýrð • Öll viðhengi útskýrð • Tegund • Stærð • Aðgengilegt í skjálesara? • annaðhvort fyrir ofan listann (ef um mörg eins skjöl er að ræða). • eða fyrir aftan viðhengið (ef um stök skjöl er að ræða). • útskýra ensk skjöl á ensku

25. Textahamur fyrir lesblinda notendur

26. Netspjall Getur hentað heyrnarlausum/heyrnarskertum. TM var fyrst fyrirtækja á Íslandi til að taka upp Netspjall frá Modernus (haustið 2004).

27. Skilmálar TM • Allar skammstafanir hafa verið útskýrðar í fyrsta sinn sem þær koma fyrir í tveimur algengustu skilmálum í hverjum flokki (10 flokkar). • Þegar skilmálar breytast í framtíðinni munu skammstafanir verða útskýrðar eins og lýst er hér að ofan. 135 skilmálar * 2. T.d.: sbr. gr. 3,2. sbr. (samanber)gr.(grein) 3,2. skv. 2. mgr. skv. (samkvæmt) 2. mgr. (málsgrein)

28. Orðalisti • Fleiri orð í orðalista. • Tengill fyrir orðalista settur á áberandi stað á hverri síðu. • 50% aukning á orðum. Úr 127 í um 200. • Hentar mörgum meðal annars notendum með skerta greind og útlendingum sem búsettir eru hérlendis.

29. Bílpróf TM • Hljóðskrár í boði. Fyrir þá sem taka bílprófið munnlega (ca. 300 spurningar). Sumir geta ekki tekið prófið skriflega. Í boði á næstu dögum.

30. Hvað hefur áunnist? • Enginn vefur er 100 % aðgengilegur en við í TM höfum farið eins nálægt því og mögulegt er og fáum fljótlega vottun fyrir forgang 3, fyrst einkafyrirtækja á Íslandi. • Leitarvélar (leita t.d. í alt texta, bookmarks í skilmálum, headings á síðum og caption í töflum TM vefsins ásamt stuttum, hnitmiðuðum kynningar-/útskýringartexta á síðum. • Aðgengi skiptir máli hjá fyrirtækum í samkeppni um viðskiptavini. • Jákvæð umfjöllun í fjölmiðlum. • TM vefurinn fékk tilnefningu Íslensku vefverðlaunanna 2005 sem besti fyrirtækisvefurinn.

31. Staðan í dag • Fleira á leiðinni: • Myndskeið fyrir heyrnarlausa. • Fræðsluefni fyrir bílprófið ásamt hljóðskrám. • Skilmálar verða allir með skammstafanir útskýrðar. • Nýtt aðgengilegt tjónstilkynningarkerfi.

32. Fleiri leiðbeiningar um aðgengi • www.sja.is • http://www.w3.org • http://www.acronymfinder.com/ • http://unicode.org/onlinedat/languages.html • http://www.w3.org/WAI/ • http://www.w3.org/WAI/wcag-curric/chk2-0.htm • http://www.w3.org/TR/WCAG20/appendixB.html

34. TAKK FYRIR