SlideShare uma empresa Scribd logo
1 de 25
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

Mais conteúdo relacionado

Destaque

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 2012Terry Anderson
 
Edmonton teacher's conv final
Edmonton teacher's conv finalEdmonton teacher's conv final
Edmonton teacher's conv finalTerry Anderson
 
Funny Predictions Throughout History
Funny Predictions Throughout HistoryFunny Predictions Throughout History
Funny Predictions Throughout HistoryCommtted 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 classroomjondron
 
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, Simplifiedciwstudy
 
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 2016Graham 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 RecognitionTerry 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 2010Leo Casey
 

Destaque (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
 

Semelhante a WCAG 2.0 Guidelines for Cognitive Impairments

WCAG 2.0 for Designers
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for DesignersBrunner
 
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 RulesJohn 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 AccessibilityLyn Sawyer
 
Web a11y beyond guidelines
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelinesrach123
 
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 Strategy3Play Media
 
E-accessibility and WCAG2.0 presentation
E-accessibility and WCAG2.0 presentationE-accessibility and WCAG2.0 presentation
E-accessibility and WCAG2.0 presentationMonica 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 & RecommendationsSivaprasad 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.1Ross Mullen
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility ComplianceKeana 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 writers4 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 TesterJatin Kochhar
 
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 TeamsMikey Ilagan
 
Testing For Web Accessibility
Testing For Web AccessibilityTesting For Web Accessibility
Testing For Web AccessibilityHagai Asaban
 
Website Accessibility Workshop
Website Accessibility WorkshopWebsite Accessibility Workshop
Website Accessibility WorkshopDevin Olson
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web DevelopersAlexander 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 accessibilityIntopia
 
Raybiztech Content Management Approach
Raybiztech Content Management ApproachRaybiztech Content Management Approach
Raybiztech Content Management Approachray biztech
 

Semelhante a WCAG 2.0 Guidelines for Cognitive Impairments (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
 

Mais de 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
 
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
 
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
 

Mais 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
 
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?
 

Último

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 

Último (20)

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 

WCAG 2.0 Guidelines for Cognitive Impairments

  • 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?

Notas do Editor

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