human face-of-accessibility
TRANSCRIPT
![Page 1: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/1.jpg)
Human face of accessibilityby Elianna James
More than using JAWS
![Page 2: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/2.jpg)
Who am I? and what am I doing?
• I own a consultancy: ‘I Break Websites LLC’. I’m an advocate for end users
• Curious enough to be a cat – but I’m not• Persistent enough to be a pit bull – but I’m not• Come into my world … People who use
assistive technology as a bridge to access websites
• See it through their eyes, ears, hands
![Page 3: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/3.jpg)
HR job recruitment site
• The software is a popular online HR site• Does it work with various Assistive
Technologies?• Can the candidates get the job done ?– 1) Find a likely open job– 2) Apply for the job– 3) Understand what they are doing
![Page 4: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/4.jpg)
Their task
• Go to a job site• Find and apply for a job• Still have their wits about them at the end of
the task
![Page 5: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/5.jpg)
Meet our candidates
• Three different people• Three different skill sets related to work• Three different problems getting to the site – Can they do it?– How hard will this be?– With some feedback can we make the experience
better?
![Page 6: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/6.jpg)
Joseph Haynes, keyboard only userJoseph had an accident giving him severe spine damage. He can’t use a mouse any more but is a long time excellent accountant. photo credit: https://www.flickr.com/photos/sjixxxy/6345359269/in/set-72157603643560400 K. Praslowicz
![Page 7: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/7.jpg)
Angie DeMatteo, JAWS userAngie has a genetic condition called Retinitis Pigmentosa. Over a period of many years she has lost much of her vision. She is a skilled data entry specialist with a talent for mentoring others.Photo credit: https://www.flickr.com/photos/ldanka/3285681308/in/set-72157613160399798 Lorant Dankahazi
![Page 8: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/8.jpg)
Rudy Alphonse, ZoomText userRudy has worked as an audio visual technician for years. He is the master in his field. As his diabetes caused his sight to diminish he has resorted to ZoomText in Reader mode to keep working. Photo credit: https://www.flickr.com/photos/mahmood/4928005439/ Mahmood Al-Yousif
![Page 9: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/9.jpg)
Our plan
• Let them loose on the site with instructions to “find a job”
• Eagerly they set forth with only a little help from us
• Track problems they have• Turn those issues into “bugs” and get them on
the product roadmap
![Page 10: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/10.jpg)
Joseph used the keyboard
– Tab to go forward– Shift + Tab to go backwards– Up and down arrows
https://www.flickr.com/photos/63089963@N02/15357646087/ Lea Latumahina
![Page 11: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/11.jpg)
Joseph’s opinion
• What is Joseph’s general experience with keyboard only use?
• “I really hate it when there are a ton of links I can see, but I can’t get to the one I want easily. I have to Tab over and over to get there.”
• “Something else that makes me crazy is going through a form thinking it’s all filled out right. Then there’s an issue and I have to try to get back to fix it!”
![Page 12: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/12.jpg)
If you use a mouse you just place it wherever you want
Joseph has to move through the page Tab by Tab. He tabbed 13 times (yellow highlight) to press the ‘Search for Jobs’ button
Search page
![Page 13: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/13.jpg)
Job Application – many pages
Joseph tabs from page to page, filling out the form, moving through dropdown boxes using the arrow keys and making sure he gives the potential employer all the best details about himself.
After a while it’s time for lunch!
https://www.flickr.com/photos/63089963@N02/15357646087/ Tom Hilton
![Page 14: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/14.jpg)
How did Joseph fare?
• “I knew what I wanted. An Accountant job. That made it easier.”
• “I did a search and several came up. I would NOT want to browse on this site. It would take too long.”
• “Once I found a likely job it did take a long time to fill out the application. I had to save it off as a draft and come back later.”
![Page 15: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/15.jpg)
Angie Uses JAWS
• JAWS is a screen reader that interprets and voices what shows up on the computer screen
• Here is a demo: https://www.youtube.com/watch?v=qiKWTTtGq7U
![Page 16: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/16.jpg)
How did Angie fare?
• “At first I was ok, because the choices weren’t overwhelming. There was a simple enough search form.”
• “When I pressed the Search button the results came up silently. That was a big problem! How do I know if there were results if JAWS doesn’t tell me??”
![Page 17: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/17.jpg)
If JAWS doesn’t speak, Angie can’t hear
• Angie needs JAWS to speak so she understands what is on the screen
• Angie needed help with the site at various points because the screen did other “silent refreshes”. No visual user would this is an issue, but for Angie it is critical.
• There were also times the focus moved suddenly somewhere else, like to the top of the screen. “Whoops! Where am I??”
![Page 18: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/18.jpg)
Other problems Angie had
• Trying to navigate by using the “links list”. This is a tool that is built into JAWS.
• By bringing it up, the JAWS user can learn quickly what links are on a page and moving to them by pressing ENTER.
• Here is what a links list looks like ….. with some examples of how it may not be so useful after all
![Page 19: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/19.jpg)
Edit – edit – edit. Edit what??
![Page 20: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/20.jpg)
More about a links list
Links that are good for a screen reader user are as unique as possible They are as pithy as possible but still give infoDiscouraging if the links list says ‘Edit’, ‘Edit’, ‘Edit’ over and over‘Job Cart’, ‘Saved Searches’, ‘Account’ all give a person a better idea of where they are going and help them decide if they want to go there
![Page 21: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/21.jpg)
Rudy uses ZoomText
• ZoomText is a screen magnifier• Rudy uses a version that includes a reader so
that, when his eyes are really tired, the program also reads the text
• Notice how large the screentext is. User can only see a bit of the screen at a time.
![Page 22: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/22.jpg)
How did Rudy fare?
• “I use a 400x magnification and also use a high contrast version, yellow text on black background. I found, with this combo, some things on the screen just disappeared.”
• “When I made a mistake filling out a form the error was silent and I had to slide all over the screen to figure out what the problem was.”
![Page 23: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/23.jpg)
More about Rudy
• When any User hits an error it is helpful if the error shows up on the screen near where the user’s attention was last.
• Rudy is persistent. He successfully navigated the site and applied for an audio visual technician
![Page 24: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/24.jpg)
Summing up
• All three Users were able to accomplish their task – find a job opportunity and apply.
• All three Users couldn’t have done it without their Assistive Technology
• The JAWS user needed some extra help• Things could have been much easier if the
company and developers knew about these Users and designed the site with them in mind
![Page 25: Human face-of-accessibility](https://reader036.vdocuments.us/reader036/viewer/2022081605/58a0a0511a28ab9f758b615b/html5/thumbnails/25.jpg)
More than the usual disclaimers
• Joseph, Angie and Rudy aren’t “real” people. They are personas made up to make a point
• The photos are real people whose pictures came from Creative Commons. Attribution for photos on the slides. Thanks to the great photographers for giving physicality to my imagination!!
• Any other concerns, comments or feedback: elianna james [email protected] or 720-425-1001
• http://ibreakwebsites.com