SlideShare une entreprise Scribd logo
1  sur  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]

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

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
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 

Dernier (20)

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
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 

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.