SlideShare a Scribd company logo
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]

More Related Content

Similar to Upa Conference Loic Nunez 18 June2008

Web Assessment Tool
Web Assessment ToolWeb Assessment Tool
Web Assessment Tool
AEGIS-ACCESSIBLE Projects
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
Keana Lynch
 
AKS
AKSAKS
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
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
ciwstudy
 
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility RulesBeginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
John McNabb
 
Digital Accessibility
Digital AccessibilityDigital Accessibility
Digital Accessibility
ADA Site Compliance
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
Emagination ®
 
508 ada-wcag md mustafizur rahman.
508 ada-wcag md mustafizur rahman.508 ada-wcag md mustafizur rahman.
508 ada-wcag md mustafizur rahman.
Md Mustafizur Rahman, CPWA, CPACC
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
Lar Veale
 
Rich Internet Applications
Rich Internet ApplicationsRich Internet Applications
Rich Internet Applications
Youssef Shaath
 
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
Globant
 
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
awia
 
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
CSEIJJournal
 
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...
David Sloan
 
Rapid Introduction to Web Accessibility
Rapid Introduction to Web AccessibilityRapid Introduction to Web Accessibility
Rapid Introduction to Web Accessibility
All Things Open
 
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
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Skynet Technologies
 
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
DCU_MPIUA
 

Similar to 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
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
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
 

Recently uploaded

Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 

Recently uploaded (20)

Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 

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.