SlideShare a Scribd company logo
WCAG 2.0 Guidelines and Cognitive Impairment Graham Armfield
WCAG 2.0 and cognitive impairment Graham Armfield Who am I? Web developer  Accessibility consultant Accessibility tester Fix the Web partner
What this presentation will cover A selection of the WCAG2.0 success criteria and how they relate to those who suffer from cognitive impairments.  This is not the full selection Note that I’ve grouped the success criteria by subject rather than by numerical order or priority Also note that I’ve paraphrased success criteria text The numbering on each slide refers to the WCAG success criteria number The priority level is also shown
What this presentation will cover Timed events Audio Handling focus and input Signposting structure and location Signposting destinations Words and meaning Handling errors
For each time limit that is set by the content, at least one of the following is true:  It can be turned off Time limit can be adjusted User is warned before time limit expires The time limit is part of a real time event – eg auction The time limit is essential – extending it would invalidate activity Why?  Helps ensure that users can complete tasks without unexpected changes in content See also… 2.2.1 Timing Adjustable	Level A
Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events.  Effectively - no time limit at all. 2.2.3 Timing	Level AAA
If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level.  Why? Audio can be distracting Separate volume control so as not to interfere with any other audio aids the person may be using 1.4.2 Audio Control	Level A
Moving, blinking, scrolling, Auto-updating: must allow the user to pause, stop, or hide it or to control the frequency of the update unless it is essential. Why? ,[object Object],Banner ads can make pages unusable to some people 2.2.2 Pause, Stop, Hide	Level A
Elements on a page receive focus in an order that preserves meaning and operability. Why? ,[object Object]
Can seriously impact effectiveness of pageSome argue that tab order should follow visible screen order – whereas some favour content first. 2.4.3 Focus Order	Level A
Any element on a page that can receive keyboard focus should overtly indicate that it has focus. Eg. Links, form input elements, buttons Why? Aids understanding of page Helps users orientate themselves within the page. I would also include hover state in that too. Just an underline may not be enough for some – and may be too close to text. 2.4.7 Focus Visible	Level AA
When any component on a page receives focus, it does not initiate a change of content or context. Why? Unexpected changes are confusing 3.2.1 On Focus	Level A
Changing the setting of any component on a page does not automatically cause a change of context unless the user has been advised of the behaviour before using the component. Eg.  Checkboxes or radio buttons that hide and show panels of text Dropdown box used as navigation Why? Distraction Can cause confusion 3.2.2 On Input	Level A
Headings and labels describe topic or purpose. ie. Signposting blocks of content Why? Aids understanding Helps break up content into manageable chunks 2.4.6 Headings and Labels	Level AA
Navigational mechanisms that are repeated on multiple pages within a site or application occur in the same place and same relative order each time they are repeated, unless a change is initiated by the user. Why? Aids orientation in page and site Prevents distracting changes 3.2.3 Consistent Navigation	Level AA
Information about the user's location within a set of Web pages (website) is available. Eg. Breadcrumb trail, or indicators within navigation Why? Helps users orientate themselves 2.4.8 Location	Level AAA
The purpose of each link can be determined from the link text alone, or from the link text together with the context of the link. Click here to download document Why? Avoids issue of users arriving in unexpected locations or triggering functionality they didn’t mean to But see also… 2.4.4 Link Purpose (in Context)	Level A
The purpose of each link can be determined from the link text alone. Click here to download document Why? Avoids issue of users arriving in unexpected locations or triggering functionality they didn’t mean to 2.4.9 Link Purpose (Link Only)	 Level AAA
When text requires reading ability more advanced than the lower secondary education level, an alternate version that does not require such a high reading ability is available. Could be alternate pages, or show simple summaries by default and show advanced content with scripting. Why? Caters for those with learning difficulties or with linguistic comprehension impairment 3.1.5 Reading Level	Level AAA
A mechanism is available for identifying specific definitions of words or phrases used in an unusual way, including jargon. Why? Avoids confusion 3.1.3 Unusual Words	Level AAA
A mechanism for identifying the expanded form or meaning of abbreviations is available. Why? Avoids confusion 3.1.4 Abbreviations	Level AAA
Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. Why? Larger text aids legibility Note: Enlarging text is not the same as zooming in – difference between Chrome and Firefox/IE Ideally enlarging text should not break page design 1.4.4 Enhanced Text	Level AA
Ensure sufficient contrast between text colour and background colour. Why? Better contrast ensures easier legibility Note: Text that is part of a logo or brand name has no minimum contrast requirement. But, some find too much contrast leads to difficulties too 1.4.3 Contrast (Minimum)	Level AA 1.4.6 Contrast (Enhanced)	Level AAA
If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. ie. Not just change of colour or appearance of icon Why? Users understand why unexpected things have happened Note: use of colour and/or icons to indicate errors is a useful mechanism but it should not be the only mechanism. 3.3.1 Error Identification	Level A
If an input error is detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize security. Why? Users are not put off by unexplained issues 3.3.3 Error Suggestion	Level AA

More Related Content

Viewers also liked

Generations and Change - Ont University Council 2012
Generations and Change - Ont University Council 2012Generations and Change - Ont University Council 2012
Generations and Change - Ont University Council 2012
Terry Anderson
 
Edmonton teacher's conv final
Edmonton teacher's conv finalEdmonton teacher's conv final
Edmonton teacher's conv final
Terry Anderson
 
Funny Predictions Throughout History
Funny Predictions Throughout HistoryFunny Predictions Throughout History
Funny Predictions Throughout History
Commtted Sardine
 
Revealing the elephant in the online classroom
Revealing the elephant in the online classroomRevealing the elephant in the online classroom
Revealing the elephant in the online classroom
jondron
 
Technology Integration: The RAT – Replacement, Amplification, and Transformat...
Technology Integration: The RAT – Replacement, Amplification, and Transformat...Technology Integration: The RAT – Replacement, Amplification, and Transformat...
Technology Integration: The RAT – Replacement, Amplification, and Transformat...
Joan E. Hughes, Ph.D.
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
ciwstudy
 
What does effective online/blended teaching look like?
What does effective online/blended teaching look like?What does effective online/blended teaching look like?
What does effective online/blended teaching look like?
Vitomir Kovanovic
 
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
Graham Armfield
 
Credit transfer and Prior Learning Assessment and Recognition
Credit transfer and Prior Learning Assessment and RecognitionCredit transfer and Prior Learning Assessment and Recognition
Credit transfer and Prior Learning Assessment and Recognition
Terry Anderson
 
Using Open Scholarship to Leapfrog Traditional Educational Barriers
Using Open Scholarship to Leapfrog Traditional Educational Barriers Using Open Scholarship to Leapfrog Traditional Educational Barriers
Using Open Scholarship to Leapfrog Traditional Educational Barriers
Terry Anderson
 
Digital literacy in primary school site presentation 2010
Digital literacy in primary school site presentation 2010Digital literacy in primary school site presentation 2010
Digital literacy in primary school site presentation 2010
Leo Casey
 
Online quality Mexico
Online quality  MexicoOnline quality  Mexico
Online quality Mexico
Terry Anderson
 

Viewers also liked (12)

Generations and Change - Ont University Council 2012
Generations and Change - Ont University Council 2012Generations and Change - Ont University Council 2012
Generations and Change - Ont University Council 2012
 
Edmonton teacher's conv final
Edmonton teacher's conv finalEdmonton teacher's conv final
Edmonton teacher's conv final
 
Funny Predictions Throughout History
Funny Predictions Throughout HistoryFunny Predictions Throughout History
Funny Predictions Throughout History
 
Revealing the elephant in the online classroom
Revealing the elephant in the online classroomRevealing the elephant in the online classroom
Revealing the elephant in the online classroom
 
Technology Integration: The RAT – Replacement, Amplification, and Transformat...
Technology Integration: The RAT – Replacement, Amplification, and Transformat...Technology Integration: The RAT – Replacement, Amplification, and Transformat...
Technology Integration: The RAT – Replacement, Amplification, and Transformat...
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
 
What does effective online/blended teaching look like?
What does effective online/blended teaching look like?What does effective online/blended teaching look like?
What does effective online/blended teaching look like?
 
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
 
Credit transfer and Prior Learning Assessment and Recognition
Credit transfer and Prior Learning Assessment and RecognitionCredit transfer and Prior Learning Assessment and Recognition
Credit transfer and Prior Learning Assessment and Recognition
 
Using Open Scholarship to Leapfrog Traditional Educational Barriers
Using Open Scholarship to Leapfrog Traditional Educational Barriers Using Open Scholarship to Leapfrog Traditional Educational Barriers
Using Open Scholarship to Leapfrog Traditional Educational Barriers
 
Digital literacy in primary school site presentation 2010
Digital literacy in primary school site presentation 2010Digital literacy in primary school site presentation 2010
Digital literacy in primary school site presentation 2010
 
Online quality Mexico
Online quality  MexicoOnline quality  Mexico
Online quality Mexico
 

Similar to WCAG2 Guidelines and Cognitive Impairment a11y ldn 2011

WCAG 2.0 for Designers
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for Designers
Brunner
 
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility RulesBeginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
John McNabb
 
A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...
Yeliz Yesilada
 
A Developers Role in Web Accessibility
A Developers Role in Web AccessibilityA Developers Role in Web Accessibility
A Developers Role in Web Accessibility
Lyn Sawyer
 
Web a11y beyond guidelines
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelines
rach123
 
Implementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital StrategyImplementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital Strategy
3Play Media
 
E-accessibility and WCAG2.0 presentation
E-accessibility and WCAG2.0 presentationE-accessibility and WCAG2.0 presentation
E-accessibility and WCAG2.0 presentation
Monica Seeber
 
RBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & RecommendationsRBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & Recommendations
Sivaprasad Paliyath (CUA - HFI)
 
Whats new in WCAG 2.1
Whats new in WCAG 2.1Whats new in WCAG 2.1
Whats new in WCAG 2.1
Ross Mullen
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
Keana Lynch
 
Putting the "C" in WCAG: accessibility for web writers
Putting the "C" in WCAG: accessibility for web writersPutting the "C" in WCAG: accessibility for web writers
Putting the "C" in WCAG: accessibility for web writers
4 Syllables
 
Accessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterAccessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and Tester
Jatin Kochhar
 
Microsoft Word - Sample Report
Microsoft Word - Sample ReportMicrosoft Word - Sample Report
Microsoft Word - Sample Report
Microsoft Accessibility
 
A Primer on Web Accessibility for Teams
A Primer on Web Accessibility for TeamsA Primer on Web Accessibility for Teams
A Primer on Web Accessibility for Teams
Mikey Ilagan
 
Testing For Web Accessibility
Testing For Web AccessibilityTesting For Web Accessibility
Testing For Web Accessibility
Hagai Asaban
 
Website Accessibility Workshop
Website Accessibility WorkshopWebsite Accessibility Workshop
Website Accessibility Workshop
Devin Olson
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web Developers
Alexander Loechel
 
Reusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibilityReusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibility
Intopia
 
WCAG for Beginners
WCAG for BeginnersWCAG for Beginners
WCAG for Beginners
Kristian McManus
 
Raybiztech Content Management Approach
Raybiztech Content Management ApproachRaybiztech Content Management Approach
Raybiztech Content Management Approach
ray biztech
 

Similar to WCAG2 Guidelines and Cognitive Impairment a11y ldn 2011 (20)

WCAG 2.0 for Designers
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for Designers
 
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility RulesBeginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
 
A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...
 
A Developers Role in Web Accessibility
A Developers Role in Web AccessibilityA Developers Role in Web Accessibility
A Developers Role in Web Accessibility
 
Web a11y beyond guidelines
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelines
 
Implementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital StrategyImplementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital Strategy
 
E-accessibility and WCAG2.0 presentation
E-accessibility and WCAG2.0 presentationE-accessibility and WCAG2.0 presentation
E-accessibility and WCAG2.0 presentation
 
RBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & RecommendationsRBC Royal Bank : An Accessibility Evaluation & Recommendations
RBC Royal Bank : An Accessibility Evaluation & Recommendations
 
Whats new in WCAG 2.1
Whats new in WCAG 2.1Whats new in WCAG 2.1
Whats new in WCAG 2.1
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
 
Putting the "C" in WCAG: accessibility for web writers
Putting the "C" in WCAG: accessibility for web writersPutting the "C" in WCAG: accessibility for web writers
Putting the "C" in WCAG: accessibility for web writers
 
Accessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterAccessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and Tester
 
Microsoft Word - Sample Report
Microsoft Word - Sample ReportMicrosoft Word - Sample Report
Microsoft Word - Sample Report
 
A Primer on Web Accessibility for Teams
A Primer on Web Accessibility for TeamsA Primer on Web Accessibility for Teams
A Primer on Web Accessibility for Teams
 
Testing For Web Accessibility
Testing For Web AccessibilityTesting For Web Accessibility
Testing For Web Accessibility
 
Website Accessibility Workshop
Website Accessibility WorkshopWebsite Accessibility Workshop
Website Accessibility Workshop
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web Developers
 
Reusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibilityReusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibility
 
WCAG for Beginners
WCAG for BeginnersWCAG for Beginners
WCAG for Beginners
 
Raybiztech Content Management Approach
Raybiztech Content Management ApproachRaybiztech Content Management Approach
Raybiztech Content Management Approach
 

More from 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 2021
Graham 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 Brighton
Graham Armfield
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2
Graham Armfield
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2
Graham 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 2019
Graham 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 Theme
Graham Armfield
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
Graham Armfield
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility Tools
Graham Armfield
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp Bristol
Graham Armfield
 
Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017Designing for Accessibility - WordCamp London 2017
Designing for Accessibility - WordCamp London 2017
Graham 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 Useful
Graham 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 2015
Graham 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 2015
Graham Armfield
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and Accessibility
Graham 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 2014
Graham 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 WordPress
Graham Armfield
 
So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?
Graham Armfield
 

More from 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
 
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
 
So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?
 

Recently uploaded

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
SitimaJohn
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
alexjohnson7307
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
Dinusha Kumarasiri
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptxOperating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
Pravash Chandra Das
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Wask
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Jeffrey Haguewood
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 

Recently uploaded (20)

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptxOperating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 

WCAG2 Guidelines and Cognitive Impairment a11y ldn 2011

  • 1. WCAG 2.0 Guidelines and Cognitive Impairment Graham Armfield
  • 2. WCAG 2.0 and cognitive impairment Graham Armfield Who am I? Web developer Accessibility consultant Accessibility tester Fix the Web partner
  • 3. What this presentation will cover A selection of the WCAG2.0 success criteria and how they relate to those who suffer from cognitive impairments. This is not the full selection Note that I’ve grouped the success criteria by subject rather than by numerical order or priority Also note that I’ve paraphrased success criteria text The numbering on each slide refers to the WCAG success criteria number The priority level is also shown
  • 4. What this presentation will cover Timed events Audio Handling focus and input Signposting structure and location Signposting destinations Words and meaning Handling errors
  • 5. For each time limit that is set by the content, at least one of the following is true:  It can be turned off Time limit can be adjusted User is warned before time limit expires The time limit is part of a real time event – eg auction The time limit is essential – extending it would invalidate activity Why?  Helps ensure that users can complete tasks without unexpected changes in content See also… 2.2.1 Timing Adjustable Level A
  • 6. Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events.  Effectively - no time limit at all. 2.2.3 Timing Level AAA
  • 7. If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level.  Why? Audio can be distracting Separate volume control so as not to interfere with any other audio aids the person may be using 1.4.2 Audio Control Level A
  • 8.
  • 9.
  • 10. Can seriously impact effectiveness of pageSome argue that tab order should follow visible screen order – whereas some favour content first. 2.4.3 Focus Order Level A
  • 11. Any element on a page that can receive keyboard focus should overtly indicate that it has focus. Eg. Links, form input elements, buttons Why? Aids understanding of page Helps users orientate themselves within the page. I would also include hover state in that too. Just an underline may not be enough for some – and may be too close to text. 2.4.7 Focus Visible Level AA
  • 12. When any component on a page receives focus, it does not initiate a change of content or context. Why? Unexpected changes are confusing 3.2.1 On Focus Level A
  • 13. Changing the setting of any component on a page does not automatically cause a change of context unless the user has been advised of the behaviour before using the component. Eg. Checkboxes or radio buttons that hide and show panels of text Dropdown box used as navigation Why? Distraction Can cause confusion 3.2.2 On Input Level A
  • 14. Headings and labels describe topic or purpose. ie. Signposting blocks of content Why? Aids understanding Helps break up content into manageable chunks 2.4.6 Headings and Labels Level AA
  • 15. Navigational mechanisms that are repeated on multiple pages within a site or application occur in the same place and same relative order each time they are repeated, unless a change is initiated by the user. Why? Aids orientation in page and site Prevents distracting changes 3.2.3 Consistent Navigation Level AA
  • 16. Information about the user's location within a set of Web pages (website) is available. Eg. Breadcrumb trail, or indicators within navigation Why? Helps users orientate themselves 2.4.8 Location Level AAA
  • 17. The purpose of each link can be determined from the link text alone, or from the link text together with the context of the link. Click here to download document Why? Avoids issue of users arriving in unexpected locations or triggering functionality they didn’t mean to But see also… 2.4.4 Link Purpose (in Context) Level A
  • 18. The purpose of each link can be determined from the link text alone. Click here to download document Why? Avoids issue of users arriving in unexpected locations or triggering functionality they didn’t mean to 2.4.9 Link Purpose (Link Only) Level AAA
  • 19. When text requires reading ability more advanced than the lower secondary education level, an alternate version that does not require such a high reading ability is available. Could be alternate pages, or show simple summaries by default and show advanced content with scripting. Why? Caters for those with learning difficulties or with linguistic comprehension impairment 3.1.5 Reading Level Level AAA
  • 20. A mechanism is available for identifying specific definitions of words or phrases used in an unusual way, including jargon. Why? Avoids confusion 3.1.3 Unusual Words Level AAA
  • 21. A mechanism for identifying the expanded form or meaning of abbreviations is available. Why? Avoids confusion 3.1.4 Abbreviations Level AAA
  • 22. Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. Why? Larger text aids legibility Note: Enlarging text is not the same as zooming in – difference between Chrome and Firefox/IE Ideally enlarging text should not break page design 1.4.4 Enhanced Text Level AA
  • 23. Ensure sufficient contrast between text colour and background colour. Why? Better contrast ensures easier legibility Note: Text that is part of a logo or brand name has no minimum contrast requirement. But, some find too much contrast leads to difficulties too 1.4.3 Contrast (Minimum) Level AA 1.4.6 Contrast (Enhanced) Level AAA
  • 24. If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. ie. Not just change of colour or appearance of icon Why? Users understand why unexpected things have happened Note: use of colour and/or icons to indicate errors is a useful mechanism but it should not be the only mechanism. 3.3.1 Error Identification Level A
  • 25. If an input error is detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize security. Why? Users are not put off by unexplained issues 3.3.3 Error Suggestion Level AA
  • 26. I hope it’s been useful Any questions?

Editor's Notes

  1. Used to work for large financial organisationBuilding accessible sitesAdvising and training others in accessibilityTesting or auditing accessibilityBut left and formed my own company