user-created content: maintaining accessibility & usability when we don't control the...

46
{ User-Created Content Maintaining accessibility & usability when we don't control the content

Upload: deborahgu

Post on 12-Jun-2015

1.525 views

Category:

Technology


2 download

DESCRIPTION

Social Media sites and Learning Management Systems rely on end-users, not web developers, to create the content at the heart of the site. How can we design our interfaces to encourage users to create usable, accessible content? Can we train our users without annoying them or driving them away? What tools can we give them to make it easier for them to create the best content? Whether we have professors using Moodle or Sakai to create coursework for students, or bloggers communicating on Diaspora, identi.ca, or Dreamwidth, we want it to be easy for our users to create content every bit as accessible and usable as we would create ourselves. [The meat of this presentation is in the notes; visible on a slide by slide basis or in a PDF of the entire presentation, available at http://suberic.net/~deborah.kaplan/lca2014-upload.pdf . Sadly PPT-to-PDF notes view has no alt for the slides, and slideshare has no way of modifying a transcript to include off-slide text. In other words, my authoring tools got in the way of the accessibility of my content. The most accessible version is probably to download the PPT from slideshare, which hopefully maintained the image alt!]

TRANSCRIPT

Page 1: User-Created Content: Maintaining accessibility & usability when we don't control the content

{

User-Created Content

Maintaining accessibility & usability when we don't control the content

Page 2: User-Created Content: Maintaining accessibility & usability when we don't control the content

{

Page 3: User-Created Content: Maintaining accessibility & usability when we don't control the content

{Principles

Introduction

Page 4: User-Created Content: Maintaining accessibility & usability when we don't control the content

Make the right thing happen automatically

Teach the user as they create

Help the users do the right thing

Page 5: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 6: User-Created Content: Maintaining accessibility & usability when we don't control the content

{Examples in the alt attribute

What Not to Do

Page 7: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 8: User-Created Content: Maintaining accessibility & usability when we don't control the content

http://wave.webaim.org/

Page 9: User-Created Content: Maintaining accessibility & usability when we don't control the content

“FooBar” authoring tool

Page 10: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 11: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 12: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 13: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 14: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 15: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 16: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 17: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 18: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 19: User-Created Content: Maintaining accessibility & usability when we don't control the content

<$foobarAssetDescription$>

Page 20: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 21: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 22: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 23: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 24: User-Created Content: Maintaining accessibility & usability when we don't control the content

Interface only sometimes prompts for alt

Unclear field labels Biggest text box not always useful Alt should be context-sensitive Prepopulation is confusing Alt should be descriptive text or alt="", never filename

No help!

Page 25: User-Created Content: Maintaining accessibility & usability when we don't control the content

“Xyzzy” authoring tool

Page 26: User-Created Content: Maintaining accessibility & usability when we don't control the content

caption

Page 27: User-Created Content: Maintaining accessibility & usability when we don't control the content

caption

Alt text

Page 28: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 29: User-Created Content: Maintaining accessibility & usability when we don't control the content

Alt and caption are identical Human factor: visual result will be

unappealing to site’s usersbase

Page 30: User-Created Content: Maintaining accessibility & usability when we don't control the content

{More examples in the alt attribute

Help your users

Page 31: User-Created Content: Maintaining accessibility & usability when we don't control the content

Dreamwidth

Page 32: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 33: User-Created Content: Maintaining accessibility & usability when we don't control the content

Only two fields.

Page 34: User-Created Content: Maintaining accessibility & usability when we don't control the content

Inline help

Page 35: User-Created Content: Maintaining accessibility & usability when we don't control the content

Link to more information

Page 36: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 37: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 38: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 39: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 40: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 41: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 42: User-Created Content: Maintaining accessibility & usability when we don't control the content

Know your users

How many 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?

Page 43: User-Created Content: Maintaining accessibility & usability when we don't control the content

{Accessible embeds and styles

Silent Helping

Page 44: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 45: User-Created Content: Maintaining accessibility & usability when we don't control the content
Page 46: User-Created Content: Maintaining accessibility & usability when we don't control the content

Deborah Kaplan@deborah_guhttp://deborah.dreamwidth.org/

Further thoughts: 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?