Using WCAG 2.0 and heuristic evaluation to evaluate accessibility in educational web based pages Matjaž Debevc, Ines Kožuh, Simon Hauptman, Andrej Klembas, Julija Bele Lapuh, Andreas Holzinger
LTEC, Maribor, 26. August, 2015
Accessible E-Learning Website?
Accessible E-Learning Website?
How to design accessible web? Know the user (people with disabilities) Know standards ISO/IEC 24751 - Information technology – Individualized adaptability and accessibility in e-learning, education and training) ISO/IEC 40500:2012 (Information technology -- W3C Web Content Accessibility Guidelines (WCAG) 2.0)
Performing usability evaluation with people with disabilities
4
Proposal – Questionnaire for WCAG level A
5
Template for experts OPISNO (text): Št.
Utež (Prio rity)
Kriterij (Criteria)
17
Kat
1
18
Koz
3
Opis (Findings and recommendation)
Pogostost (Frequency)
Pri kliku na navigacijski gumb za pomik na začetno stran dobimo obvestilo, da stran sploh ne obstaja. Gumb za odpiranje datoteke je pomaknjen bolj v levo kot na drugih spletnih straneh.
Poglavje 14.1.1.
PREDLOG: poenotiti namestitev gumba za odpiranje datoteke. Barva ozadja je neprimerna za osebe z barvno slepoto.
19
Kat
Poglavje 8.2.3., Poglavje 14.3.4. Poglavje 18.3.1. Vsa poglavja
13 PREDLOG: Predlaga se uporaba svetlo modre barve.
GRAFIČNO (graphical): Št.
8
Utež
Kat
Kriterij
5
Opis
Pogostost
Program se lahko zaključi brez potrebnega shranjevanja datoteke.
Poglavje 14.1.1.
PREDLOG: Zahtevati predhodno shranitev datoteke.
6
Example of suggested change of a e-learning page Guideline Cause
1.1.1 Non-text Content ALT text is missing. No decorative or complex images and no description of form buttons and form inputs. Multimedia content has no identification description. First frame is appropriately entitled, other frames are not clear.
Screenshot with emphasized areas
Code
Suggestion
Check 1: img element missing alt attribute. Line 92, Column 110:
Insert ALT. Put the images in appropriate frames, which has to be included in the description. Add descriptions to form buttons and to multimedia.
7
Proposed methodology 14 participants devided into two groups: 2 groups of 6 students 1 expert for each group
Each student receive: Questionnaire for level A (25 questions) (4 questions for each student!)
Template for report Links to Web pages (own accounts!)
One week work (for five web pages) At the end – discussion session (all together with both experts)
8
Improvement Suggested changes prepared in two weeks with 14 persons => 14 man-days Originally: 6 experts for all success criteria + 30 minutes for each criteria: (6 * 0,5 * 25 * 5) / 8 hours => => 47 man-days for five web pages for level A! 9
Contact Matjaž Debevc University of Maribor, Slovenia E-mail:
[email protected]
The study was supported by the European Union through the Tempus Programme project ECESM – Enhancement of cyber educational system of Montenegro, No: 544088..
10
What is missing? E-Learning Design historically has not included accessible design for people with disabilities E-Learning developers have lacked training, tools and resources to design accessible systems
Goverments & Businesses had no incentive to address accessible or universal design Long lasting usability evaluation testing on accessibility Proposal for a directive of the European Parliament and of the Council on the accessibility of public sector bodies' websites
11
