SlideShare une entreprise Scribd logo
1  sur  23
Introduction to Web Accessibility Graham Armfield
Introduction to web accessibility Graham Armfield Who am I? Web developer  Accessibility consultant Accessibility tester Fix the Web partner
What this presentation will cover What does web accessibility mean? Why web accessibility is important? Who can deliver web accessibility and how? Types of disability Cognitive impairment What that means Difficulties faced with websites Some solutions for websites Providing accessible versions for all?
What is web accessibility? What does it mean to the population at large? Do you only know if it affects you? One definition: “Enabling the web so that everyone can access its content when they want to and how they need to”
Why is web accessibility important? The web is for knowledge The web is for interaction The web is for commerce Increasingly the world’s preferred channel
Web accessibility and social inclusion  Web should be for everyone Sharing of ideas/concepts Having fun Wanting to belong
Web accessibility and profit The web is increasingly businesses’ preferred channel Financial savings Banking transactions, e-statements eCommerce - eg Amazon, eBay Engaging users in online solutions But are businesses engaging or coercing?
Web accessibility – the reality Not everyone’s preferred channel To some it’s a barrier Poorly designed website and web applications People’s abilities taken for granted Businesses have a responsibility to make their online offerings accessible.
Some statistics Approx. 10 million people in the UK are officially viewed as disabled.  The disabled represent a market worth £80bn per year 7 million people in UK have some form of literacy problem 52% of those who meet legal definition of disability prefer not to describe themselves that way. Elderly – half of Japan’s population is over 50 UK 15 million over 55 People aged 50+ have combined annual income of more than £160bn
Web accessibility can increase profit Because it makes financial sense Tesco – Redesigned site including accessible version yielded £1.6m extra turnover a year from disabled people for a cost of £35k If a company’s website is hard to use, people will visit a competitor’s site which is easier to use. Why shut out revenue?
Web accessibility is the law Equality Act 2010 (DDA in N Ireland) Laws specifically refer to websites Why web accessibility… The question surely is:  “Why isn’t web accessibility important to more people?”
Who influences web accessibility? ,[object Object]
Web designers/developers?
Those who control the budgets?
Content authors,[object Object]
Types of Impairment Visual impairments Hearing impairments Motor impairments Epilepsy Ageing-related impairments Cognitive impairments
Cognitive Impairment – Theme of Accessibility London 2011 Why chosen? Maybe a little overlooked Maybe not as well understood Needs and challenges can be very diverse What does it mean? - One definition:  “Something which affects the ability to think, concentrate, formulate ideas, reason and remember. It is distinct from a learning disability insofar as it may have been acquired later in life as a result of an accident or illness.”
Some types of cognitive impairment Language based difficulties - eg Dyslexia Intellectual difficulties Autism ADHD (Attention Deficit Hyperactive Disorder) Most cognitive disabilities have some sort of basis in the biology or physiology of the individual
Cognitive Impairment Common difficulties that people experience Memory difficulties Solving problems – can be easily put off Attention – can be easily distracted Reading and linguistic comprehension Maths comprehension Visual Comprehension Often there may be an overlap of conditions
Cognitive Impairment Common difficulties experienced with websites Language too complex Insufficient instructions Page styling – font size, justification, contrast Inconsistent page layout or navigation Non-logical tab order Sites that change frequently – eg Facebook Scrolling and blinking content , popup panels and windows Embedded functionality – eg media players, flash Use of icons – eg on media players For some people any content may be too complicated
Cognitive Impairment Needs and solutions (a selection) Present content in small chunks – one idea per paragraph Use bullet lists rather than long sentences Provide meaningful signposts – headings and summaries Design for optimum line lengths – about 12 words (around 500px) Use larger fonts, increased line height and white space separation Include overt hover/focus highlight on links Hover highlight on paragraphs Too much background white – offer reversed/alternate colours Videos rather than still images may aid understanding Not all in WCAG2.0
How can all accessibility needs be incorporated into one website? Some solutions are not popular with other users Alternate versions Switching Parallel with mobile
Cognitive impairment Resources ( a small selection) Juicy Studio (from 2005)  http://juicystudio.com/article/cognitive-impairment.php WebAIM – Cognitive Disabilities http://webaim.org/articles/cognitive/ Wave - Cognitive Accessibility Checklist http://wave.webaim.org/cognitive

Contenu connexe

Tendances

Accessibility Issues
Accessibility IssuesAccessibility Issues
Accessibility Issues
liddy
 

Tendances (11)

Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
 
Why I Hate The Interweb - Kath Moonan at Scripting Enabled
Why I Hate The Interweb - Kath Moonan at Scripting EnabledWhy I Hate The Interweb - Kath Moonan at Scripting Enabled
Why I Hate The Interweb - Kath Moonan at Scripting Enabled
 
Web Accessibility Testing With Axe
Web Accessibility Testing With AxeWeb Accessibility Testing With Axe
Web Accessibility Testing With Axe
 
Week van de Toegankelijkheid VU Amsterdam poster slideshow
Week van de Toegankelijkheid VU Amsterdam poster slideshowWeek van de Toegankelijkheid VU Amsterdam poster slideshow
Week van de Toegankelijkheid VU Amsterdam poster slideshow
 
Writing for the web 2010
Writing for the web 2010Writing for the web 2010
Writing for the web 2010
 
A Step Toward Creating ADA Compliant Course Sites, presented by Wilmington Un...
A Step Toward Creating ADA Compliant Course Sites, presented by Wilmington Un...A Step Toward Creating ADA Compliant Course Sites, presented by Wilmington Un...
A Step Toward Creating ADA Compliant Course Sites, presented by Wilmington Un...
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Accessibility Issues
Accessibility IssuesAccessibility Issues
Accessibility Issues
 
The future of school websites
The future of school websitesThe future of school websites
The future of school websites
 
Unit 5 Task 2
Unit 5 Task 2Unit 5 Task 2
Unit 5 Task 2
 

En vedette (10)

ак вг-музеи-презент
ак вг-музеи-презентак вг-музеи-презент
ак вг-музеи-презент
 
Good Enough Facilitatioin
Good Enough FacilitatioinGood Enough Facilitatioin
Good Enough Facilitatioin
 
Evidence Based Practice .pdf
Evidence Based Practice .pdfEvidence Based Practice .pdf
Evidence Based Practice .pdf
 
Partnerships
PartnershipsPartnerships
Partnerships
 
Rohaiza Kasdi (Resume)
Rohaiza Kasdi (Resume)Rohaiza Kasdi (Resume)
Rohaiza Kasdi (Resume)
 
этические правила общения
этические правила общенияэтические правила общения
этические правила общения
 
Saqib's Draftsman Resume
Saqib's Draftsman ResumeSaqib's Draftsman Resume
Saqib's Draftsman Resume
 
ситуационная помощь различным группам инвалидов
ситуационная помощь  различным группам инвалидовситуационная помощь  различным группам инвалидов
ситуационная помощь различным группам инвалидов
 
Konsep tabaruk
Konsep tabarukKonsep tabaruk
Konsep tabaruk
 
Dr. Jameel update CV - Copy
Dr. Jameel update CV - CopyDr. Jameel update CV - Copy
Dr. Jameel update CV - Copy
 

Similaire à A11yLDN 2011 - Introduction to Web Accessibility

Ada Show
Ada ShowAda Show
Ada Show
joelk
 
Zen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationZen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site Evaluation
Damian T. Gordon
 
Web Accessibility Workshop
Web Accessibility WorkshopWeb Accessibility Workshop
Web Accessibility Workshop
josodo
 

Similaire à A11yLDN 2011 - Introduction to Web Accessibility (20)

Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...
Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...
Three things for an accessibility help page - AbilityNet Webinar, 25 Septembe...
 
Silicon Halton Meetup 57 - Website Accessibility
Silicon Halton  Meetup 57 - Website Accessibility Silicon Halton  Meetup 57 - Website Accessibility
Silicon Halton Meetup 57 - Website Accessibility
 
Skip to Content ↵ENTER Skip to Menu ↵ENTER Skip to Footer ↵
 Skip to Content ↵ENTER   Skip to Menu ↵ENTER   Skip to Footer ↵ Skip to Content ↵ENTER   Skip to Menu ↵ENTER   Skip to Footer ↵
Skip to Content ↵ENTER Skip to Menu ↵ENTER Skip to Footer ↵
 
Web accessibility: An overview
Web accessibility: An overviewWeb accessibility: An overview
Web accessibility: An overview
 
Accessible computing
Accessible computingAccessible computing
Accessible computing
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
 
Web Accessibility I Centrum
Web Accessibility I CentrumWeb Accessibility I Centrum
Web Accessibility I Centrum
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibility
 
Web accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityWeb accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibility
 
Ada Show
Ada ShowAda Show
Ada Show
 
Zen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationZen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site Evaluation
 
Accessibility, SEO and Joomla
Accessibility, SEO and Joomla Accessibility, SEO and Joomla
Accessibility, SEO and Joomla
 
Accessibility, SEO and Joomla
Accessibility, SEO and JoomlaAccessibility, SEO and Joomla
Accessibility, SEO and Joomla
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
Web Accessibility Workshop
Web Accessibility WorkshopWeb Accessibility Workshop
Web Accessibility Workshop
 
Profitability of Accessibility WordPress Accessibility Day 2020
Profitability of Accessibility WordPress Accessibility Day 2020Profitability of Accessibility WordPress Accessibility Day 2020
Profitability of Accessibility WordPress Accessibility Day 2020
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 

Plus de Graham Armfield

Plus de Graham Armfield (20)

Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021
 
So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp Brighton
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2
 
Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019
 
How to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeHow to Build an Accessible WordPress Theme
How to Build an Accessible WordPress Theme
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility Tools
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp Bristol
 
Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017
 
Designing for Accessibility - Front End North - September 2016
Designing for Accessibility - Front End North - September 2016Designing for Accessibility - Front End North - September 2016
Designing for Accessibility - Front End North - September 2016
 
Obscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulObscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite Useful
 
Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015
 
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and Accessibility
 
Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?
 
So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?
 
Handling User Generated Content in WordPress
Handling User Generated Content in WordPressHandling User Generated Content in WordPress
Handling User Generated Content in WordPress
 

Dernier

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 

Dernier (20)

UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 

A11yLDN 2011 - Introduction to Web Accessibility

  • 1. Introduction to Web Accessibility Graham Armfield
  • 2. Introduction to web accessibility Graham Armfield Who am I? Web developer Accessibility consultant Accessibility tester Fix the Web partner
  • 3. What this presentation will cover What does web accessibility mean? Why web accessibility is important? Who can deliver web accessibility and how? Types of disability Cognitive impairment What that means Difficulties faced with websites Some solutions for websites Providing accessible versions for all?
  • 4. What is web accessibility? What does it mean to the population at large? Do you only know if it affects you? One definition: “Enabling the web so that everyone can access its content when they want to and how they need to”
  • 5. Why is web accessibility important? The web is for knowledge The web is for interaction The web is for commerce Increasingly the world’s preferred channel
  • 6. Web accessibility and social inclusion Web should be for everyone Sharing of ideas/concepts Having fun Wanting to belong
  • 7. Web accessibility and profit The web is increasingly businesses’ preferred channel Financial savings Banking transactions, e-statements eCommerce - eg Amazon, eBay Engaging users in online solutions But are businesses engaging or coercing?
  • 8. Web accessibility – the reality Not everyone’s preferred channel To some it’s a barrier Poorly designed website and web applications People’s abilities taken for granted Businesses have a responsibility to make their online offerings accessible.
  • 9. Some statistics Approx. 10 million people in the UK are officially viewed as disabled. The disabled represent a market worth £80bn per year 7 million people in UK have some form of literacy problem 52% of those who meet legal definition of disability prefer not to describe themselves that way. Elderly – half of Japan’s population is over 50 UK 15 million over 55 People aged 50+ have combined annual income of more than £160bn
  • 10. Web accessibility can increase profit Because it makes financial sense Tesco – Redesigned site including accessible version yielded £1.6m extra turnover a year from disabled people for a cost of £35k If a company’s website is hard to use, people will visit a competitor’s site which is easier to use. Why shut out revenue?
  • 11. Web accessibility is the law Equality Act 2010 (DDA in N Ireland) Laws specifically refer to websites Why web accessibility… The question surely is: “Why isn’t web accessibility important to more people?”
  • 12.
  • 14. Those who control the budgets?
  • 15.
  • 16. Types of Impairment Visual impairments Hearing impairments Motor impairments Epilepsy Ageing-related impairments Cognitive impairments
  • 17. Cognitive Impairment – Theme of Accessibility London 2011 Why chosen? Maybe a little overlooked Maybe not as well understood Needs and challenges can be very diverse What does it mean? - One definition: “Something which affects the ability to think, concentrate, formulate ideas, reason and remember. It is distinct from a learning disability insofar as it may have been acquired later in life as a result of an accident or illness.”
  • 18. Some types of cognitive impairment Language based difficulties - eg Dyslexia Intellectual difficulties Autism ADHD (Attention Deficit Hyperactive Disorder) Most cognitive disabilities have some sort of basis in the biology or physiology of the individual
  • 19. Cognitive Impairment Common difficulties that people experience Memory difficulties Solving problems – can be easily put off Attention – can be easily distracted Reading and linguistic comprehension Maths comprehension Visual Comprehension Often there may be an overlap of conditions
  • 20. Cognitive Impairment Common difficulties experienced with websites Language too complex Insufficient instructions Page styling – font size, justification, contrast Inconsistent page layout or navigation Non-logical tab order Sites that change frequently – eg Facebook Scrolling and blinking content , popup panels and windows Embedded functionality – eg media players, flash Use of icons – eg on media players For some people any content may be too complicated
  • 21. Cognitive Impairment Needs and solutions (a selection) Present content in small chunks – one idea per paragraph Use bullet lists rather than long sentences Provide meaningful signposts – headings and summaries Design for optimum line lengths – about 12 words (around 500px) Use larger fonts, increased line height and white space separation Include overt hover/focus highlight on links Hover highlight on paragraphs Too much background white – offer reversed/alternate colours Videos rather than still images may aid understanding Not all in WCAG2.0
  • 22. How can all accessibility needs be incorporated into one website? Some solutions are not popular with other users Alternate versions Switching Parallel with mobile
  • 23. Cognitive impairment Resources ( a small selection) Juicy Studio (from 2005) http://juicystudio.com/article/cognitive-impairment.php WebAIM – Cognitive Disabilities http://webaim.org/articles/cognitive/ Wave - Cognitive Accessibility Checklist http://wave.webaim.org/cognitive
  • 24. A side effect Making a website easier for those with cognitive impairments can make a website easier for everyone to use… …but not always

Notes de l'éditeur

  1. Used to work for large financial organisationBuilding accessible sitesAdvising and training others in accessibilityTesting or auditing accessibilityBut left and formed my own company
  2. Limited time so brief consideration for each
  3. Maybe a problem with your internet connection?Do people with disabilities actually call it that?Do you only know the term ‘web accessibility’ if you have a disability or it’s part of your work?
  4. Knowledge – research, learning, events, locationsInteraction – communication, sharing, email, photosCommerce – buying things, finance (eBanking)Immediacy and relevance
  5. Maybe idealistic Should be for everyoneSharing of ideasHaving fun with games or communicationBut everyone likes to belong
  6. Less reliance on costly human interactionEye on the bottom line
  7. Assumptions made about about people’s abilitiesDesigned for non-disabled audienceBusinesses have to make it easy for us to engage with them online if they want to make us go there.Financial gains or discounts for online-only services – eg savings accounts, online statements
  8. An ageing population brings challenges to websites - some overlap with accessibility challenges.David Sloan – more perspectives on this at 11:10
  9. Equality act: a person with disabilities must not be put at a "substantial disadvantage", compared to a non-disabled user. Further: web hosts could also now be in breach of the Act, where the host has any knowledge that a website does not comply with the accessibility requirements.Web accessibility still doesn’t seem to excite many peopleIgnorance – don’t know how to, doesn’t affect me Visibility – secrecy of mediation process and any legal actionThere is no heat under the issueEven with initiatives like Fix the Web some companies still completely ignore the issue – Gail update later
  10. Procuring a site – accessibility needs to be in the specBudgets – financial people need to understand the benefitsDesigners/developers – actually building the websites and web apps, templates, tab order, etc. Sometimes don’t have the space for manoeuvre even if they understand accessibility.Content authors – using CMS frameworks like WordPress, use of semantic elements - eg headings, lists + alt text for images
  11. How do you learn? Where to go to?WCAG 2.0 Web Accessibility Initiative Web Content Accessibility Guidelines From December 2008 – some think they’re impenetrable but work being done to make it easier to understandGrant Broome will be covering some aspects of WCAG2.0 and cognitive impairment in his presentation at 2pmBS8878 Web Accessibility: Code of Practice – Issued late 2010. Introduction to digital accessibility for non-technical professionals. Explains different user needs. Provides digital accessibility framework for development and testing, as well as information that can be included in your accessibility statement. Jonathan Hassell will be talking more about how BS8878 affects you at 11:10Extra cost of accessibility is seen as an issue by some. But retrofitting accessibility can be very expensive – it needs to be designed in.Accessibility and usability are not exactly the same thing. Some companies spend a lot on usability but little on accessibility.
  12. Visual – blindness, colour blindness, partial sight
  13. Last year a11yLDN focused on motor impairments, and the a11yLDN organisation team feel that since then there has been evidence that people are now considering motor impairments moreThis year Cognitive impairments because it’s feltthey are under represented in accessibility research, practice and policy - most of which centre on visual impairments.Web can provide independence, information and reduce community-related isolation and alienation
  14. ADHD - Attention Deficit Hyperactive Disorder
  15. Memory – more meaningful content gets into the functional brain quicker. Some users might not remember how they got to this particular page.Solving Problems – resilience may be low, people are apt to leave sites if they can’t work out what to do. Triggered by arriving somewhere they didn’t expect (confusing links or navigation) or a 404 error (bad links).Attention – Eg ADHD (attention deficit hyperactivity disorder). Blinking adverts, scrolling text or any content that moves. It’s usually the distraction that causes the problem – not an inability to process information.Reading and linguistic – Estimates that 15-20% of population has some form of language or text comprehension difficulty. Many will not even be aware or admit to it.Also, non-literal text – sarcasm, irony, slang, colloquialisms, metaphors – all may be misunderstood.
  16. Media players – including their icons
  17. Links – overt focus + maybe use border rather than text underlineParagraphs – add hover background or lower border – technique helps some people with readability
  18. How can the diverse needs of different disabled groups be incorporated into one websiteIt can be argued that it is not possible to present web content in ways that suit everyone.
  19. A small selectionJuicy Studio – Article from 2005 covers items from the previous page in more detailWebAIM – Also a good reference about the types of cognitive impairmentWave – many people may be familiar with the WAVE accessibility tool. This provides a useful checklist for improving accessibility for the cognitive impaired.