Download to read offline
More Related Content
Similar to User Created Content: Maintain accessibility in content you don't control
User Created Content: Maintain accessibility in content you don't control
- 1. User-Created Content Maintaining accessibilityand usability when you don't control the content Athena Yao dreamwidth.org
- 2. What I'm nottalking about General Accessibility
- 3. What I'm nottalking about (things you write)
- 4. What I amtalking about Authoring Tools
- 5. What I amtalking about ! (things you write that let other people write their own things)
- 6. W3C Web AccessibilityInitiative Authoring Tool Accessibility Guidelines (ATAG)
- 7.
- 8. Principles • Make the rightthing happen automatically
- 9. Principles • Make the rightthing happen automatically • Teach the user as they create
- 10. Principles • Make the rightthing happen automatically • Teach the user as they create • Help the user do the right thing
- 11. Not alt text Thisis the title
- 12. Alt text Exposed byhttp:// wave.webaim.org
- 13. What not todo Examples in the alt attribute
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. • Label - filename ! • Description- alt text Foobr example
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. • Label - filename ! • Description- alt text Foobr example
- 27. • Label - filenamealt text! ! • Description - alt text Foobr example
- 28. • Label - filenamealt text ! • Description - alt text <$foobrAssetDescription> Foobr example
- 29. • Label - filenamealt text ! • Description - alt text <$foobrAssetDescription> unused Foobr example
- 30.
- 31. • Interface only sometimesprompts for alt Foobr summary
- 32. • Interface only sometimesprompts for alt • Unclear field labels Foobr summary
- 33. • Interface only sometimesprompts for alt • Unclear field labels • Biggest textbox not always useful Foobr summary
- 34. • Interface only sometimesprompts for alt • Unclear field labels • Biggest textbox not always useful • Alt should be context-sensitive Foobr summary
- 35. • Interface only sometimesprompts for alt • Unclear field labels • Biggest textbox not always useful • Alt should be context-sensitive • Prepopulation is confusing Foobr summary
- 36. • Interface only sometimesprompts for alt • Unclear field labels • Biggest textbox not always useful • Alt should be context-sensitive • Prepopulation is confusing • Alt should be descriptive text or alt= "", never filename Foobr summary
- 37. • Interface only sometimesprompts for alt • Unclear field labels • Biggest textbox not always useful • Alt should be context-sensitive • Prepopulation is confusing • Alt should be descriptive text or alt= "", never filename • No help! Foobr summary
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49. Xyzzy summary • Alt and caption areidentical
- 50. Xyzzy summary • Alt and caption areidentical • Human factor: visual result unappealing to site's userbase
- 51. Help your users Moreexamples in the alt attribute
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65. Know Your Users • Howmany options can they tolerate?
- 66. Know Your Users • Howmany options can they tolerate? • Are you enforcing or encouraging?
- 67. Know Your Users • Howmany options can they tolerate? • Are you enforcing or encouraging? • What kind of education can you do?
- 68. Know Your Users • Howmany options can they tolerate? • Are you enforcing or encouraging? • What kind of education can you do? • Do they already care about accessibility?
- 69. Know Your Users • Howmany options can they tolerate? • Are you enforcing or encouraging? • What kind of education can you do? • Do they already care about accessibility? • What visual effect is acceptable to your users?
- 70. Know Your Users • Howmany options can they tolerate? • Are you enforcing or encouraging? • What kind of education can you do? • Do they already care about accessibility? • What visual effect is acceptable to your users? • What level of hand coding can they do?
- 71.
- 74. Presentation: Athena Yao @afuna http://fu.dreamwidth.org Slides: Deborah Kaplan @deborah_gu http://deborah.dreamwidth.org Furtherresources: • Authoring Tool Accessibility Guidelines: http:// www.w3.org/WAI/intro/atag.php • Comparing Learning Management Systems: http:// weba.im/csun2013lms • Web Accessibility for the 21st century: https:// github.com/rahaeli/accessibility Questions?