user experience for the 100% - making your intranet accessible to everyone!

Post on 13-Feb-2017

749 Views

Category:

Software

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

@Invotra @PaulZimmerman #IntranetNow

User experience for

the 100%Making your intranet accessible to everyone!

+andrew.doyle@invotra.com +brendan.carikas@io1.co 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

What does accessibility mean to

you?

@Invotra @PaulZimmerman #IntranetNow

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

+andrew.doyle@invotra.com what is best content for this do you think?-Lisa Riemers

PerceivableOperable

UnderstandableRobust

@Invotra @PaulZimmerman #IntranetNow

Compliance or compliments?

@Invotra @PaulZimmerman #IntranetNow

AXCreating an “accessible

experience”

@Invotra @PaulZimmerman #IntranetNow

Put yourself in the shoes of your users

@Invotra @PaulZimmerman #IntranetNow

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

How many words does it take to hear a page?

@Invotra @PaulZimmerman #IntranetNow

Ask your users to demonstrate it to you.

@Invotra @PaulZimmerman #IntranetNow

Whose responsibility is it anyway?

@Invotra @PaulZimmerman #IntranetNow

You can make your content better.

@Invotra @PaulZimmerman #IntranetNow

Content is king

@Invotra @PaulZimmerman #IntranetNow

Context is queen

@Invotra @PaulZimmerman #IntranetNow

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

+paul.zimmerman@invotra.com +andrew.doyle@invotra.com 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

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

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

@Invotra @PaulZimmerman #IntranetNow

What’s the experience for your colleagues?

@Invotra @PaulZimmerman #IntranetNow

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

Style over Substance?

@Invotra @PaulZimmerman #IntranetNow

Accessibility is for everyone

@Invotra @PaulZimmerman #IntranetNow

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

So what are WE doing?

@Invotra @PaulZimmerman #IntranetNow

Want to know more?

@Invotra @PaulZimmerman #IntranetNow

@Invotra @PaulZimmerman #IntranetNow

User experience for

the 100%Making your intranet accessible to everyone!

paul.zimmerman@invotra.com

top related