Saavutettavuus 2008-01-01 02:35

Saavutettavuus merkitsee sivujen suunnittelemista siten että erilaiset käyttäjät voivat niitä käyttää.

Yleiset ohjeet

Saavutettavuus

Wikipedia-artikkelissa saavutettavuuden perusajatus: "Saavutettavuus merkitsee kohteen helppoa lähestyttävyyttä kaikenlaisille ihmisille".

Web Content Accessibility Guidelines 1.0 Verkkosisällön saavutettavuusohjeet

W3C:n saavutettavuusohjeet suomeksi.

Esteettömyysopas Web-sivujen tekijöille

Ohjeita saavutettaville sivuille.

Web Content Accessibility Guidelines 2.0

W3C:n suositukset verkkosivujen sisällön saavutettavuudelle.

Techniques for WCAG 2.0

W3C:lta laajasti erilaisia tekniikoita saavutettavien verkkosivujen toteuttamiseksi.

Dive Into Accessibility

Yksityiskohtaisia ohjeita saavutettavien verkkosivujen tekemiseksi. Ladattavissa myös pdf-tiedostona.

Typografia

Making Text Legible: Designing for People with Partial Sight

Typografiaan liittyviä ohjeita luettavuuden parantamiseksi.

Värit

Effective Color Contrast: Designing for People with Partial Sight and Color Deficiencies

Ohjeita värikontrastille.

Testit ja validointi

Saavutettavuutta on vaikea validoida automaattisesti. Muutamia apuvälineitä kuitenkin löytyy.

Colorblind Web Page Filter

Voit testata miltä verkkosivusi näyttävät erilaisilla näkökyvyn rajoituksilla. Näkyvyystestillä (Coverage Testing) voit tarkistaa oletko tehnyt kaikki värimääritykset eksplisiittisiksi.

Total Validator: The all-in-one validator

Validoi samalla kertaa sivun koodin, saavutettavuuden, oikeinkirjoituksen ja linkit. Ottaa myös kuvankaappauskuvan siitä miltä sivu näyttää jollakin valituista selaimista. Voit validoida samalla kertaa useamman sivun.

Watchfire WebXACT

Tarkistaa mm. web-sivujen saavutettavuuden.

Uusimmat linkit

#8075 We are Colorblind » Patterns for the Color Blind 29.9.2009

http://wearecolorblind.com/

web saavutettavuus väri värisokeus

#6943 Mega Drop-Down Navigation Menus Work Well 25.3.2009

http://www.useit.com/alertbox/mega-dropdown-menus.html

web design navigointi pudotus valikko saavutettavuus käytettävyys

#6942 Designing Drop-Down Menus: Examples and Best Practices 25.3.2009

http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/

web design navigointi pudotus valikko saavutettavuus käytettävyys

#6912 Modern Sitemap and Footer 23.3.2009

http://www.webdesignerwall.com/trends/modern-sitemap-and-footer/

Sivukartta alatunnisteeseen.

web design layout footer alatunniste sivukartta käytettväyys saavutettavuus

#6865 Invisible Content Just for Screen Reader Users 19.3.2009

http://www.webaim.org/techniques/css/invisiblecontent/

web CSS saavutettavuus kuvaruudunlukija

#6572 9 Common Usability Mistakes In Web Design 19.2.2009

http://www.smashingmagazine.com/2009/02/18/9-common-usability-blunders/

web development käytettävyys saavutettavuus

#6435 Relative readability 20.1.2009

http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/

web typografia font koko saavutettavuus

#5962 WAVE Toolbar 28.10.2008

http://wave.webaim.org/toolbar

Firefox-lisäosa verkkosivujen saavutettavuuden testaamiseen.

web development Firefox lisäosa WAVE saavutettavuus

#5877 Firefox Accessibility Extension 16.10.2008

https://addons.mozilla.org/en-US/firefox/addon/5809

Firefox-lisäosa näyttää sivulta erilaista saavutettavuustietoa.

web Firefox lisäosa saavutettavuus development

#5863 Mozilla launches video accessibility drive 14.10.2008

http://www.linux.com/feature/149988

Firefoxiin sisäänrakennettu tuki vapaille Ogg Vorbis- ja Theora-tiedostomuodoille, vaikka ne jätettiin pois HTML 5:stä.

web internet selain Firefox XHTML HTML5 Ogg video audio multimedia saavutettavuus

Lisää linkkejä haulla saavutettavuus