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

Mais conteúdo relacionado

Semelhante a Upa Conference Loic Nunez 18 June2008

Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility ComplianceKeana Lynch
 
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 .docxfelicidaddinwoodie
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplifiedciwstudy
 
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
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Emagination ®
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility WorkshopLar Veale
 
Rich Internet Applications
Rich Internet ApplicationsRich Internet Applications
Rich Internet ApplicationsYoussef 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 toolsGlobant
 
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.0awia
 
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 ApplicationsCSEIJJournal
 
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 AccessibilityAll Things Open
 
Preliminry report
 Preliminry report Preliminry report
Preliminry reportJiten Ahuja
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For EverybodyEmpatika
 
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 DigitalDCU_MPIUA
 
new ASE GROUPWORK.docx
new ASE GROUPWORK.docxnew ASE GROUPWORK.docx
new ASE GROUPWORK.docxShangaviS2
 

Semelhante a 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
 

Último

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...HyderabadDolls
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxMdBokhtiyarHossainNi
 
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
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxbalqisyamutia
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...ZurliaSoop
 
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 ...Nitya salvi
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherrymeghakumariji156
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
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 GuideDesign Studio UI UX
 
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 2024Ilham Brata
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...nirzagarg
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...gargpaaro
 
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.pdfamanda2495
 
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 Ibrahimamgadibrahim92
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
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
 
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 Servicemeghakumariji156
 

Último (20)

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
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
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
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 ...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
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
 
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
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
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
 
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
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
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
 
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
 

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.