Web accessibility Development Tools In Action
•Transferir como PPTX, PDF•
1 gostou•530 visualizações
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (15)
Semelhante a Web accessibility Development Tools In Action
Semelhante a Web accessibility Development Tools In Action (20)
Mais de Sean Yo
Mais de Sean Yo (18)
Web accessibility Development Tools In Action
- 1. Web AccessibilitYDevelopMent WebDev A11y Tools In Action @seanyo seanyo.ca sean.yo@uoguelph.ca
- 2. When is Your Website Accessible?
- 3. If a person encounters a barrier to using your website, then your website is not accessible A high standard, but one worth striving for
- 4. If a person encounters a barrier to using your website, then your website is not accessible
- 5. If a person encounters a barrier to using your website, then your website is not accessible
- 6. Web Accessibility is about People
- 8. Web Accessibility is a Process
- 9. Define Accessibility for your project Be SMART Specific, Measurable, Attainable, Realistic, Timely
- 12. Tools
- 13. wave.webaim.org
- 14. WAVE toolbar
- 18. Taw Standalone
- 20. FAE: Functional Accessibility Evaluator http://fae.cita.uiuc.edu/
- 22. Fangs firefox screen reader emulator
- 24. NVDA Non-visual Desktop access
- 25. Holmes.css
- 28. Resources
- 29. www.w3.org/WAI Web Accessibility Initiative
- 30. Before and after demonstration http://www.w3.org/WAI/demos/bad/
- 31. webaim.org
- 33. Books
- 37. Connect @seanyo http://seanyo.ca sean.yo@uoguelph.ca Get in touch. Srsly. I’m very lonely.
Notas do Editor
- Ask Audience and guide them to the next slide
- This isn’t meant to be discouraging, but highlight the gap between checklists and experience.
- Most importantly, I want to acknowledge that a11y can be a hard problem to solve, because its centered people. Not a checklist, not success criteria, not even a browser or a screen reader. All those things are important and part of the equation.
- The next thing I want to focus on is a person encountering a barrier – I just want to note that this is an active process. This is an experience the person has – one where they make decisions about how to engage our websites that we can’t always predict or anticipate.
- At the heart of a11y is connecting people to information. People engaging our websites successfully – and unsuccessfully. When someone encounters a barrier to accessing one of our websites, that is a problem we need to hear about and then work to resolve. So the good news is that if your engaging your users, being authentic and you’re committed to removing barriers on your website then your being accessible.
- Never forget we build websites for the people who use them, not the people who build them or even the people who pay for them. If you were a chef and made every recipe the way the owner wanted, but no one liked the food, you wouldn’t be successful.XKCD Comic: Venn Diagram of Things on the Front Page of A University Website and Things People Go To The Site Looking ForCampus Photo SlideshowAlumni In The NewsLetter From The PresidentVirtual TourParking InformationUsable Campus MapAcademic CalendarApplication FormsFull Name of School
- We’re going to talk about a lot of tools today – please don’t forget that web a11y is a process – not a tool. Tools are finite…accessibiilty is an ongoing cycle of needs, content, standards and technology.
- The any barrier encountered defn is a challengeWe can mitigate this challenge by not trying to use a cookie cutter, one size fits all idea of what it means to be accessible.
- We can measure a11y with tools – which is what I’ll be talking about today. Tools are good for baselines and contextWe need to focus our work on people – which means when we’re having conversations with people about their experience with our websites is when we’re measuring a11yAnd in addition to measuring the accessibility experience our users have, we need to develop accessibility expertise in our developers. Think of a cabinet maker who can spot a corner that isn’t square at a glance – she can get a t-square and measure it and confirm the error, but a keen eye and practiced expertise is what is valuable.
- Test wave on wavehttp://www.standards-schmandards.com/2009/pitfalls-of-web-accessibility-evaluation-tools/ Seanyo.caThen show hackguelph.ca
- Hackguelph.caNote the tight coupling with W3C success criteriaExplicitly provides actions that are only possible by a humanSummary, Marked view, Details, Listing
- A11ycamp.org
- A11ycamp.org
- A11ycamp.org
- http://wptalk.org/holmes-css-checker/
- A11ycamp.org
- http://www.addedbytes.com/lab/readability-score/ Scene: A cafe. One table is occupied by a group of Vikings wearing horned helmets. Whenever the word "spam" is repeated, they begin singing and/or chanting. A man and his wife enter. The man is played by Eric Idle, the wife is played by Graham Chapman (in drag), and the waitress is played by Terry Jones, also in drag.Man:You sit here, dear.Wife:Allright.Man:Morning!Waitress:Morning!Man:Well, what've you got?Waitress:Well, there's egg and bacon; egg sausage and bacon; egg and spam; egg bacon and spam; egg bacon sausage and spam; spam bacon sausage and spam; spam egg spam spam bacon and spam; spam sausage spam spam bacon spam tomato and spam;Vikings:Spam spam spamspam...Waitress:...spam spamspam egg and spam; spam spamspamspamspamspam baked beans spam spamspam...Vikings:Spam! Lovely spam! Lovely spam!Waitress:...or Lobster Thermidor a Crevette with a mornay sauce served in a Provencale manner with shallots and aubergines garnished with truffle pate, brandy and with a fried egg on top and spam.Wife:Have you got anything without spam?Waitress:Well, there's spam egg sausage and spam, that's not got much spam in it.Wife:I don't want ANY spam!Man:Why can't she have egg bacon spam and sausage?Wife:THAT'S got spam in it!Man:Hasn't got as much spam in it as spam egg sausage and spam, has it?Vikings:Spam spam spamspam... (Crescendo through next few lines...)Wife:Could you do the egg bacon spam and sausage without the spam then?Waitress:Urgghh!Wife:What do you mean 'Urgghh'? I don't like spam!Vikings:Lovely spam! Wonderful spam!Waitress:Shutup!Vikings:Lovely spam! Wonderful spam!Waitress:Shut up! (Vikings stop) Bloody Vikings! You can't have egg bacon spam and sausage without the spam.Wife:I don't like spam!Man:Sshh, dear, don't cause a fuss. I'll have your spam. I love it. I'm having spam spamspamspamspamspamspam beaked beans spam spamspam and spam!Vikings:Spam spam spamspam. Lovely spam! Wonderful spam!Waitress:Shut up!! Baked beans are off.Man:Well could I have her spam instead of the baked beans then?Waitress:You mean spam spamspamspamspamspam... (but it is too late and the Vikings drown her words)Vikings:(Singing elaborately...) Spam spamspamspam. Lovely spam! Wonderful spam! Spam spa-a-a-a-a-am spam spa-a-a-a-a-am spam. Lovely spam! Lovely spam! Lovely spam! Lovely spam! Lovely spam! Spam spamspamspam!