This slidedeck was used to support Ryan Thomas, Chad Leaman, and Milad Hajihassen's presentation at the 2013 MoodleMoot. They work at the Neil Squire Society, which uses technology to empower people with physical disablities. They made numberous changes to Moodle to increase usability and accessibility across a variety of disability and literacy groups. What resulted was a very lean, simple, and accessible Moodle site.
6. Who do we work for?
The Neil Squire Society has for over 25 years
empowered people with physical disabilities through
knowledge, technology, and passion.
6
7. The Neil Squire Society
In 2013, we’re reaching a lot of people through e-
Learning.
7
9. Usability: How easy is it for your users to do what
you want them to be doing?
Accessibility: Does your content take your user’s
abilities for granted?
9
10. Usability
We want our Moodle students to:
• Log In
• Follow links to Blackboard Collaborate
• Visit their courses
• Do course activities
• Know what they have completed
• Message each other and their teachers
10
11. Usability
We want our Moodle teachers to:
• Log In
• Follow links to Blackboard Collaborate
• Visit their courses
• Know what their students have completed
• Help their students with their accounts
• Message each other and their students
11
12. Accessibility
We do not take user abilities for granted. The same
content is there for:
• The blind to hear
• The deaf to read
• The mouse-less to command
• The low-literacy to listen to
• The inexperienced to find
12
15. Our users are diverse*
Assistive technology (hardware and software)
Literacy (digital and literal)
Culture
*Teachers and Students
15
16. Moodle can be a pain
There is a lot going on!
There’s a lot of stuff to click… I don’t have a mouse.
There’s a lot to read!
There’s too much scrolling.
It can be overwhelming!
16
17. Don’t worry
There are lots of little problems here. If you have
them too, our code can help.
17
19. The file picker… Ouch
After trying to kludge a block to replace it, I gave up
and hacked core.
• Turned off most of the repository plugins
• Forced the <noscript> version unless a profile
field is checked.
• For the <noscript version>, added a bunch of
redirects that auto-select the upload repository
There is a lot less fuss with this one.
19
24. We use a lot of questionnaires
Forked the questionnaire module to comment
some things out and restructure things for
keyboard users.
Replaced a lot of quizzes with questionnaires.
Created a block to “mark questionnaire as read”.
Integrated “unread” (public) questionnaires into
our marking block.
24
25. Nanogong
We love multi-modal learning (visual + aural).
Nanogong is wonderful, but keyboard users can’t
use it and its tabular layout is confusing.
We broke it out of tables and added html buttons.
We renamed it “Say It!”
25
27. Youtube
Embedded Youtube videos are not focusable. We
wrap them.
We type: [[swf|yt|Wellness For Work|CHg-E0BWGBw|wide]]
We get:
27
28. Text to speech block 2.0
Huge shout out to Patrick Thibaudeau and OOHOO.
They ported my 1.9 TTS block to 2.0.
They added a lexicon for correcting pronunciation.
I added an off/on option.
28
30. Block: template
Fork of the HTML block.
Attempts to inject its content into the text editor.
Will respect HTML/noHTML formats.
Assignments and forums discussion topics.
Answer templates help students and teachers.
30
31. Squire theme
Adds:
• WAI-ARIA landmarks
• A “center” region for blocks
• A site navigation (too custom for custom menu)
• Course navigation buttons
Subtracts:
• Most of the login page
• A lot of the footer
31
33. Our users get lost… a lot
The navigation block is complicated.
The settings block is just “clutter”.
The home page lists EVERY course.
Courses have “scroll of death”.
The “next” and “previous” links are gone from modules.
33
35. We got rid of a lot
Navigation block
Settings block
Breadcrumb
Course listing on front page
35
36. We added
A customized frontpage
Some frontpage blocks
A custom menu that’s more custom than Moodle’s
Profile editing back in the user profile page
A settings block that only admins can see
A custom course format
Navigation icons in modules
36
39. Disclaimer
The “before” page still shows up for administrators.
The “after” page shows up for users.
I hacked core to force users to “MyMoodle” and
hacked it more to make every MyMoodle page the
same.
39
43. Block: course list lite
List of enrolled courses
Categorized
Alphabetized
43
44. Block: collaborate
Links that are populated from hidden profile field.
Classroom and moderator links populated during
account setup.
More than one link is supported.
44
45. Badge course format
Each section has two icons
One for all activities complete
One for some activities incomplete
Sections are grouped under “units”
Units are sortable
Sections are sortable
45
49. When you’re in an activity
Navigation buttons are added after “Main Content”.
• Back to the main course view
• Back to the section view
• Previous activity within section
• Next activity within section
(This is done in the theme)
49
50. So…
Users can tell what they’ve completed.
They can’t spam the “next button” till they get lost.
They can use the main menu to go home.
They have an easy time finding their courses and virtual
classroom.
50
52. Cohorts are not quite there
We like cohorts for:
• Community.
• Cohort-sync enrollment.
We wish:
• There was a cohort context (like “user” context).
• Cohorts could mass “friend”.
52
54. We made some cohort plugins
Now we have:
• Cohort friendship sync
• Friends report
• Cohort breakup
• Cohort relationships
54
55. Admin tool: cohort friendship sync
Cron checks that each “from” cohort member is friends
with each “to” cohort member.
New cohort members become instant friends.
55
56. Report: friends
Looks like Outlook
Has email addresses and Moodle message links.
Encourages profile pictures.
Easier for screen reader users to navigate
56
57. Admin tool: cohort breakup
Breaks friendships.
This lets teachers move on when they have a new
class of students.
57
58. Admin tool: cohort relationships
Each member of cohort “from” is assigned a role in
the “user” context of each user in cohort “to”.
Our classroom IT is given a role that allows account
editing for each student.
58
60. Navigation
Our staff hate the navigation and settings blocks.
We’ve had facilitators on screen readers.
We don’t grade anything.
Our staff do live demos… they can’t display client
information.
60
62. This was tricky
We made a “Class Facilitation” course.
The course contains:
• A comments activity
• A marking block
• Links to tracking reports
62
63. Marking block
Our marking block:
• Doesn’t use AJAX
• Shows assignments, questionnaires, say its!, and
questionnaires.
– Course
• Unit (if course is badge format)
– Section
» Activity
• Is semantically set up for screen reader
navigation.
• Displays in the “center” block region.
63
65. Report: badges
We can see that
Bart has only
completed one
section.
65
66. Report: participant credentials
Shows anyone you are “teaching”.
Displays:
• Name
• Username
• Whether their password is still set to default
• Last login
66