SlideShare a Scribd company logo
1 of 26
Download to read offline
@Invotra @PaulZimmerman #IntranetNow
User experience
for the 100%
Making your intranet accessible to everyone!
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
Perceivable
Operable
Understandable
Robust
@Invotra @PaulZimmerman #IntranetNow
Compliance
or compliments?
@Invotra @PaulZimmerman #IntranetNow
AX
Creating 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
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’
1. Evaluate your site + many more tools? See the W3
community (https://www.w3.org/WAI/ER/tools/)
1. 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 keyboard
2. Try navigating using the arrow keys
3. 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

More Related Content

Viewers also liked

Launching a social intranet - Bettina Hasan and Diane Murgatroyd
Launching a social intranet - Bettina Hasan and Diane MurgatroydLaunching a social intranet - Bettina Hasan and Diane Murgatroyd
Launching a social intranet - Bettina Hasan and Diane MurgatroydIntranet Now
 
Bringing all our processes together - Keri Harrowven
Bringing all our processes together - Keri HarrowvenBringing all our processes together - Keri Harrowven
Bringing all our processes together - Keri HarrowvenIntranet Now
 
User focus equals business benefit - Dave Hall and Nicole Carter
User focus equals business benefit - Dave Hall and Nicole CarterUser focus equals business benefit - Dave Hall and Nicole Carter
User focus equals business benefit - Dave Hall and Nicole CarterIntranet Now
 
Getting past 'so what' metrics like page views and visits to show the busines...
Getting past 'so what' metrics like page views and visits to show the busines...Getting past 'so what' metrics like page views and visits to show the busines...
Getting past 'so what' metrics like page views and visits to show the busines...Intranet Now
 
How our ESN impacts the bottom line - Kevin Austin
How our ESN impacts the bottom line - Kevin AustinHow our ESN impacts the bottom line - Kevin Austin
How our ESN impacts the bottom line - Kevin AustinIntranet Now
 
Why poor training is killing your intranet - Andrew Gilleran
Why poor training is killing your intranet - Andrew GilleranWhy poor training is killing your intranet - Andrew Gilleran
Why poor training is killing your intranet - Andrew GilleranIntranet Now
 
Why effective internal communications is business critical -Sasha de Speville
Why effective internal communications is business critical -Sasha de SpevilleWhy effective internal communications is business critical -Sasha de Speville
Why effective internal communications is business critical -Sasha de SpevilleIntranet Now
 
The case for agile intranets - James Dellow
The case for agile intranets - James DellowThe case for agile intranets - James Dellow
The case for agile intranets - James DellowIntranet Now
 
How to design for engagement- Kevin Cody
How to design for engagement- Kevin CodyHow to design for engagement- Kevin Cody
How to design for engagement- Kevin CodyIntranet Now
 
Please don't call it an intranet - Alex Skinner
Please don't call it an intranet - Alex SkinnerPlease don't call it an intranet - Alex Skinner
Please don't call it an intranet - Alex SkinnerIntranet Now
 
Intranet rethink - Ernst Decsey
Intranet rethink - Ernst DecseyIntranet rethink - Ernst Decsey
Intranet rethink - Ernst DecseyIntranet Now
 
Championing the user - John Scott
Championing the user - John ScottChampioning the user - John Scott
Championing the user - John ScottIntranet Now
 
Lessons we learned working together across three councils - Rachel Miller wit...
Lessons we learned working together across three councils - Rachel Miller wit...Lessons we learned working together across three councils - Rachel Miller wit...
Lessons we learned working together across three councils - Rachel Miller wit...Intranet Now
 
Adding value through collaboration - Jenni Field
Adding value through collaboration - Jenni FieldAdding value through collaboration - Jenni Field
Adding value through collaboration - Jenni FieldIntranet Now
 
How to resuscitate your intranet - Andrew Hesselden
How to resuscitate your intranet - Andrew HesseldenHow to resuscitate your intranet - Andrew Hesselden
How to resuscitate your intranet - Andrew HesseldenIntranet Now
 
A very short history of intranets - Martin White
A very short history of intranets - Martin WhiteA very short history of intranets - Martin White
A very short history of intranets - Martin WhiteIntranet Now
 
Balancing global and local needs - Hanna Karppi
Balancing global and local needs - Hanna KarppiBalancing global and local needs - Hanna Karppi
Balancing global and local needs - Hanna KarppiIntranet Now
 
Hubs, hives, and hangouts - Sam Marshall
Hubs, hives, and hangouts - Sam MarshallHubs, hives, and hangouts - Sam Marshall
Hubs, hives, and hangouts - Sam MarshallIntranet Now
 
SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014
SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014
SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014SAMeh Zaghloul
 

Viewers also liked (20)

Launching a social intranet - Bettina Hasan and Diane Murgatroyd
Launching a social intranet - Bettina Hasan and Diane MurgatroydLaunching a social intranet - Bettina Hasan and Diane Murgatroyd
Launching a social intranet - Bettina Hasan and Diane Murgatroyd
 
Bringing all our processes together - Keri Harrowven
Bringing all our processes together - Keri HarrowvenBringing all our processes together - Keri Harrowven
Bringing all our processes together - Keri Harrowven
 
User focus equals business benefit - Dave Hall and Nicole Carter
User focus equals business benefit - Dave Hall and Nicole CarterUser focus equals business benefit - Dave Hall and Nicole Carter
User focus equals business benefit - Dave Hall and Nicole Carter
 
Getting past 'so what' metrics like page views and visits to show the busines...
Getting past 'so what' metrics like page views and visits to show the busines...Getting past 'so what' metrics like page views and visits to show the busines...
Getting past 'so what' metrics like page views and visits to show the busines...
 
How our ESN impacts the bottom line - Kevin Austin
How our ESN impacts the bottom line - Kevin AustinHow our ESN impacts the bottom line - Kevin Austin
How our ESN impacts the bottom line - Kevin Austin
 
Why poor training is killing your intranet - Andrew Gilleran
Why poor training is killing your intranet - Andrew GilleranWhy poor training is killing your intranet - Andrew Gilleran
Why poor training is killing your intranet - Andrew Gilleran
 
Why effective internal communications is business critical -Sasha de Speville
Why effective internal communications is business critical -Sasha de SpevilleWhy effective internal communications is business critical -Sasha de Speville
Why effective internal communications is business critical -Sasha de Speville
 
The case for agile intranets - James Dellow
The case for agile intranets - James DellowThe case for agile intranets - James Dellow
The case for agile intranets - James Dellow
 
How to design for engagement- Kevin Cody
How to design for engagement- Kevin CodyHow to design for engagement- Kevin Cody
How to design for engagement- Kevin Cody
 
Please don't call it an intranet - Alex Skinner
Please don't call it an intranet - Alex SkinnerPlease don't call it an intranet - Alex Skinner
Please don't call it an intranet - Alex Skinner
 
Intranet rethink - Ernst Decsey
Intranet rethink - Ernst DecseyIntranet rethink - Ernst Decsey
Intranet rethink - Ernst Decsey
 
Championing the user - John Scott
Championing the user - John ScottChampioning the user - John Scott
Championing the user - John Scott
 
Lessons we learned working together across three councils - Rachel Miller wit...
Lessons we learned working together across three councils - Rachel Miller wit...Lessons we learned working together across three councils - Rachel Miller wit...
Lessons we learned working together across three councils - Rachel Miller wit...
 
Adding value through collaboration - Jenni Field
Adding value through collaboration - Jenni FieldAdding value through collaboration - Jenni Field
Adding value through collaboration - Jenni Field
 
How to resuscitate your intranet - Andrew Hesselden
How to resuscitate your intranet - Andrew HesseldenHow to resuscitate your intranet - Andrew Hesselden
How to resuscitate your intranet - Andrew Hesselden
 
A very short history of intranets - Martin White
A very short history of intranets - Martin WhiteA very short history of intranets - Martin White
A very short history of intranets - Martin White
 
Balancing global and local needs - Hanna Karppi
Balancing global and local needs - Hanna KarppiBalancing global and local needs - Hanna Karppi
Balancing global and local needs - Hanna Karppi
 
Hubs, hives, and hangouts - Sam Marshall
Hubs, hives, and hangouts - Sam MarshallHubs, hives, and hangouts - Sam Marshall
Hubs, hives, and hangouts - Sam Marshall
 
SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014
SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014
SDN 101: Software Defined Networking Course - Sameh Zaghloul/IBM - 2014
 
Forklift ITA Equipment Classifications
Forklift ITA Equipment ClassificationsForklift ITA Equipment Classifications
Forklift ITA Equipment Classifications
 

Similar to User experience for the 100 percent - Paul Zimmerman

Drupal Camp Accessibility Presentation 2013
Drupal Camp Accessibility Presentation 2013Drupal Camp Accessibility Presentation 2013
Drupal Camp Accessibility Presentation 2013Phase2
 
The Digital Teacher
The Digital TeacherThe Digital Teacher
The Digital TeacherKyle Pace
 
"The evolution of mobile apps". Alan Cannistraro, Facebook
"The evolution of mobile apps". Alan Cannistraro, Facebook"The evolution of mobile apps". Alan Cannistraro, Facebook
"The evolution of mobile apps". Alan Cannistraro, FacebookYandex
 
Internet Safety & Security
Internet Safety & Security Internet Safety & Security
Internet Safety & Security Austin Stroud
 
Troubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT StaffTroubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT StaffToby Greenwalt
 
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...Miminten
 
Strange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online AccessibilityStrange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online AccessibilityIan Forrest
 
Internet Movie Database (IMDB) Presentation
Internet Movie Database (IMDB) PresentationInternet Movie Database (IMDB) Presentation
Internet Movie Database (IMDB) Presentationlyvette24
 
Accessibility presentation at Drupal Government Days
Accessibility presentation at Drupal Government DaysAccessibility presentation at Drupal Government Days
Accessibility presentation at Drupal Government DaysPhase2
 
Product camp dc 2010 building great user experiences into your products
Product camp dc 2010   building great user experiences into your productsProduct camp dc 2010   building great user experiences into your products
Product camp dc 2010 building great user experiences into your productsSteven Fisher
 
Curating Social Media Data And Compiling Them Together
Curating Social Media Data And Compiling Them TogetherCurating Social Media Data And Compiling Them Together
Curating Social Media Data And Compiling Them TogetherPitra Satvika
 
Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...
Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...
Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...dmg events Asia
 
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...Amazon Appstore Developers
 

Similar to User experience for the 100 percent - Paul Zimmerman (13)

Drupal Camp Accessibility Presentation 2013
Drupal Camp Accessibility Presentation 2013Drupal Camp Accessibility Presentation 2013
Drupal Camp Accessibility Presentation 2013
 
The Digital Teacher
The Digital TeacherThe Digital Teacher
The Digital Teacher
 
"The evolution of mobile apps". Alan Cannistraro, Facebook
"The evolution of mobile apps". Alan Cannistraro, Facebook"The evolution of mobile apps". Alan Cannistraro, Facebook
"The evolution of mobile apps". Alan Cannistraro, Facebook
 
Internet Safety & Security
Internet Safety & Security Internet Safety & Security
Internet Safety & Security
 
Troubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT StaffTroubleshooting Tips for Non-IT Staff
Troubleshooting Tips for Non-IT Staff
 
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
 
Strange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online AccessibilityStrange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
 
Internet Movie Database (IMDB) Presentation
Internet Movie Database (IMDB) PresentationInternet Movie Database (IMDB) Presentation
Internet Movie Database (IMDB) Presentation
 
Accessibility presentation at Drupal Government Days
Accessibility presentation at Drupal Government DaysAccessibility presentation at Drupal Government Days
Accessibility presentation at Drupal Government Days
 
Product camp dc 2010 building great user experiences into your products
Product camp dc 2010   building great user experiences into your productsProduct camp dc 2010   building great user experiences into your products
Product camp dc 2010 building great user experiences into your products
 
Curating Social Media Data And Compiling Them Together
Curating Social Media Data And Compiling Them TogetherCurating Social Media Data And Compiling Them Together
Curating Social Media Data And Compiling Them Together
 
Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...
Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...
Keynote Presentation: Using Authentic Content to Engage an Audience that Hate...
 
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
Creating Rich Multi-Screen Experiences on Android with Amazon Fling - Mario V...
 

More from Intranet Now

Content design for the intranet - three planning techniques.pptx
Content design for the intranet - three planning techniques.pptxContent design for the intranet - three planning techniques.pptx
Content design for the intranet - three planning techniques.pptxIntranet Now
 
A lightning-fast introduction to content design for intranet publishers
A lightning-fast introduction to content design for intranet publishersA lightning-fast introduction to content design for intranet publishers
A lightning-fast introduction to content design for intranet publishersIntranet Now
 
Intranet page planning with content design techniques
Intranet page planning with content design techniquesIntranet page planning with content design techniques
Intranet page planning with content design techniquesIntranet Now
 
Content design for communicators and publishers- IntraTeam 2020
Content design for communicators and publishers- IntraTeam 2020Content design for communicators and publishers- IntraTeam 2020
Content design for communicators and publishers- IntraTeam 2020Intranet Now
 
Content design for internal communicators
Content design for internal communicatorsContent design for internal communicators
Content design for internal communicatorsIntranet Now
 
Linking the digital workplace to organisation design — Jon Ingham
Linking the digital workplace to organisation design — Jon InghamLinking the digital workplace to organisation design — Jon Ingham
Linking the digital workplace to organisation design — Jon InghamIntranet Now
 
A briefing encounter — Mark Owen — Affinity Water
A briefing encounter — Mark Owen — Affinity WaterA briefing encounter — Mark Owen — Affinity Water
A briefing encounter — Mark Owen — Affinity WaterIntranet Now
 
Auditing your intranet content — Annette Corbett — DigiSEO
Auditing your intranet content — Annette Corbett — DigiSEOAuditing your intranet content — Annette Corbett — DigiSEO
Auditing your intranet content — Annette Corbett — DigiSEOIntranet Now
 
The intranet of now — James Mowatt — WM Reply
The intranet of now — James Mowatt — WM ReplyThe intranet of now — James Mowatt — WM Reply
The intranet of now — James Mowatt — WM ReplyIntranet Now
 
Not a long jumper — Greig Rutherford — Standard Life Aberdeen
Not a long jumper — Greig Rutherford — Standard Life AberdeenNot a long jumper — Greig Rutherford — Standard Life Aberdeen
Not a long jumper — Greig Rutherford — Standard Life AberdeenIntranet Now
 
Digital evolution in the workplace — Simon Hudson and Martin Hutchinson
Digital evolution in the workplace — Simon Hudson and Martin HutchinsonDigital evolution in the workplace — Simon Hudson and Martin Hutchinson
Digital evolution in the workplace — Simon Hudson and Martin HutchinsonIntranet Now
 
Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...
Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...
Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...Intranet Now
 
Give the people what they want — Hannah Moss — Willmott Dixon
Give the people what they want — Hannah Moss — Willmott DixonGive the people what they want — Hannah Moss — Willmott Dixon
Give the people what they want — Hannah Moss — Willmott DixonIntranet Now
 
Zhuzh up your content strategy —Kelly Freeman — Interact
Zhuzh up your content strategy —Kelly Freeman — InteractZhuzh up your content strategy —Kelly Freeman — Interact
Zhuzh up your content strategy —Kelly Freeman — InteractIntranet Now
 
One small step back one giant leap forwards — Melissa Masterton — The AA
One small step back one giant leap forwards — Melissa Masterton — The AAOne small step back one giant leap forwards — Melissa Masterton — The AA
One small step back one giant leap forwards — Melissa Masterton — The AAIntranet Now
 
Measuring the value of a user centred approach to intranets — John Baptiste-K...
Measuring the value of a user centred approach to intranets — John Baptiste-K...Measuring the value of a user centred approach to intranets — John Baptiste-K...
Measuring the value of a user centred approach to intranets — John Baptiste-K...Intranet Now
 
The elements of strategy — Fintan Galvin — Invotra
The elements of strategy — Fintan Galvin — InvotraThe elements of strategy — Fintan Galvin — Invotra
The elements of strategy — Fintan Galvin — InvotraIntranet Now
 
Enterprise social network - friend or foe — Anne-Marie Kiernan
Enterprise social network - friend or foe — Anne-Marie KiernanEnterprise social network - friend or foe — Anne-Marie Kiernan
Enterprise social network - friend or foe — Anne-Marie KiernanIntranet Now
 
Using data to target content appropriately — Nick Allport
Using data to target content appropriately — Nick AllportUsing data to target content appropriately — Nick Allport
Using data to target content appropriately — Nick AllportIntranet Now
 
Sticking your digital workplace together — Sam Marshall
Sticking your digital workplace together — Sam MarshallSticking your digital workplace together — Sam Marshall
Sticking your digital workplace together — Sam MarshallIntranet Now
 

More from Intranet Now (20)

Content design for the intranet - three planning techniques.pptx
Content design for the intranet - three planning techniques.pptxContent design for the intranet - three planning techniques.pptx
Content design for the intranet - three planning techniques.pptx
 
A lightning-fast introduction to content design for intranet publishers
A lightning-fast introduction to content design for intranet publishersA lightning-fast introduction to content design for intranet publishers
A lightning-fast introduction to content design for intranet publishers
 
Intranet page planning with content design techniques
Intranet page planning with content design techniquesIntranet page planning with content design techniques
Intranet page planning with content design techniques
 
Content design for communicators and publishers- IntraTeam 2020
Content design for communicators and publishers- IntraTeam 2020Content design for communicators and publishers- IntraTeam 2020
Content design for communicators and publishers- IntraTeam 2020
 
Content design for internal communicators
Content design for internal communicatorsContent design for internal communicators
Content design for internal communicators
 
Linking the digital workplace to organisation design — Jon Ingham
Linking the digital workplace to organisation design — Jon InghamLinking the digital workplace to organisation design — Jon Ingham
Linking the digital workplace to organisation design — Jon Ingham
 
A briefing encounter — Mark Owen — Affinity Water
A briefing encounter — Mark Owen — Affinity WaterA briefing encounter — Mark Owen — Affinity Water
A briefing encounter — Mark Owen — Affinity Water
 
Auditing your intranet content — Annette Corbett — DigiSEO
Auditing your intranet content — Annette Corbett — DigiSEOAuditing your intranet content — Annette Corbett — DigiSEO
Auditing your intranet content — Annette Corbett — DigiSEO
 
The intranet of now — James Mowatt — WM Reply
The intranet of now — James Mowatt — WM ReplyThe intranet of now — James Mowatt — WM Reply
The intranet of now — James Mowatt — WM Reply
 
Not a long jumper — Greig Rutherford — Standard Life Aberdeen
Not a long jumper — Greig Rutherford — Standard Life AberdeenNot a long jumper — Greig Rutherford — Standard Life Aberdeen
Not a long jumper — Greig Rutherford — Standard Life Aberdeen
 
Digital evolution in the workplace — Simon Hudson and Martin Hutchinson
Digital evolution in the workplace — Simon Hudson and Martin HutchinsonDigital evolution in the workplace — Simon Hudson and Martin Hutchinson
Digital evolution in the workplace — Simon Hudson and Martin Hutchinson
 
Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...
Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...
Alignment a series of leaps — Martin Stubbs-Partridge — Scottish Natural Heri...
 
Give the people what they want — Hannah Moss — Willmott Dixon
Give the people what they want — Hannah Moss — Willmott DixonGive the people what they want — Hannah Moss — Willmott Dixon
Give the people what they want — Hannah Moss — Willmott Dixon
 
Zhuzh up your content strategy —Kelly Freeman — Interact
Zhuzh up your content strategy —Kelly Freeman — InteractZhuzh up your content strategy —Kelly Freeman — Interact
Zhuzh up your content strategy —Kelly Freeman — Interact
 
One small step back one giant leap forwards — Melissa Masterton — The AA
One small step back one giant leap forwards — Melissa Masterton — The AAOne small step back one giant leap forwards — Melissa Masterton — The AA
One small step back one giant leap forwards — Melissa Masterton — The AA
 
Measuring the value of a user centred approach to intranets — John Baptiste-K...
Measuring the value of a user centred approach to intranets — John Baptiste-K...Measuring the value of a user centred approach to intranets — John Baptiste-K...
Measuring the value of a user centred approach to intranets — John Baptiste-K...
 
The elements of strategy — Fintan Galvin — Invotra
The elements of strategy — Fintan Galvin — InvotraThe elements of strategy — Fintan Galvin — Invotra
The elements of strategy — Fintan Galvin — Invotra
 
Enterprise social network - friend or foe — Anne-Marie Kiernan
Enterprise social network - friend or foe — Anne-Marie KiernanEnterprise social network - friend or foe — Anne-Marie Kiernan
Enterprise social network - friend or foe — Anne-Marie Kiernan
 
Using data to target content appropriately — Nick Allport
Using data to target content appropriately — Nick AllportUsing data to target content appropriately — Nick Allport
Using data to target content appropriately — Nick Allport
 
Sticking your digital workplace together — Sam Marshall
Sticking your digital workplace together — Sam MarshallSticking your digital workplace together — Sam Marshall
Sticking your digital workplace together — Sam Marshall
 

Recently uploaded

MoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor PresentationMoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor Presentationbaron83
 
Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Lviv Startup Club
 
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês  em formato pptPlano de marketing- inglês  em formato ppt
Plano de marketing- inglês em formato pptElizangelaSoaresdaCo
 
Trauma Training Service for First Responders
Trauma Training Service for First RespondersTrauma Training Service for First Responders
Trauma Training Service for First RespondersBPOQe
 
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptxHELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptxHelene Heckrotte
 
Lecture_6.pptx English speaking easyb to
Lecture_6.pptx English speaking easyb toLecture_6.pptx English speaking easyb to
Lecture_6.pptx English speaking easyb toumarfarooquejamali32
 
To Create Your Own Wig Online To Create Your Own Wig Online
To Create Your Own Wig Online  To Create Your Own Wig OnlineTo Create Your Own Wig Online  To Create Your Own Wig Online
To Create Your Own Wig Online To Create Your Own Wig Onlinelng ths
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access
 
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISINGUNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISINGlokeshwarmaha
 
Fabric RFID Wristbands in Ireland for Events and Festivals
Fabric RFID Wristbands in Ireland for Events and FestivalsFabric RFID Wristbands in Ireland for Events and Festivals
Fabric RFID Wristbands in Ireland for Events and FestivalsWristbands Ireland
 
Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Reportamberjiles31
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access
 
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...AustraliaChapterIIBA
 
Personal Brand Exploration Presentation Eric Bonilla
Personal Brand Exploration Presentation Eric BonillaPersonal Brand Exploration Presentation Eric Bonilla
Personal Brand Exploration Presentation Eric BonillaEricBonilla13
 
Talent Management research intelligence_13 paradigm shifts_20 March 2024.pdf
Talent Management research intelligence_13 paradigm shifts_20 March 2024.pdfTalent Management research intelligence_13 paradigm shifts_20 March 2024.pdf
Talent Management research intelligence_13 paradigm shifts_20 March 2024.pdfCharles Cotter, PhD
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024Stephan Koning
 
Entrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizationsEntrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizationsP&CO
 
Data skills for Agile Teams- Killing story points
Data skills for Agile Teams- Killing story pointsData skills for Agile Teams- Killing story points
Data skills for Agile Teams- Killing story pointsyasinnathani
 
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessQ2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessAPCO
 

Recently uploaded (20)

MoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor PresentationMoneyBridge Pitch Deck - Investor Presentation
MoneyBridge Pitch Deck - Investor Presentation
 
Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)Michael Vidyakin: Introduction to PMO (UA)
Michael Vidyakin: Introduction to PMO (UA)
 
Plano de marketing- inglês em formato ppt
Plano de marketing- inglês  em formato pptPlano de marketing- inglês  em formato ppt
Plano de marketing- inglês em formato ppt
 
Trauma Training Service for First Responders
Trauma Training Service for First RespondersTrauma Training Service for First Responders
Trauma Training Service for First Responders
 
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptxHELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
HELENE HECKROTTE'S PROFESSIONAL PORTFOLIO.pptx
 
Lecture_6.pptx English speaking easyb to
Lecture_6.pptx English speaking easyb toLecture_6.pptx English speaking easyb to
Lecture_6.pptx English speaking easyb to
 
To Create Your Own Wig Online To Create Your Own Wig Online
To Create Your Own Wig Online  To Create Your Own Wig OnlineTo Create Your Own Wig Online  To Create Your Own Wig Online
To Create Your Own Wig Online To Create Your Own Wig Online
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024
 
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISINGUNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
UNLEASHING THE POWER OF PROGRAMMATIC ADVERTISING
 
Fabric RFID Wristbands in Ireland for Events and Festivals
Fabric RFID Wristbands in Ireland for Events and FestivalsFabric RFID Wristbands in Ireland for Events and Festivals
Fabric RFID Wristbands in Ireland for Events and Festivals
 
Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024Borderless Access - Global B2B Panel book-unlock 2024
Borderless Access - Global B2B Panel book-unlock 2024
 
Project Brief & Information Architecture Report
Project Brief & Information Architecture ReportProject Brief & Information Architecture Report
Project Brief & Information Architecture Report
 
Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024Borderless Access - Global Panel book-unlock 2024
Borderless Access - Global Panel book-unlock 2024
 
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
IIBA® Melbourne - Navigating Business Analysis - Excellence for Career Growth...
 
Personal Brand Exploration Presentation Eric Bonilla
Personal Brand Exploration Presentation Eric BonillaPersonal Brand Exploration Presentation Eric Bonilla
Personal Brand Exploration Presentation Eric Bonilla
 
Talent Management research intelligence_13 paradigm shifts_20 March 2024.pdf
Talent Management research intelligence_13 paradigm shifts_20 March 2024.pdfTalent Management research intelligence_13 paradigm shifts_20 March 2024.pdf
Talent Management research intelligence_13 paradigm shifts_20 March 2024.pdf
 
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 Building Your Personal Brand on LinkedIn - Expert Planet-  2024 Building Your Personal Brand on LinkedIn - Expert Planet-  2024
Building Your Personal Brand on LinkedIn - Expert Planet- 2024
 
Entrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizationsEntrepreneurship & organisations: influences and organizations
Entrepreneurship & organisations: influences and organizations
 
Data skills for Agile Teams- Killing story points
Data skills for Agile Teams- Killing story pointsData skills for Agile Teams- Killing story points
Data skills for Agile Teams- Killing story points
 
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for BusinessQ2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
Q2 2024 APCO Geopolitical Radar - The Global Operating Environment for Business
 

User experience for the 100 percent - Paul Zimmerman

  • 1. @Invotra @PaulZimmerman #IntranetNow User experience for the 100% Making your intranet accessible to everyone!
  • 2. What does accessibility mean to you? @Invotra @PaulZimmerman #IntranetNow
  • 3. 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
  • 6. AX Creating an “accessible experience” @Invotra @PaulZimmerman #IntranetNow
  • 7. Put yourself in the shoes of your users @Invotra @PaulZimmerman #IntranetNow
  • 8. 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
  • 9. How many words does it take to hear a page? @Invotra @PaulZimmerman #IntranetNow
  • 10. Ask your users to demonstrate it to you. @Invotra @PaulZimmerman #IntranetNow
  • 11. Whose responsibility is it anyway? @Invotra @PaulZimmerman #IntranetNow
  • 12. You can make your content better. @Invotra @PaulZimmerman #IntranetNow
  • 13. Content is king @Invotra @PaulZimmerman #IntranetNow
  • 14. Context is queen @Invotra @PaulZimmerman #IntranetNow
  • 15. 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
  • 16. 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
  • 17. 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
  • 19. What’s the experience for your colleagues? @Invotra @PaulZimmerman #IntranetNow
  • 20. Use some tools to tell you things: 1. Evaluate page-by-page? Use ‘WAVE’ 1. Evaluate your site + many more tools? See the W3 community (https://www.w3.org/WAI/ER/tools/) 1. Check your design (http://webaim.org/resources/contrastchecker/) @Invotra @PaulZimmerman #IntranetNow
  • 21. Style over Substance? @Invotra @PaulZimmerman #IntranetNow
  • 22. Accessibility is for everyone @Invotra @PaulZimmerman #IntranetNow
  • 23. What else can you do? 1. Unplug your mouse, only use your keyboard 2. Try navigating using the arrow keys 3. 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
  • 24. So what are WE doing? @Invotra @PaulZimmerman #IntranetNow
  • 25. Want to know more? @Invotra @PaulZimmerman #IntranetNow
  • 26. @Invotra @PaulZimmerman #IntranetNow User experience for the 100% Making your intranet accessible to everyone! paul.zimmerman@invotra.com

Editor's Notes

  1. My talk is called “User experience for the 100%, - or - Making your intranet accessible to everyone.”
  2. We talk about our intranets being accessible. But are they? Compliant to AA standards? AAA? A site which can be accessed by all my users? Or at least most? Or at least most in HQ? Don’t the platforms do that themselves?
  3. How do people who cannot move their arms use your website? What about people who cannot see well or at all? Or people who have difficulty hearing or understanding, or have other accessibility needs? Source: W3C
  4. Here’s how the world of technology vendors define it - is it front-end, back-end, only, is it end-users. When was it created? Who created it? Why did it exist? Who were they trying to speak to? How often do they get modified/reviewed/changed? Why are we so reliant on this? As an industry… The standards outline 4 key aspects to ensure accessibility: perceivable (text alternatives to media, content that is meaningful, is it distinguishable) ; operable (can it be used solely using a keyboard? Is there enough time to complete actions? Prevent seizures by limiting flashing, is it navigable? ; understandable (is the content understandable - mainly for cognitive dysfunction, is the process of using the site predictable? Is there sufficient input assistance through labels, error identification, error prevention and help ; robust (can all user agents and assistive technologie use the site? Are the semantics of the site correct to achieve this?)
  5. We thought we were doing pretty well until we got our butts kicked by one of our customers. While we were technically compliant with AA standards, the experience wasn’t great. Some might say, shocking. We engaged with a W3C expert who rated us at 9/10 for effort and 6/10 for product, vs 3/10 for SharePoint. We held some focus groups to help us understand how our product can be improved for our customers, we went to meet with users that are blind and near-blind across the country in places as far flung as Preston, York, Blackpool and London. and we’re continuing to prioritise making it easier for our clients to make their intranets accessible to all. Don’t expect your provider to do this automatically.
  6. There’s a massive difference between ticking the box of compliance, and making a truly accessible experience for everyone. At Invotra when we took on the challenge of making our intranet platform truly accessible we spoke openly about this being an accessible experience, rather than just a user experience for some. In essence, we challenged ourselves to think of the experience of ALL of our users. Across Government this is a massive challenge where a significant number of our 200,000 end users have accessibility challenges. AX is a shift in the way we think about serving the needs of all of us.
  7. OK, we’re gonna have some fun now. On the tables you will find an eye mask - if you could slip it on, we will show you a snapshot of what we experienced.
  8. Imagine that you are looking to buy a birthday present online for a friend. Think about how would you do that? Pick up your phone/fire up your computer, but the screen isn’t on, or you can’t see. You open up a browser/search bar, but the website you’re trying to use is not accessible - keyboard focus jumps about, difficult to select links. Listen to this. Normal speed is 150wpm for the average user. Imagine this 3 x faster. It took us 30 seconds to get to... Play 100 x faster (or whatever the speed is Leonie would listen via) Jaws (at the upper limit) may be too slow for a power user. High-end users are exceptionally fluent. 400wpm is the upper bound of the most recent version of Jaws - the newer version of Jaws will actually be higher. How many words does it take to fill a page? How long does it take to hear a page? How do you find the right content on your intranet?
  9. Don’t just take our word for it - ask your users to help you understand the challenges they have. Visiting sites you may discover all sorts of issues, from the tech setup (out-dated browsers/OS, old monitors, flaky network connections, firewalls) to seeing how users with disabilities attempt to access your content. Do you have blind users in your organisation? Sit with people one on one and watch them. If users allow, set them up in a meeting room and video their actions and allow your other comms people to watch live. Hold a focus group. You’ll be amazed by the results. Different people use the same software in many different ways. When we were on site, we saw one person tabbing through everything, someone else using lists of content, someone else would find regions of the page - there are different ways of using a site depending on fluency.
  10. Ask yourself about a colleague’s trip to work. If you can make it easier, if you can improve that experience, do you really need to be responsible for it to make it happen?
  11. In many, if not most cases you have control of the content within your intranet sites. There are some great resources available (more later in this presentation) where you can read up on best practice (we’ll also be covering those in the workshop this afternoon).
  12. You’ve heard (and probably sworn by the adage) that content is king, but as far as accessibility is concerned...
  13. ...context is just as important… Imagine a colleague in a wheelchair comes into your building, and you tell them to turn right to the long hallway with stairs at the end, instead of left to the elevator. We talked last year about BIM and using Something that isn’t just a poor experience but actually *fails* standards - saying “select the link on right hand side” expecting a user to be able to see (it’s also terrible for responsive designs that display content in a different order!). Read more buttons… Search results. We had some challenges making our search results make sense when read out via a screen reader - we added “phone number” to the link, so that a user can hear that the list of digits is that number.
  14. OK, interactive time. Take a look at this picture of George Washington, along with some text. In this case, what should the alt text be?
  15. What should the alt text be in this scenario? 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"
  16. The answer is “D” - George Washington. We tried this out in our office, and four different responses! Don’t say it’s an image - that’s usually obvious (unless it’s a specific kind of image, like a painting, that’s relevant to provide more info). It says he was the President with contextual information. It doesn’t reference the picture of him in that text. There is no title next to the image/ There is no one right answer here. The best alternative text will depend on the context and intended content of the image.
  17. And if you think that was difficult, how might you display a pie chart on your intranet? (and would you want to? Thinking of contrasts, colour-blindness) Pie chart: 57% of those polled in our company did not get the answer right!
  18. When you say AA, what IS that? If you have a dropdown menu with 1000 items, how long do you expect a user to wait for their screenreader to run through that? You’d be compliant if you did, but the accessibility experience would be rubbish... There are many free and paid-for tools to measure/audit your site and quickly identify where to fix them.
  19. There are lots of tools available to help you understand how you can improve things.
  20. Turn off the CSS and look at the code on your site - how does it look then?
  21. Making your intranet easier to access for disabled users makes content easier to access for everyone. Tabbing gets easier. Images have more context. Links become easier to decipher. The experience is better for all.
  22. Overall we have changed our entire approach. And that starts with giving this subject the attention is deserves - internally as an organisation, AND externally with our clients. We ask the question in every release - how are we making AX better? We’ve renamed “alt text” to describe your picture. We working with experts that know more than us, too...
  23. Whatever your platform, Billy and Andrew show you how to take some steps to assess the state of your intranet site using free tools available, and what to do next when you have that information. We’re available over lunch if you want to swing by our stand and have a chat about what we’re doing to make your intranet more accessible.
  24. Thank you, and have a super lunch!