note: This is a plain paste from the google docs planning document from the event:
Random Hacks of Kindness
CWDO Hackathon:
Involving PWD in Online Development
Inclusive Testing
Inclusive by design, accessible by default
For more information, see:
Jeffrey Stark
Inclusive Design Research Centre
idrc.ocadu.ca
CWDO Hackathon: Involving PWD in Online Development
MAIN TASKS / WORKING GROUPS
Process / project management [Jeffrey, Daphne, Angelo, Martyna]
-
For now collect our information in Google docs, maybe later in Github
-
Develop lists of what needs to be done
-
Develop draft processes for company/organizations, users, accessibility users
-
Develop projected phases
Developing project content [Jeffrey, Daphne, Angelo, Martyna]
-
Developing content for forms: (initially google doc, maybe github later)
-
Collect info from organizations that require accessibility user testing
-
Collect info from users that can do testing
-
Collect info from accessibility ‘experts’ that organizations can hire to help make their content meet accessibility standards
-
Test/validate users’ ability to do certain kinds of ability testing
B. Developing other content for the site
-
About
-
Introductory or instructional text for each section of site
-
Contact us
C. Developing marketing content
-
Press release
-
Marketing introduction to project/service (text, possibly also video)
-
Post/send for organizations serving people with disabilities
-
Post/send for organizations seeking user accessibility testing
-
~We Need Your Expertise and Help to break down barriers and help build virtual wheelchair ramps into the sites, services and systems of the future so everyone regardless of ability can get in through the door.
-
Platform and Module Set-up and testing [Michael, Larry, Ying, Eric, Dragan]
-
Research and develop accessible Drupal theme and modules that can achieve this kind of profiling
-
Dragan suggested a module
-
-
Get server running. Brett gets instance running?
-
How to interface UI with Drupal
-
How to test users’ abilities to do accessibility testing?
-
How does
-
Project members 2017-03-25
-
Angelo DeMarsico
-
Eric Mulligan
-
Larry Burge
-
Martyna Marjanska
-
Jeffery Stark
-
Cheng Giaoying
-
Michael Milette
-
Daphne Uras
-
Dragan Nevjestic
Projected Phases
-
PHASE ONE:
-
GOALS: Build English proof of concept for testing with computers, demonstrate demand, get basic workflow in place so can apply for funds for further development
-
Build prototype (using processes A and B) that allows
-
Testers to register
-
Companies to find testers
-
Testers to upload videos of their tests (records both the audio of the speaker and the video of the screen).
-
Provide some resources for building accessible web or mobile products
-
-
-
PHASE TWO:
-
GOALS: Using external funding (?), build larger scale and more automated version
-
Build version that can handle more testers, more company requests
-
Outsource payment system?
-
Make site bilingual
-
Expand resources for building accessible web or mobile and other products
-
Provide ability for WCAG experts to register in directory, so companies can find help (phase 2 or 3)
-
-
PHASE THREE
-
GOALS: Sustainable model that incorporates lessons learned from phase two, and expands testing environments
-
Build in extra features, eg coordinating companies with testers who are willing/able to work onsite
-
Permit testers to upload videos of their tests of mobile environments as well as computer environments: videos will also capture taps, swipes, and gestures
-
Further expand resources for building accessible web or mobile products if necessary
-
Provide ability for WCAG experts to register in directory, so companies can find help (phase 2 or 3)
-
-
PHASE FOUR (dream options)
User Process Maps
Process A: Tester Signup experience process map
-
PHASE ONE
-
Register their testing abilities on site
-
Create account, email verification
-
Review technical requirements
-
Sign confidentiality agreement
-
Fill in profile (type of disability, technology, adaptive technology)
-
Do a sample test or multiple tests (tests are vetted by CWDO)
-
-
Process B: Company/organization experience process map
-
PHASE ONE
-
Company/organization registers
-
Company/organization posts a project and their requirements
-
For security reasons, project gets sent to CWDO administrator/group for approval/search
-
CWDO administrator/group finds appropriate testers
-
CWDO sends project description to potential testers
-
Testers can review material and indicate interest/availability to CWDO
-
CWDO sends user info to company
-
Company sends users content for testing
-
Testers upload their results (and notifies CWDO)
-
CWDO pays tester
-
-
PHASE TWO (after demonstrated success, something that can apply for funding)
-
System gets more automated to not require so much human handling and to let payment happen through site
-
Process C: WCAG Expert Signup experience process map
Proposed Website Structure
This is currently based on Usertesting.com’s structure, and should be reviewed and revised as necessary.
-
Home
-
Inclusive Testing can help your company improve the usability, accessibility, and searchability of your web products. We match companies with people with disabilities, who will record 10-15 minute videos detailing their usability test of your website. For a low cost you can ensure that people with a variety of disabilities as well as search engines can find, navigate and use your content.
-
-
Log in: Allows registered company to enter the system
-
Company sign up: Allows a company to register (see Proposed Form Fields)
-
Get paid to test: Sign up form to become a tester. Two types of testers. People with disability and WCAG testers. (see Proposed Form Fields)
-
How it works
-
Companies submit projects that CWDO disseminates to testers, who record their tests using screen recording software (length of the videos range between 10 and 15 minutes, depending on how many tasks the user is asked to do. Pro plans offers videos as long as an hour.)
-
Who uses us: Overview, Designers, Product Managers, marketers, Agencies, mobile Game Developers
-
Videos (sample, explanations)
-
FAQ
-
-
Resources: Overview, case studies, webinars, ebooks, white papers, tips and checklist, industry reports, our blog
-
About us: Overview, Executive team, in the news, contact us
-
Pricing: Request pricing details (call or email)
-
Help: Contact us form, FAQ
Proposed Devices Requirements:
These requirements are subject to revision; they will depend on the video testing tool.
Either a PC or Mac that meets these requirements:
PC
Operating system: Windows 7, 8 or 10.
Memory: At least 1 GB of total RAM and 0.5 GB of available RAM.
Free disk space: At least 7 GB of free disk space.
Browser: Internet Explorer 11, Firefox 45, or Chrome 49.
Mac
Operating system: OS X 10.7 or higher
Memory: At least 1 GB of total RAM and 0.5 GB of available RAM.
Free disk space: At least 7 GB of free disk space.
Browser: Firefox 45, Safari 8, or Chrome 49.
For mobile tests, you need an Android or iOS mobile phone or tablet. Sign up first to be a desktop tester, and then you can add mobile testing.
For mobile tests, your device will need to meet these requirements:
iOS
Operating system: iOS 8 or higher
Memory: At least 400MB of free space.
Android
Operating system: Android OS 5.0 or higher
Memory: At least 400MB of available space on your device and 20% battery life when you try to take a test.
-
Microphone, example
-
Screen recorder, administrator’s access is required to install the software on the computer. Some free choices are listed here: http://download.cnet.com/s/video-record-capture/windows/?tag=bc. Maybe this one which is free could be used for the purpose of this exercise: http://download.cnet.com/Apowersoft-Free-Screen-Recorder/3000-13633_4-75959899.html. It may only work for windows OS: Windows XP/2003/Vista/7/8/10
-
PayPal account, to get paid.
Proposed Form Fields
Company Sign Up Form
Choose type of organization:
-
Individual
-
Non-profit/charitable
-
Enterprise
Registration form:
First name
Last name
Work email
Phone number
Company name
Password
Password again
Registration form for disability user tester
First name
Last name
Email address
Phone number
Company name
Address
Language preference
Category of disability > vision, hearing, physical, cognitive/learning style
Primary device -pc, mac, android, ios
Technical level of knowledge… i.e. intermediate pc user
Description of disability
Description of Adaptive technology on primary computer/device
Other devices
Other adaptive technologies or options
Are you willing to travel to testing location?
Password
Password again
Qualifying test:
Vision – video, audio
Physical – video, stop video, make notes
Cognitive – video, audio
Hearing – video, stop and make notes
Learning style – video, audio
Registration form for WCAG tester
First name
Last name
Work email
Phone number
Company name
Level of WCAG knowledge
Password
Password again
Qualifying test: send WCAG test to evaluate
Accessibility Resources for site
-
Inclusive Design Research Centre: http://idrc.ocadu.ca/
-
Ontario Accessibility Laws: https://www.ontario.ca/page/accessibility-laws
-
WCAG 2.0 Quick Reference: https://www.w3.org/WAI/WCAG20/quickref/
-
WCAG Before and After site: https://www.w3.org/WAI/demos/bad/Overview.html
-
Tool – WAVE: http://wave.webaim.org/
-
Tool – Colour Contrast Analyzer: https://www.paciellogroup.com/resources/contrastanalyser/
-
Tool – NVDA (screen reader): http://www.nvaccess.org/
-
Tool – PX to EM conversion: http://pxtoem.com/
-
Tool – PDF Accessibility Checker (PAC 2): http://www.access-for-all.ch/en/pdf-lab/pdf-accessibility-checker-pac.html
-
Tool – Subtitle Horse Online Subtitle/Caption Editor: http://subtitle-horse.com/
-
Tool – W3C Feed Validator Service: https://validator.w3.org/feed/
-
Tool – W3C CSS Validation Service: https://jigsaw.w3.org/css-validator/
-
Tool – W3C HTML Markup Validation Service: https://validator.w3.org/
-
Tool – W3C Link Checker: https://validator.w3.org/checklink
Random Hacks of Kindness
CWDO Hackathon:
Inclusive Testing
Inclusive by design, accessible by default
Jeffrey Stark
Inclusive Design Research Centre
idrc.ocadu.ca
Questions?
Thank you to our RHoK team this weekend
Angelo Demarsico Cheng Qiaoyining Daphne Uras Eric Mulligan |
Jeffery Stark Larry Burge Martyna Marjanska Michael Milette |