SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

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"ecentricarts
 
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 EnabledChristian Heilmann
 
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 slideshowDr. Mitzi Waltz
 
Writing for the web 2010
Writing for the web 2010Writing for the web 2010
Writing for the web 2010Catherine Elder
 
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...Wilmington University
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibilitybriter
 
Accessibility Issues
Accessibility IssuesAccessibility Issues
Accessibility Issuesliddy
 
Unit 5 Task 2
Unit 5 Task 2Unit 5 Task 2
Unit 5 Task 2A_Melodie
 

Was ist angesagt? (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
 

Andere mochten auch

Good Enough Facilitatioin
Good Enough FacilitatioinGood Enough Facilitatioin
Good Enough FacilitatioinMark Squires
 
Evidence Based Practice .pdf
Evidence Based Practice .pdfEvidence Based Practice .pdf
Evidence Based Practice .pdfAnne Murray
 
Rohaiza Kasdi (Resume)
Rohaiza Kasdi (Resume)Rohaiza Kasdi (Resume)
Rohaiza Kasdi (Resume)Rohaiza Kasdi
 
Saqib's Draftsman Resume
Saqib's Draftsman ResumeSaqib's Draftsman Resume
Saqib's Draftsman Resumesaqib shehzad
 
ситуационная помощь различным группам инвалидов
ситуационная помощь  различным группам инвалидовситуационная помощь  различным группам инвалидов
ситуационная помощь различным группам инвалидовАлександр Горбунов
 
Dr. Jameel update CV - Copy
Dr. Jameel update CV - CopyDr. Jameel update CV - Copy
Dr. Jameel update CV - CopyJameel Mughal
 

Andere mochten auch (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
 

Ähnlich wie A11yLDN 2011 - Introduction to Web Accessibility

Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
 
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...AbilityNet
 
Silicon Halton Meetup 57 - Website Accessibility
Silicon Halton  Meetup 57 - Website Accessibility Silicon Halton  Meetup 57 - Website Accessibility
Silicon Halton Meetup 57 - Website Accessibility Silicon Halton
 
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 ↵MoseStaton39
 
Web accessibility: An overview
Web accessibility: An overviewWeb accessibility: An overview
Web accessibility: An overviewWebcredible
 
Web Accessibility I Centrum
Web Accessibility I CentrumWeb Accessibility I Centrum
Web Accessibility I Centrumwebmirer
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetCity University London
 
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 responsibilityMedia Access Australia
 
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 responsibilityAccess iQ
 
Ada Show
Ada ShowAda Show
Ada Showjoelk
 
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 EvaluationDamian T. Gordon
 
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 MeEric Sembrat
 
Web Accessibility Workshop
Web Accessibility WorkshopWeb Accessibility Workshop
Web Accessibility Workshopjosodo
 
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 2020Sumner M. Davenport
 

Ähnlich wie 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
 

Mehr von Graham Armfield

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 2021Graham Armfield
 
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...Graham Armfield
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonGraham Armfield
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2Graham Armfield
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2Graham Armfield
 
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 2019Graham Armfield
 
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 ThemeGraham Armfield
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Graham Armfield
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility ToolsGraham Armfield
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolGraham Armfield
 
Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Graham Armfield
 
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 2016Graham Armfield
 
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 UsefulGraham Armfield
 
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 2015Graham Armfield
 
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 2015Graham Armfield
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and AccessibilityGraham Armfield
 
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 2014Graham Armfield
 
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?Graham Armfield
 
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?Graham Armfield
 
Handling User Generated Content in WordPress
Handling User Generated Content in WordPressHandling User Generated Content in WordPress
Handling User Generated Content in WordPressGraham Armfield
 

Mehr von 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
 

Kürzlich hochgeladen

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 

Kürzlich hochgeladen (20)

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 

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

Hinweis der Redaktion

  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.