26
@Invotra @PaulZimmerman #IntranetNow User experience for the 100% Making your intranet accessible to everyone!

User Experience for the 100% - making your intranet accessible to everyone!

  • Upload
    invotra

  • View
    749

  • Download
    1

Embed Size (px)

Citation preview

Page 1: User Experience for the 100% - making your intranet accessible to everyone!

@Invotra @PaulZimmerman #IntranetNow

User experience for

the 100%Making your intranet accessible to everyone!

[email protected] [email protected] has also used Camtasia before - you can easily download a free trial so should be able to use that to create this. Happy to take recommendations on which site we want to read off-of.-Lisa Riemers
Needs finishing off with our contact details etc-Lisa Riemers
Page 2: User Experience for the 100% - making your intranet accessible to everyone!

What does accessibility mean to

you?

@Invotra @PaulZimmerman #IntranetNow

Page 3: User Experience for the 100% - making your intranet accessible to everyone!

Accessibility definition:“The quality or characteristic of

something that makes it possible to approach, enter, or use”

Usability definition:“The fact of something being easy to use, or the degree to which it is easy to use”

@Invotra @PaulZimmerman #IntranetNow

[email protected] what is best content for this do you think?-Lisa Riemers
Page 4: User Experience for the 100% - making your intranet accessible to everyone!

PerceivableOperable

UnderstandableRobust

@Invotra @PaulZimmerman #IntranetNow

Page 5: User Experience for the 100% - making your intranet accessible to everyone!

Compliance or compliments?

@Invotra @PaulZimmerman #IntranetNow

Page 6: User Experience for the 100% - making your intranet accessible to everyone!

AXCreating an “accessible

experience”

@Invotra @PaulZimmerman #IntranetNow

Page 7: User Experience for the 100% - making your intranet accessible to everyone!

Put yourself in the shoes of your users

@Invotra @PaulZimmerman #IntranetNow

Page 8: User Experience for the 100% - making your intranet accessible to everyone!

Hear a recording of a screen reader at average speed:https://drive.google.com/file/d/0B5_cdTYp5wZoY2U1elIzUjNGOGc/view?usp=sharing

Hear a recording of a screen reader at the top speed.https://drive.google.com/file/d/0B5_cdTYp5wZoVTl4MS1wSTRRMzQ/view?usp=sharing

Page 9: User Experience for the 100% - making your intranet accessible to everyone!

How many words does it take to hear a page?

@Invotra @PaulZimmerman #IntranetNow

Page 10: User Experience for the 100% - making your intranet accessible to everyone!

Ask your users to demonstrate it to you.

@Invotra @PaulZimmerman #IntranetNow

Page 11: User Experience for the 100% - making your intranet accessible to everyone!

Whose responsibility is it anyway?

@Invotra @PaulZimmerman #IntranetNow

Page 12: User Experience for the 100% - making your intranet accessible to everyone!

You can make your content better.

@Invotra @PaulZimmerman #IntranetNow

Page 13: User Experience for the 100% - making your intranet accessible to everyone!

Content is king

@Invotra @PaulZimmerman #IntranetNow

Page 14: User Experience for the 100% - making your intranet accessible to everyone!

Context is queen

@Invotra @PaulZimmerman #IntranetNow

Page 15: User Experience for the 100% - making your intranet accessible to everyone!

Because of his role as the Commander in Chief of American forces in the Revolutionary War, and, later, the first President of the United States, George Washington is often called the "Father of his Country".

Source: WebAim Alt Text help http://webaim.org/techniques/alttext/

@Invotra @PaulZimmerman #IntranetNow

[email protected] [email protected] I've included this in here as I think it's a nice illustration of the point, could touch more on the other contextual egs in workshop. Should be enough time, but haven't run through this to know if it's 20-mins-able. Assuming this is clear enough if PZ reads out the words and audience can see there IS some context with the picture.-Lisa Riemers
Page 16: User Experience for the 100% - making your intranet accessible to everyone!

Because of his role as the Commander in Chief of American forces in the Revolutionary War, and, later, the first President of the United States, George Washington is often called the "Father of his Country".

A."Image of George Washington"B."George Washington, the first president

of the United States"C.An empty alt attribute (alt="")D."George Washington"

@Invotra @PaulZimmerman #IntranetNow

Page 17: User Experience for the 100% - making your intranet accessible to everyone!

A."Image of George Washington"B."George Washington, the first president

of the United States"C.An empty alt attribute (alt="") will

suffice.D."George Washington"

Because of his role as the Commander in Chief of American forces in the Revolutionary War, and, later, the first President of the United States, George Washington is often called the "Father of his Country".

@Invotra @PaulZimmerman #IntranetNow

Page 18: User Experience for the 100% - making your intranet accessible to everyone!

@Invotra @PaulZimmerman #IntranetNow

Page 19: User Experience for the 100% - making your intranet accessible to everyone!

What’s the experience for your colleagues?

@Invotra @PaulZimmerman #IntranetNow

Page 20: User Experience for the 100% - making your intranet accessible to everyone!

Use some tools to tell you things:1. Evaluate page-by-page? Use ‘WAVE’

2. Evaluate your site + many more tools? See the W3 community (https://www.w3.org/WAI/ER/tools/)

3. Check your design (http://webaim.org/resources/contrastchecker/)

@Invotra @PaulZimmerman #IntranetNow

Page 21: User Experience for the 100% - making your intranet accessible to everyone!

Style over Substance?

@Invotra @PaulZimmerman #IntranetNow

Page 22: User Experience for the 100% - making your intranet accessible to everyone!

Accessibility is for everyone

@Invotra @PaulZimmerman #IntranetNow

Page 23: User Experience for the 100% - making your intranet accessible to everyone!

What else can you do?

1. Unplug your mouse, only use your keyboard2. Try navigating using the arrow keys3. Disable all styles to see the path of the screen

reader (screen readers care about html)4. Try it wearing boxing gloves or swimming

goggles (thanks @SimonThompson)5. Try it after a glass of wine (thanks @lisariemers)6. Ask your provider awkward questions!

@Invotra @PaulZimmerman #IntranetNow

Page 24: User Experience for the 100% - making your intranet accessible to everyone!

So what are WE doing?

@Invotra @PaulZimmerman #IntranetNow

Page 25: User Experience for the 100% - making your intranet accessible to everyone!

Want to know more?

@Invotra @PaulZimmerman #IntranetNow

Page 26: User Experience for the 100% - making your intranet accessible to everyone!

@Invotra @PaulZimmerman #IntranetNow

User experience for

the 100%Making your intranet accessible to everyone!

[email protected]