Tm vefurinn a gengilegur fyrir alla
Download
1 / 34

TM vefurinn: Aðgengilegur fyrir alla - PowerPoint PPT Presentation


  • 245 Views
  • Uploaded on
  • Presentation posted in: General

TM vefurinn: Aðgengilegur fyrir alla. www.tryggingamidstodin.is. Anna Ingibergsdóttir Vefstjóri TM 14. nóvember 2006. Hvers vegna fór TM út í að gera vefinn aðgengilegan?.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha

Download Presentation

TM vefurinn: Aðgengilegur fyrir alla

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


TM vefurinn: Aðgengilegur fyrir alla

www.tryggingamidstodin.is

Anna Ingibergsdóttir

Vefstjóri TM 14. nóvember 2006


Hvers vegna fór TM út í að gera vefinn aðgengilegan?

Svarið er einfalt.

TM vefurinn á að vera

aðgengilegur fyrir alla!


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


Ý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ð á.


Forgangur


Letur og bakgrunnur

  • Hægt að stækka og minnka letrið.

  • Hægt að skipta um bakgrunnslit.


Bakgrunnslitur

  • Hægt að skipta um bakgrunnslit og stafalit.

  • Hentar notendum með skerta

    sjón og þá sem vilja ekki breyta uppsetningu vefsins.


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)


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ð.


Alt texti

  • Alt texti á myndir

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

    alt=””


Alt texti

  • Alt texti á myndir

  • Má merkja sem tóma ef

    lýsing er undir myndinni.

    alt=””


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)”


Skilmálar TM

  • Skilmálar gerðir aðgengilegir

  • Skilmálar TM eru í tveimur dálkum.

  • Útbúnir í einn dálk fyrir skjálesara.


Tungumálabreytingar

  • Ef erlendur texti kemur fyrir inní

    málsgrein skal skilgreina hann

    sérstaklega.

    Einnig síður sem eru bara á ensku.

Lang=“en”


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.


Forgangur


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.


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.


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.


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>


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).


Forgangur


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


Textahamur fyrir lesblinda notendur


Netspjall

Getur hentað heyrnarlausum/heyrnarskertum.

TM var fyrst fyrirtækja á Íslandi til að taka upp Netspjall frá Modernus (haustið 2004).


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)


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.


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.


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.


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.


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


TAKK FYRIR


ad
  • Login