Tartsa vastaan Sale.

Nyt kun se on jo julkistettukin, on aika tehdä pieni katsaus ehdokkaiden sivustoihin Ison D:n hengessä ( = pidä WAI mielessä ja housut jalassa).

Ei-niin-kovin-paljon-saavutettavuudesta kiinnostuneille käyttäjille voidaan vaan todeta yhteenvetona, että kummankaan "pääehdokkaan" vaalisivusto ei täytä WAI-ohjeistuksen minimitasoa A.

Saulin vaalisivu (niinisto.net) on saavutettavuudeltaan huomattavasti parempi kuin Tarjan (tarjahalonen.fi).
Molemmilla löytyy kuitenkin paljon parannettavaa (ja molempien ehdokkaiden pitäisi hävetä)!

Pikalinkit juttuun:

• Tartsa vs saavutettavuua


• Sale vs saavutettavuus


• Loppusanat


• Lisälukemistoa
  

Saavutettavuus vs Tartsan vaalisivu (www.tarjahalonen.fi):

Bobby:

This page does not comply with all of the automatic and manual checkpoints of the W3C Web Content Accessibility Guidelines, and requires repairs and manual verification.

Prioriteettitason 1:n ongelmat:
12.1 Give each frame a title.
Prioriteettitaso 2:n ongelmat:
3.4 Use relative sizing and positioning , rather than absolute.
Prioriteettitaso 3:n ongelmat:
4.3 Identify the language of the text.

Lisäksi jokaisella tasolla lukematon määrä varoituksia.

Tarjan vaalisivu on tyypillinen esimerkki siitä, kuinka vaikea kehyksillä toteutettuja sivustoja on arvioida automaattisen työkalun avulla. Bobby / Cynthia arvioi vain ja ainoastaan kehyssivun, ei ollenkaan sisältösivuja.

Manuaalisesti tarkastettuna Tarjan sivuilta löytyy monta muutakin ongelmaa (WCAG 1.0):
Basic Settings
1.1 / (a) Provide a text equivalent for every non-text element
* Ei kunnossa. Yhdessäkään kuvassa ei ole alt-attribuuttia.
7.1 / (j) Until user agents allow users to control flickering, avoid causing the screen to flicker.
* Kunnossa. Sivusto ei sisällä animaatioita tms.
2.1 / (c) Ensure that all information conveyed with color is also available without color, for example from context or markup.
* Kunnossa.
6.1 / (d) Organize documents so they may be read without style sheets.
* Sivustossa ei ole käytetty CSS-tyylisivuja, eli periaatteessa ok (tosin ristiriidassa tason 2 ohjeen 11.1 kanssa).
Image Maps
1.2 / (e) Provide redundant text links for each active region of a server-side image map.
* Ei sovellettavissa tähän sivustoon (ei kuvakarttoja käytössä).
9.1 / (f) Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
* Ei sovellettavissa tähän sivustoon (ei kuvakarttoja käytössä).
Tables
5.1 / (g) For data tables, identify row and column headers.
* Sivustossa ei ole käytetty taulukoita tiedon esittämiseen.
5.2 / (h) For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
* Sivustossa ei ole käytetty taulukoita tiedon esittämiseen.
Frames, Scripts & Multimedia
12.1 / (i) Title each frame to facilitate frame identification and navigation.
* Ei kunnossa.. Kehyksillä ei ole järkeviä nimiä.
6.3 / (l),(m) Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.
* Ei käytössä sivustossa.
1.4 / (b) For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.
* Ei sovellettavissa tähän sivustoon.
Failsafe
11.4 / (k) If, after best efforts, you cannot create an accessible page, provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page.
* Ei kunnossa.
Non 508
4.1 Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).
* Ei kunnossa. Sivuston kieltä ei ole määritelty.
14.1 Use the clearest and simplest language appropriate for a site's content.
* Kunnossa.
1.3 Until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation.
* Ei sovellettavissa tähän sivustoon.
6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes.
* Ei sovellettavissa tähän sivustoon.

Lisäksi kaikki sivuston tieto esitetään kuvina, sivusto käyttää kehyksiä ja taitto on tehty taulukoilla.
Navigointiin liittyy kaikki kehysten käytön ongelmat (sijainnin hukkaaminen jne).

Takaisin pikalinkkeihin

Saavutettavuus vs Salen vaalisivu (www.niinisto.net):

Bobby:

This page does not comply with all of the automatic and manual checkpoints of the W3C Web Content Accessibility Guidelines, and requires repairs and manual verification.

Prioriteettitason 1:n ongelmat:
1.1 Provide alternative text for all images.
Prioriteettitaso 2:n ongelmat:
3.2 Use a public text identifier in a DOCTYPE statement.
3.4 Use relative sizing and positioning , rather than absolute.
9.3 Make sure event handlers do not require use of a mouse.
13.1 Create link phrases that make sense when read out of context.
Prioriteettitaso 3:n ongelmat:
4.3 Identify the language of the text.
5.5 Provide a summary for tables.

Lisäksi tasolla 2 ja 3 lukematon määrä varoituksia.

Saulin vaalisivu on jo paljon parempi saavutettavuudeltaan kuin Tarjan.
Suurimmat ongelmat liittyvät puuttuviin tai merkityksettömiin alt-teksteihin ja huolimattomaan merkkaukseen.
Mitään syytä rinnan röyhistelyyn ei kuitenkaan ole!

Manuaalisesti tarkastettuna ongelmia löytyy lisää (WCAG 1.0):
Basic Settings
1.1 / (a) Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content).
* Ei kunnossa. Kaikissa kuvissa ei ole alt-attribuuttia (tai alt-attr on tyhjä).
7.1 / (j) Until user agents allow users to control flickering, avoid causing the screen to flicker.
* Kunnossa. Sivusto ei sisällä animaatioita tms.
2.1 / (c) Ensure that all information conveyed with color is also available without color, for example from context or markup.
* Kunnossa.
6.1 / (d) Organize documents so they may be read without style sheets.
* Kunnossa.
Image Maps
1.2 / (e) Provide redundant text links for each active region of a server-side image map.
* Ei sovellettavissa tähän sivustoon (ei kuvakarttoja käytössä).
9.1 / (f) Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
* Ei sovellettavissa tähän sivustoon (ei kuvakarttoja käytössä).
Tables
5.1 / (g) For data tables, identify row and column headers.
* Sivustossa ei ole käytetty taulukoita tiedon esittämiseen.
5.2 / (h) For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
* Sivustossa ei ole käytetty taulukoita tiedon esittämiseen.
Frames, Scripts & Multimedia
12.1 / (i) Title each frame to facilitate frame identification and navigation.
* Sivustossa ei käytetä kehyksiä.
6.3 / (l),(m) Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.
* Kunnossa, sivusto toimii myös ilman javascriptin käyttöä.
1.4 / (b) For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.
* Ei sovellettavissa tähän sivustoon.
Failsafe
11.4 / (k) If, after best efforts, you cannot create an accessible page, provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page.
* Ei kunnossa.
Non 508
4.1 Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).
* Ei kunnossa. Sivuston kieltä ei ole määritelty.
14.1 Use the clearest and simplest language appropriate for a site's content.
* Kunnossa.
1.3 Until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation.
* Ei sovellettavissa tähän sivustoon.
6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes.
* Ei sovellettavissa tähän sivustoon.

Taitto on tehty taulukoilla, merkkaus ei ole kovin laadukasta, navigointia ei tueta jne.

Takaisin pikalinkkeihin

Loppusanat ja yhteenveto?

Kummankaan ehdokkaan vaalisivujen suunnittelussa ei ole otettu saavutettavuutta riittävästi huomioon.
Tarja Halosen vaalisivu on saavutettavuudeltaa luokattoman huono ja estää osan äänestäjistä pääsyn tietoihin täysin (esim. ruudunlukijan käyttäjät).
Sauli Niinistön sivusto on saavudettavuudeltaan jo parempi, mutta kehitettävää löytyy.

Voisi helposti kuvitella, että ehdokkaita kiinnostaisi saada erityisryhmienkin äänet (niin, erityisryhmien. Ikääntyvät ihmiset?). Ilmeisesti näin ei ainakaan verkkosivujen perusteella ole...

Voisi myös helposti kuvitella, että ehdokkailla olisi varaa hankkia myös saavutettavuudeltaan hyvät verkkopalvelut.

Äänestäisinkö kumpaakaan verkkosivujen perusteella?

En.

Takaisin pikalinkkeihin

Lisälukemistoa sivustojen kehittäjille ja muille kiinnostuneille:

• User Agent Accessibility Guidelines 1.0
  (UAAG 1.0 checklist)
  


• Evaluation, Repair, and Transformation Tools for Web Content Accessibility
  


• WAI: Evaluating Web Sites for Accessibility Tärkeä!
  


• Näkövammaistahojen testausohjeet verkkosivuille ja -palveluille
  


• Tieken esteettömyysopas
  

Takaisin pikalinkkeihin