Tm vefurinn a gengilegur fyrir alla
This presentation is the property of its rightful owner.
Sponsored Links
1 / 34

TM vefurinn: Aðgengilegur fyrir alla PowerPoint PPT Presentation


  • 101 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?.

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

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

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

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

Ý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

Forgangur


Letur og bakgrunnur

Letur og bakgrunnur

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

  • Hægt að skipta um bakgrunnslit.


Bakgrunnslitur

Bakgrunnslitur

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

  • Hentar notendum með skerta

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


Skilningur

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

  • 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 texti1

Alt texti

  • Alt texti á myndir

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

    alt=””


Alt texti2

Alt texti

  • Alt texti á myndir

  • Má merkja sem tóma ef

    lýsing er undir myndinni.

    alt=””


Sk ringartexti me hreyfimyndum

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 TM

  • Skilmálar gerðir aðgengilegir

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

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


Tungum labreytingar

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

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.


Tm vefurinn a gengilegur fyrir alla

Forgangur


Tenglar link title

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

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

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 (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

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


Tm vefurinn a gengilegur fyrir alla

Forgangur


Vi hengi tsk r

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

Textahamur fyrir lesblinda notendur


Netspjall

Netspjall

Getur hentað heyrnarlausum/heyrnarskertum.

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


Skilm lar tm1

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

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

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

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

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

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

TAKK FYRIR


  • Login