eportfolios for everyone - web accessibility in mahara

ePortfolios for EveryoneAccessibility in Mahara

Presented by Catalyst IT // 20th March 2014

2

Why accessibility?(and what is it anyway?)

• It’s about allowing as many people as possible to use your website• It affects a lot of people• It’s not hard• You write better code• You won’t get sued

3

Who's it for?Example personas

HanakoJapanese student

Blind

MartinLecturer

Low motor skills

DougMature student

Low motor skills

JuliaIndependent

Low vision

How is it done?

4

How is it done?Following standards

• Descriptive text for images and labels for form elements• Semantic elements for headings, lists, buttons, etc.

Benefits Hanako and Julia

“Overdue”

“Completed” “Search”

5

How is it done?Keyboard accessibility

• Drag and drop• Dropdown menus

Benefits Hanako, Julia and Doug

↑

Enter

↓

6

How is it done?Use of colour

• Contrast between text and background• Contrasting links

Benefits Mike and Julia

7

How is it done?Logical ordering

• HTML is in a logical order• The default tab order isn’t modified

Benefits Hanako, Julia and Doug

8

What about the rest of us?Do we get any benefits?

• Simplicity• Usability• Maintainability• SEO

9

LinksBug reports - http://bit.do/mahara-accessibility-launchpad

Patches - http://bit.do/mahara-accessibility-gerrit

Developers' checklist - http://bit.do/mahara-checklist