Upload
intranaetverk
View
199
Download
0
Tags:
Embed Size (px)
Citation preview
2
Copyright CC- BY Illustrations @PiaFlodquist
= please share but set pictogram.se #webbriktlinjer
source webbriktlinjer.se thenounproject.com
7
» Proportion of
Sweden's population
with some type of
disability.
Source: Statistiska centralbyrån, Jordbruksverket
Who?
12
Possible to perceive for those
who use their ears or fingers Code for screen readers!
• Describe everything important
with text
• Label on input fields
• Correct H-tags (headings)
• Set language with lang-tags
• ARIA landmarks
• ARIA live
• Try a screen reader!
Offer speech synthesis?
Simultaneous signing video?
13
Possible to perceive for
those who use their eyes
Texta video! Transkribera tal! Teckentolka?
• Contrast (background &
text)
• Resize text 200%
• Do not </blink>
18
• Do not place links too close.
• Highlight links graphically.
• Make one link (icon + text).
• Enlarge clickable areas.
Links, clickable areas and
navigation has to be operable
22
Understandable structur
• Content – distinct
headings!
• Keywords.
• The most important
content first.
• Verb.
• Correct use of h-tags.
23
“… says Stockholm County Council in a
new report on health care. To read the
full report, click here.“
Write instead:
“… says Stockholm County Council in the
report." Quality indicators of health
care“ (pdf 1.5 MB)
Understandable links
28
Demand for procurement:
• WCAG 2.0 AA
• Experience of accessibility
guidelines – webbriktlinjer.se
CC-BY Åke Walldius, Clas Thorén,
Användningsforum.se
30
– Validator.w3.org
– Colorbrewer - maps
– Fangs (screen reader test)
– VoiceOver (screen readers)
– Resizer – see different
resolution
– Colour Contrast analysis
Use tools
33
Pia Flodquist @PiaFlodquist
Metamatrix facebook.com/metamatrix.ab
@metamatrix
The End