SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Ergonomics & Accessibility : WCAG 1.0 checkpoints illustrated by Bastien-Scapin’s ergonomics criteria Loïc Nunez June, 2008 – UPA Conference
Summary Speaker Use cases  Merging WCAG 1.0 & Scapin-Bastien's criteria An extended approach to website auditing Questions & Answers ,[object Object]
Summary ,[object Object],[object Object],[object Object],[object Object],[object Object]
Summary Speaker Use cases  Merging WCAG 1.0 & Scapin-Bastien's criteria An extended approach to website auditing Questions & Answers ,[object Object]
Before presenting use cases   What does Web Accessibiity mean? ,[object Object],[object Object]
Use Case 1/7   Positioning content ,[object Object],Magnified by 5 Best Practice Always closely group call to action with pertinent information
Use Case 2/7   Three level menu ,[object Object],Best Practice Limit menu to two levels
Use Case 3/7   Contrasts  ,[object Object],Best Practice Simply increase contrast
Use Case 3/7   Contrasts  ,[object Object],Best Practice Provide a tool with choice of backgrounds
Use Case 4/7   Fonts size   ,[object Object],[object Object],Best Practice Include a font size tool
Use Case 5/7   Collapsed list ,[object Object],Best Practice Clearly identify the collopsed list
Use Case 6/7   Long texts ,[object Object],Best Practice Provide columns for long texts Magnified by 5
Use Case 7/7 ,[object Object],Methodology Findings Top 200 accessible Web sites of 2007  in Quebec Online study http://www.accessibiliteweb.com/projets/evaluations/triennale-2007/en/ The assessment followed the level AA A sample of 3 pages were considered: Home page, landing page and page with tables or forms The most popular Canadian Web sites were selected The assessment combined automatic, semi-automatic and manual evaluations
Use Case 7/7 ,[object Object],Methodology Findings Top 200 accessible Web sites of 2007  in Quebec Online study http://www.accessibiliteweb.com/projets/evaluations/triennale-2007/en/ Only 15% of Web sites assessed had an acceptable Web accessibility level. This study means that 85% of Web sites probably do not cater to the needs of your target audience   Developing accessible Web sites help everyone of us to be a better citizen
Summary Speaker Use cases  Merging WCAG 1.0 & Scapin-Bastien's criteria An extended approach to website auditing Questions & Answers ,[object Object]
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],Guidance  User Guidance refers to the means available to advise, orient, inform, instruct, and guide the users throughout their interactions with a computer Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance
Merged  WCAG 1.0 & Bastien-Scapin's criteria Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Workload The  Workload  criterion concerns all interface elements that play a role in the reduction of the users’ perceptual or cognitive load, and in the increase of the dialogue efficiency.  This  criterion is subdivided into two criteria:  -  Brevity -  Information Density.
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],This criterion is subdivided into two criteria:  -  Explicit User Action -  User Control. Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Explicit Control
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],[object Object],The criterion  Adaptability  is subdivided into  two criteria:  -  Flexibility  -  User Experience .  Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Explicit Control Adaptability
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],[object Object],This criterion is subdivided into three criteria:  -  Error Protection -  Quality of Error Messages -  Error Correction . Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Explicit Control Adaptability Error Management
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],[object Object],Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Explicit Control Adaptability Error Management Consistency
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],[object Object],Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Explicit Control Adaptability Error Management Consistency Significance of codes
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],[object Object],Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Explicit Control Adaptability Error Management Consistency Significance of codes Compatibility
Merged  WCAG 1.0 & Bastien-Scapin's criteria ,[object Object],[object Object],[object Object],Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012
WCAG 1.0 themes Structure Structure Such as : Semantic information to pages and sites (title tag), header elements to convey document structure (h1 to h6), etc. Merged with Bastien-Scapin’s criteria Guidance &Consistency  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Textual Equivalents Structure Textual Equivalent Such as:  Providing text equivalent for every non-text element like   images, imagemaps, animations, etc. (in the form of alt, title or     longdesc attributes), etc.  Merged with Bastien-Scapin’s criteria Consistency accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Multimedia Content Textual Equivalents Structure Multimedia Content Such as:  Providing text equivalent for every non-text element like   animations, video, audio, applets, downloadable documents, etc. (with   appropriate means), etc.  Merged with Bastien-Scapin’s criteria Consistency  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Forms Multimedia Content Textual Equivalents Structure Forms Such as:  Creating explicit associations between labels and form   controls, dividing large blocks of information into more manageable   groups, etc.  Merged with Bastien-Scapin’s criteria Guidance, Explicit Control, Error Management & Significance of codes  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Tables Forms Multimedia Content Textual Equivalents Structure Tables Such as:  Identifying row and column headers for data tables,   associating data cells and header cells with proper markup, not using    tables for layout unless the table makes sense when linearized, etc.  Merged with Bastien-Scapin’s criteria Guidance, Workload, Adaptability & Significance of codes  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Page Layout  Such as:  Using CSS to control layout and presentation, organizing   documents so they may be read without CSS, ensuring that all   information conveyed with color is also available without color, etc.  Merged with Bastien-Scapin’s criteria Adaptability  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/ Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Validation  Such as:  Creating documents that validate to published formal   grammars, avoiding deprecated features of W3C technologies, etc.  Merged with Bastien-Scapin’s criteria N  ̸ A
WCAG 1.0 themes Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Interactivity  Such as:  Ensuring that pages are usable when scripts, applets, or   other programmatic objects are turned off or not supported, ensuring   that equivalents for dynamic content are updated when the dynamic   content changes, etc.  Merged with Bastien-Scapin’s criteria Guidance, Consistency & Compatibility  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Navigation Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Navigation Such as:  Using navigation mechanisms in a consistent manner, not    using markup to redirect pages automatically, not creating   periodically auto-refreshing pages, etc.  Merged with Bastien-Scapin’s criteria Guidance, Workload & Consistency  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Comprehension Navigation Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Comprehension Such as:  Using the clearest and simplest language appropriate for a   site's content, clearly identifying changes in the natural language of   a document's text and any text equivalents, etc.  Merged with Bastien-Scapin’s criteria Workload & Significance of codes  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
WCAG 1.0 themes Frames Comprehension Navigation Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Frames Such as:  Titling each frame to facilitate frame identification and   navigation, describing the purpose of frames and how frames relate to     each other if it is not obvious by frame titles alone, etc.  Merged with Bastien-Scapin’s criteria Explicit Control  accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
Merged  summary of criteria & themes relationship Guidance Workload Explicit Control Adaptability Error Management Consistency Significance of codes Compatibility Structure – Forms –Tables – Links – Colors – Interactivity - Navigation Forms – Tables – Multimedia content – Navigation - Comprehension Interactivity – Multimedia content – Forms - Frames Tables – Page Layout –Multimedia content Forms – User controls Structure – Text equivalent – Interactivity – Navigation - Colors Forms – Tables - Comprehension Multimedia content – Interactivity Bastien-Scapin’s criteria WCAG 1.0 Themes
Summary Speaker Use cases  Merging WCAG 1.0 & Scapin-Bastien's criteria An extended approach to website auditing Questions & Answers ,[object Object]
An extended approach to Website auditing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Summary Speaker Use cases  Merging WCAG 1.0 & Scapin-Bastien's criteria An extended approach to websaite auditing Questions & Answers ,[object Object]
Questions & Answers ,[object Object],Patrice DOONAN   Coaching www.snickersdoonan.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie Upa Conference Loic Nunez 18 June2008

201796 Web Accessibility Initiative (WAI) - home page Web .docx
201796 Web Accessibility Initiative (WAI) - home page  Web .docx201796 Web Accessibility Initiative (WAI) - home page  Web .docx
201796 Web Accessibility Initiative (WAI) - home page Web .docx
felicidaddinwoodie
 
Preliminry report
 Preliminry report Preliminry report
Preliminry report
Jiten Ahuja
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
Empatika
 
new ASE GROUPWORK.docx
new ASE GROUPWORK.docxnew ASE GROUPWORK.docx
new ASE GROUPWORK.docx
ShangaviS2
 

Ähnlich wie Upa Conference Loic Nunez 18 June2008 (20)

Web Assessment Tool
Web Assessment ToolWeb Assessment Tool
Web Assessment Tool
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
 
AKS
AKSAKS
AKS
 
201796 Web Accessibility Initiative (WAI) - home page Web .docx
201796 Web Accessibility Initiative (WAI) - home page  Web .docx201796 Web Accessibility Initiative (WAI) - home page  Web .docx
201796 Web Accessibility Initiative (WAI) - home page Web .docx
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
 
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
 
Digital Accessibility
Digital AccessibilityDigital Accessibility
Digital Accessibility
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
 
508 ada-wcag md mustafizur rahman.
508 ada-wcag md mustafizur rahman.508 ada-wcag md mustafizur rahman.
508 ada-wcag md mustafizur rahman.
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
 
Rich Internet Applications
Rich Internet ApplicationsRich Internet Applications
Rich Internet Applications
 
Lightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsLightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing tools
 
Ideas 5 - Roger Hudson - Understanding WCAG 2.0
Ideas 5 - Roger Hudson - Understanding WCAG 2.0Ideas 5 - Roger Hudson - Understanding WCAG 2.0
Ideas 5 - Roger Hudson - Understanding WCAG 2.0
 
Reliability Improvement with PSP of Web-Based Software Applications
Reliability Improvement with PSP of Web-Based Software ApplicationsReliability Improvement with PSP of Web-Based Software Applications
Reliability Improvement with PSP of Web-Based Software Applications
 
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
 
Rapid Introduction to Web Accessibility
Rapid Introduction to Web AccessibilityRapid Introduction to Web Accessibility
Rapid Introduction to Web Accessibility
 
Preliminry report
 Preliminry report Preliminry report
Preliminry report
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
 
3 (de 3). Evaluación de Accessibilidad Digital
3 (de 3).  Evaluación de Accessibilidad Digital3 (de 3).  Evaluación de Accessibilidad Digital
3 (de 3). Evaluación de Accessibilidad Digital
 
new ASE GROUPWORK.docx
new ASE GROUPWORK.docxnew ASE GROUPWORK.docx
new ASE GROUPWORK.docx
 

Kürzlich hochgeladen

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 

Kürzlich hochgeladen (20)

Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 

Upa Conference Loic Nunez 18 June2008

  • 1. Ergonomics & Accessibility : WCAG 1.0 checkpoints illustrated by Bastien-Scapin’s ergonomics criteria Loïc Nunez June, 2008 – UPA Conference
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. Merged WCAG 1.0 & Bastien-Scapin's criteria Ergonomic Criteria for the Evaluation of Human-Computer Interfaces http://hal.inria.fr/inria-00070012 Guidance Workload Workload The Workload criterion concerns all interface elements that play a role in the reduction of the users’ perceptual or cognitive load, and in the increase of the dialogue efficiency. This criterion is subdivided into two criteria: - Brevity - Information Density.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. WCAG 1.0 themes Structure Structure Such as : Semantic information to pages and sites (title tag), header elements to convey document structure (h1 to h6), etc. Merged with Bastien-Scapin’s criteria Guidance &Consistency accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 26. WCAG 1.0 themes Textual Equivalents Structure Textual Equivalent Such as: Providing text equivalent for every non-text element like   images, imagemaps, animations, etc. (in the form of alt, title or   longdesc attributes), etc. Merged with Bastien-Scapin’s criteria Consistency accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 27. WCAG 1.0 themes Multimedia Content Textual Equivalents Structure Multimedia Content Such as: Providing text equivalent for every non-text element like   animations, video, audio, applets, downloadable documents, etc. (with   appropriate means), etc. Merged with Bastien-Scapin’s criteria Consistency accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 28. WCAG 1.0 themes Forms Multimedia Content Textual Equivalents Structure Forms Such as: Creating explicit associations between labels and form   controls, dividing large blocks of information into more manageable   groups, etc. Merged with Bastien-Scapin’s criteria Guidance, Explicit Control, Error Management & Significance of codes accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 29. WCAG 1.0 themes Tables Forms Multimedia Content Textual Equivalents Structure Tables Such as: Identifying row and column headers for data tables,   associating data cells and header cells with proper markup, not using   tables for layout unless the table makes sense when linearized, etc. Merged with Bastien-Scapin’s criteria Guidance, Workload, Adaptability & Significance of codes accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 30. WCAG 1.0 themes Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Page Layout Such as: Using CSS to control layout and presentation, organizing   documents so they may be read without CSS, ensuring that all   information conveyed with color is also available without color, etc. Merged with Bastien-Scapin’s criteria Adaptability accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 31. WCAG 1.0 themes accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/ Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Validation Such as: Creating documents that validate to published formal   grammars, avoiding deprecated features of W3C technologies, etc. Merged with Bastien-Scapin’s criteria N ̸ A
  • 32. WCAG 1.0 themes Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Interactivity Such as: Ensuring that pages are usable when scripts, applets, or   other programmatic objects are turned off or not supported, ensuring   that equivalents for dynamic content are updated when the dynamic   content changes, etc. Merged with Bastien-Scapin’s criteria Guidance, Consistency & Compatibility accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 33. WCAG 1.0 themes Navigation Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Navigation Such as: Using navigation mechanisms in a consistent manner, not   using markup to redirect pages automatically, not creating   periodically auto-refreshing pages, etc. Merged with Bastien-Scapin’s criteria Guidance, Workload & Consistency accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 34. WCAG 1.0 themes Comprehension Navigation Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Comprehension Such as: Using the clearest and simplest language appropriate for a   site's content, clearly identifying changes in the natural language of   a document's text and any text equivalents, etc. Merged with Bastien-Scapin’s criteria Workload & Significance of codes accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 35. WCAG 1.0 themes Frames Comprehension Navigation Interactivity Validation Page Layout Tables Forms Multimedia Content Textual Equivalents Structure Frames Such as: Titling each frame to facilitate frame identification and   navigation, describing the purpose of frames and how frames relate to   each other if it is not obvious by frame titles alone, etc. Merged with Bastien-Scapin’s criteria Explicit Control accessibiliteweb.org (FR) http://www.accessibiliteweb.org/bdc/directives/theme/
  • 36. Merged summary of criteria & themes relationship Guidance Workload Explicit Control Adaptability Error Management Consistency Significance of codes Compatibility Structure – Forms –Tables – Links – Colors – Interactivity - Navigation Forms – Tables – Multimedia content – Navigation - Comprehension Interactivity – Multimedia content – Forms - Frames Tables – Page Layout –Multimedia content Forms – User controls Structure – Text equivalent – Interactivity – Navigation - Colors Forms – Tables - Comprehension Multimedia content – Interactivity Bastien-Scapin’s criteria WCAG 1.0 Themes
  • 37.
  • 38.
  • 39.
  • 40.