Accessibility Workshop

Lar Veale
Lar Vealeanalyst en iQ Content
Accessibility 101 15th August 2008
Agenda ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],1
Hit or myth? ,[object Object],[object Object],[object Object],[object Object]
Why accessibility?
Incentives…
Disabilities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Universal Design ,[object Object],[object Object]
Universal Design ,[object Object],[object Object]
Universal Design ,[object Object],[object Object]
What is accessibility? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Accessibility < Universal Design
Universal Design ,[object Object],[object Object]
Irish legislation ,[object Object],[object Object]
Private sector legislation? ,[object Object],[object Object],[object Object],[object Object]
Employment Equality Act ,[object Object],[object Object]
Laws elsewhere ,[object Object],[object Object],[object Object],[object Object]
Open discussion ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
Challenge-Response (CAPTCHA) ,[object Object]
AJAX: Google Calendar
Drag n’ drop
Olympics.com
8 years on...
8 years on...
 
Dangers of accessibility compliance ,[object Object],[object Object],[object Object],[object Object],[object Object]
Business case for accessibility Before After
Case study: AIB ,[object Object],[object Object],[object Object],[object Object],[object Object],Question:  is this the best way to promote accessibility?
Let’s digress: How we read online
How do we read online? ,[object Object],[object Object],[object Object],[object Object],[object Object],Headings links
JAWS Demo 1 ,[object Object],[object Object]
JAWS Demo 2 www.eaglestarlife.ie/product_centre/savings_investment/mib.jsp
[object Object],[object Object],[object Object]
[object Object],[object Object],2
W3C WAI WCAG 1.0 ,[object Object],[object Object],[object Object],[object Object],[object Object]
NDA Guidelines
NDA Guidelines: Priority 1 1.1  Provide a text equivalent for every non-text element 1.2  Ensure that information does not rely on colour perception 1.6  Use the clearest and simplest language appropriate 1.9  For data tables, identify row and column headers 1.15  Ensure that scripts and applets that provide the only  source of important functionality are directly  accessible  or  compatible with assistive technologies 1.16  Ensure that pages are usable without support for scripts,  applets, or other programmatic objects 1.17  If you cannot make a page accessible, provide an equivalent accessible page
NDA Guidelines 1.2 Ensure that information does not rely on colour perception
NDA Guidelines: Priority 2 2.5  Use style sheets to control layout and presentation WAI 2.6  Use relative rather than absolute units 2.7   Use header elements to convey structure 2.8  Break up large blocks of information where appropriate 2.12  Clearly identify the target of each link 2.16  Associate labels explicitly with their controls 2.17  Properly position the labels of form controls 2.18  Ensure that user interfaces are device-independent 2.21 Ensure that scripts and applets are accessible 2.30  Do not generate pop-ups or other windows and do not change the current window without informing the user
2.7 Use header elements to convey structure
NDA Guidelines 2.21 Ensure that scripts and applets are accessible
NDA Guidelines: Priority 3 3.5  Place distinguishing information at the beginning of headings, paragraphs, lists 3.7  Provide summaries for tables 3.9  Identify groups of related links and provide a way to bypass them 3.14  Provide navigation bars 3.18  Create a style of presentation that is consistent across pages
[object Object],3
PAS 78 (UK) ,[object Object],[object Object]
The audit ,[object Object],[object Object],[object Object]
Process for the audit ,[object Object],[object Object],[object Object],[object Object]
Let’s do an accessibility audit… Pick a website…
Let’s do an accessibility audit… 1. Automated check  ,[object Object],[object Object]
Let’s do an accessibility audit… 2. Manual check
Let’s do an accessibility audit… 3. User testing
Key message ,[object Object]
What we’ve covered so far ,[object Object],[object Object],[object Object]
[object Object],4
You MUST read this…
Thoughts on PDF accessibility ,[object Object],[object Object],[object Object],[object Object],[object Object]
Thoughts on PDF accessibility ,[object Object],[object Object],[object Object],[object Object],[object Object]
The alternatives ,[object Object],[object Object],[object Object],[object Object],[object Object]
4. The new guidelines
New structure ,[object Object],[object Object],[object Object]
The Four POUR Principles ,[object Object],[object Object],[object Object],[object Object],[object Object]
Guidelines ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Guideline 2.4 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WCAG 2.0 Documents ,[object Object],[object Object],[object Object]
Wrap-up
What you can do right now ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Key principles ,[object Object],[object Object],[object Object],[object Object],[object Object]
fin
1 de 71

Recomendados

Web accessibility por
Web accessibilityWeb accessibility
Web accessibilityAGILEDROP
9.3K vistas27 diapositivas
Website Accessibility por
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
1.7K vistas30 diapositivas
ADA Compliance and Website Accessibility por
ADA Compliance and Website AccessibilityADA Compliance and Website Accessibility
ADA Compliance and Website AccessibilitySilverTech
558 vistas34 diapositivas
Web Accessibility: A Shared Responsibility por
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
3.9K vistas36 diapositivas
Introduction To Web Accessibility por
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
11K vistas24 diapositivas
Web accessibility por
Web accessibilityWeb accessibility
Web accessibilityPatrick Broens
2.5K vistas28 diapositivas

Más contenido relacionado

La actualidad más candente

Web Accessibility for Web Developers por
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web DevelopersAlexander Loechel
848 vistas31 diapositivas
Understanding and Supporting Web Accessibility por
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityRachel Cherry
4.9K vistas54 diapositivas
WCAG 2.0 for Designers por
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for DesignersBrunner
4.3K vistas23 diapositivas
Understanding Web Accessibility por
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
2.7K vistas38 diapositivas
A Web for Everyone: Accessibility as a design challenge por
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
32K vistas41 diapositivas
Web Content Accessibility Guidelines por
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility GuidelinesPurnimaAgarwal6
549 vistas30 diapositivas

La actualidad más candente(20)

Understanding and Supporting Web Accessibility por Rachel Cherry
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
Rachel Cherry4.9K vistas
WCAG 2.0 for Designers por Brunner
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for Designers
Brunner4.3K vistas
A Web for Everyone: Accessibility as a design challenge por Whitney Quesenbery
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challenge
Whitney Quesenbery32K vistas
Web Content Accessibility Guidelines por PurnimaAgarwal6
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility Guidelines
PurnimaAgarwal6549 vistas
Accessibility Testing 101 por Patrick Dunphy
Accessibility Testing 101Accessibility Testing 101
Accessibility Testing 101
Patrick Dunphy4.3K vistas
What Is Accessibility Testing? por QA InfoTech
What Is Accessibility Testing?What Is Accessibility Testing?
What Is Accessibility Testing?
QA InfoTech3.2K vistas
Google Core Web Vitals - Webinar por Spike
Google Core Web Vitals - WebinarGoogle Core Web Vitals - Webinar
Google Core Web Vitals - Webinar
Spike302 vistas
WCAG 2.0, Simplified por ciwstudy
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
ciwstudy6.7K vistas
Web accessibility 101: The why, who, what, and how of "a11y" por ecentricarts
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
ecentricarts4.3K vistas
Core web Vitals: Web Performance and Usability por Ingo Steinke
Core web Vitals: Web Performance and UsabilityCore web Vitals: Web Performance and Usability
Core web Vitals: Web Performance and Usability
Ingo Steinke206 vistas
Accessible Design Presentation por Topher Kanyuga
Accessible Design PresentationAccessible Design Presentation
Accessible Design Presentation
Topher Kanyuga822 vistas

Destacado

Online Business Model Proposal por
Online Business Model ProposalOnline Business Model Proposal
Online Business Model ProposalConsulting Café
2.3K vistas16 diapositivas
Foxtail Website Audit por
Foxtail Website AuditFoxtail Website Audit
Foxtail Website AuditFoxtail Marketing
643 vistas32 diapositivas
Website Analysis Report : SEO, CRO Website Audit. por
Website Analysis Report : SEO, CRO Website Audit.Website Analysis Report : SEO, CRO Website Audit.
Website Analysis Report : SEO, CRO Website Audit.Tarak Turki
2.3K vistas37 diapositivas
Website Audit Checklist por
Website Audit ChecklistWebsite Audit Checklist
Website Audit ChecklistTim Bourgeois
8.3K vistas1 diapositiva
Do-It-Yourself Website Audit por
Do-It-Yourself Website AuditDo-It-Yourself Website Audit
Do-It-Yourself Website AuditRebecca Gill
43.9K vistas13 diapositivas

Similar a Accessibility Workshop

Seth Duffy Accessibility97035 por
Seth Duffy   Accessibility97035Seth Duffy   Accessibility97035
Seth Duffy Accessibility97035FNian
369 vistas18 diapositivas
Ideas 5 - Roger Hudson - Understanding WCAG 2.0 por
Ideas 5 - Roger Hudson - Understanding WCAG 2.0Ideas 5 - Roger Hudson - Understanding WCAG 2.0
Ideas 5 - Roger Hudson - Understanding WCAG 2.0awia
1.6K vistas46 diapositivas
Wipa Seminar WCAG 2.0 por
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Roger Hudson
1.2K vistas47 diapositivas
WCAG por
WCAGWCAG
WCAGPurnimaAgarwal6
152 vistas30 diapositivas
Usability ≠ Accessibility. An intro to web accessibility for agencies. por
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Kate Horowitz
807 vistas122 diapositivas
Lightning Talks by Globant - Accessibility for everyone testing tools por
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
101 vistas29 diapositivas

Similar a Accessibility Workshop(20)

Seth Duffy Accessibility97035 por FNian
Seth Duffy   Accessibility97035Seth Duffy   Accessibility97035
Seth Duffy Accessibility97035
FNian369 vistas
Ideas 5 - Roger Hudson - Understanding WCAG 2.0 por awia
Ideas 5 - Roger Hudson - Understanding WCAG 2.0Ideas 5 - Roger Hudson - Understanding WCAG 2.0
Ideas 5 - Roger Hudson - Understanding WCAG 2.0
awia1.6K vistas
Wipa Seminar WCAG 2.0 por Roger Hudson
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0
Roger Hudson1.2K vistas
Usability ≠ Accessibility. An intro to web accessibility for agencies. por Kate Horowitz
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Kate Horowitz807 vistas
Lightning Talks by Globant - Accessibility for everyone testing tools por Globant
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
Globant101 vistas
A Half Day Workshop on Building Accessible Websites For People With Disabilities por Aayush Shrestha
A Half Day Workshop on Building Accessible Websites For People With DisabilitiesA Half Day Workshop on Building Accessible Websites For People With Disabilities
A Half Day Workshop on Building Accessible Websites For People With Disabilities
Aayush Shrestha938 vistas
Managing Accessibility Compliance por Keana Lynch
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
Keana Lynch352 vistas
doumi94 por doumi94
doumi94doumi94
doumi94
doumi94576 vistas
Designing, Developing & Testing for Accessibility por Eric Malcolm
Designing, Developing & Testing for AccessibilityDesigning, Developing & Testing for Accessibility
Designing, Developing & Testing for Accessibility
Eric Malcolm248 vistas
Plan For Accessibility - TODCon 2008 por Denise Jacobs
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
Denise Jacobs3.5K vistas
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie... por Porfirio Tramontana
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
Porfirio Tramontana1.5K vistas
Accessibility And 508 Compliance In 2009 por Emagination ®
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
Emagination ®1.8K vistas
Web Accessibility 101 por Eric Malcolm
Web Accessibility 101Web Accessibility 101
Web Accessibility 101
Eric Malcolm117 vistas
Role of-engineering-best-practices-to-create-an-inclusive-web final-1 por Srinivasu Chakravarthula
Role of-engineering-best-practices-to-create-an-inclusive-web final-1Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Accessibility and the importance of user testing por Russ Weakley
Accessibility and the importance of user testingAccessibility and the importance of user testing
Accessibility and the importance of user testing
Russ Weakley1.7K vistas
SEO through Accessibility- How designing accessible websites leads to automat... por Abhay Rautela
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...
Abhay Rautela6.7K vistas
Udem 2007 Accessibility Standards por sharron
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standards
sharron714 vistas

Más de Lar Veale

Retail excellence - Multichannel Event. por
Retail excellence - Multichannel Event.Retail excellence - Multichannel Event.
Retail excellence - Multichannel Event.Lar Veale
842 vistas70 diapositivas
HTML5 forms por
HTML5 formsHTML5 forms
HTML5 formsLar Veale
504 vistas5 diapositivas
Online car insurance usability benchmarking por
Online car insurance usability benchmarkingOnline car insurance usability benchmarking
Online car insurance usability benchmarkingLar Veale
4.5K vistas37 diapositivas
Hospitality Exchange por
Hospitality ExchangeHospitality Exchange
Hospitality ExchangeLar Veale
454 vistas36 diapositivas
Refresh Dublin: a pragmatic approach to mobile por
Refresh Dublin: a pragmatic approach to mobileRefresh Dublin: a pragmatic approach to mobile
Refresh Dublin: a pragmatic approach to mobileLar Veale
385 vistas32 diapositivas
Analytics / Measurement.ie por
Analytics / Measurement.ieAnalytics / Measurement.ie
Analytics / Measurement.ieLar Veale
657 vistas43 diapositivas

Más de Lar Veale(16)

Retail excellence - Multichannel Event. por Lar Veale
Retail excellence - Multichannel Event.Retail excellence - Multichannel Event.
Retail excellence - Multichannel Event.
Lar Veale842 vistas
HTML5 forms por Lar Veale
HTML5 formsHTML5 forms
HTML5 forms
Lar Veale504 vistas
Online car insurance usability benchmarking por Lar Veale
Online car insurance usability benchmarkingOnline car insurance usability benchmarking
Online car insurance usability benchmarking
Lar Veale4.5K vistas
Hospitality Exchange por Lar Veale
Hospitality ExchangeHospitality Exchange
Hospitality Exchange
Lar Veale454 vistas
Refresh Dublin: a pragmatic approach to mobile por Lar Veale
Refresh Dublin: a pragmatic approach to mobileRefresh Dublin: a pragmatic approach to mobile
Refresh Dublin: a pragmatic approach to mobile
Lar Veale385 vistas
Analytics / Measurement.ie por Lar Veale
Analytics / Measurement.ieAnalytics / Measurement.ie
Analytics / Measurement.ie
Lar Veale657 vistas
Conversion Optimisation por Lar Veale
Conversion OptimisationConversion Optimisation
Conversion Optimisation
Lar Veale409 vistas
Analytics por Lar Veale
AnalyticsAnalytics
Analytics
Lar Veale604 vistas
Marketing Institute | Optimisation course por Lar Veale
Marketing Institute | Optimisation courseMarketing Institute | Optimisation course
Marketing Institute | Optimisation course
Lar Veale354 vistas
DIT Digitial Marketing Forum: Analytics por Lar Veale
DIT Digitial Marketing Forum: AnalyticsDIT Digitial Marketing Forum: Analytics
DIT Digitial Marketing Forum: Analytics
Lar Veale643 vistas
User Experience for kids preview por Lar Veale
User Experience for kids previewUser Experience for kids preview
User Experience for kids preview
Lar Veale1.3K vistas
Diktatr por Lar Veale
DiktatrDiktatr
Diktatr
Lar Veale556 vistas
User testing on a shoestring (FOWA Dublin) por Lar Veale
User testing on a shoestring (FOWA Dublin)User testing on a shoestring (FOWA Dublin)
User testing on a shoestring (FOWA Dublin)
Lar Veale787 vistas
Ei Presentation on analytics por Lar Veale
Ei Presentation on analyticsEi Presentation on analytics
Ei Presentation on analytics
Lar Veale2K vistas
IIA Analytics por Lar Veale
IIA AnalyticsIIA Analytics
IIA Analytics
Lar Veale472 vistas

Último

Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... por
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...NUS-ISS
32 vistas54 diapositivas
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen... por
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...NUS-ISS
23 vistas70 diapositivas
The Research Portal of Catalonia: Growing more (information) & more (services) por
The Research Portal of Catalonia: Growing more (information) & more (services)The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)CSUC - Consorci de Serveis Universitaris de Catalunya
66 vistas25 diapositivas
MemVerge: Past Present and Future of CXL por
MemVerge: Past Present and Future of CXLMemVerge: Past Present and Future of CXL
MemVerge: Past Present and Future of CXLCXL Forum
110 vistas26 diapositivas
Five Things You SHOULD Know About Postman por
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About PostmanPostman
25 vistas43 diapositivas
AI: mind, matter, meaning, metaphors, being, becoming, life values por
AI: mind, matter, meaning, metaphors, being, becoming, life valuesAI: mind, matter, meaning, metaphors, being, becoming, life values
AI: mind, matter, meaning, metaphors, being, becoming, life valuesTwain Liu 刘秋艳
34 vistas16 diapositivas

Último(20)

Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... por NUS-ISS
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS32 vistas
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen... por NUS-ISS
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
NUS-ISS23 vistas
MemVerge: Past Present and Future of CXL por CXL Forum
MemVerge: Past Present and Future of CXLMemVerge: Past Present and Future of CXL
MemVerge: Past Present and Future of CXL
CXL Forum110 vistas
Five Things You SHOULD Know About Postman por Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman25 vistas
AI: mind, matter, meaning, metaphors, being, becoming, life values por Twain Liu 刘秋艳
AI: mind, matter, meaning, metaphors, being, becoming, life valuesAI: mind, matter, meaning, metaphors, being, becoming, life values
AI: mind, matter, meaning, metaphors, being, becoming, life values
Photowave Presentation Slides - 11.8.23.pptx por CXL Forum
Photowave Presentation Slides - 11.8.23.pptxPhotowave Presentation Slides - 11.8.23.pptx
Photowave Presentation Slides - 11.8.23.pptx
CXL Forum126 vistas
Future of Learning - Khoong Chan Meng por NUS-ISS
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan Meng
NUS-ISS31 vistas
CXL at OCP por CXL Forum
CXL at OCPCXL at OCP
CXL at OCP
CXL Forum208 vistas
Understanding GenAI/LLM and What is Google Offering - Felix Goh por NUS-ISS
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix Goh
NUS-ISS39 vistas
"Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad... por Fwdays
"Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad..."Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad...
"Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad...
Fwdays40 vistas
PharoJS - Zürich Smalltalk Group Meetup November 2023 por Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi113 vistas
.conf Go 2023 - Data analysis as a routine por Splunk
.conf Go 2023 - Data analysis as a routine.conf Go 2023 - Data analysis as a routine
.conf Go 2023 - Data analysis as a routine
Splunk90 vistas
AMD: 4th Generation EPYC CXL Demo por CXL Forum
AMD: 4th Generation EPYC CXL DemoAMD: 4th Generation EPYC CXL Demo
AMD: 4th Generation EPYC CXL Demo
CXL Forum126 vistas
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ... por Fwdays
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ..."Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
Fwdays33 vistas
Transcript: The Details of Description Techniques tips and tangents on altern... por BookNet Canada
Transcript: The Details of Description Techniques tips and tangents on altern...Transcript: The Details of Description Techniques tips and tangents on altern...
Transcript: The Details of Description Techniques tips and tangents on altern...
BookNet Canada119 vistas
Liqid: Composable CXL Preview por CXL Forum
Liqid: Composable CXL PreviewLiqid: Composable CXL Preview
Liqid: Composable CXL Preview
CXL Forum121 vistas
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor... por Vadym Kazulkin
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
Vadym Kazulkin70 vistas
TE Connectivity: Card Edge Interconnects por CXL Forum
TE Connectivity: Card Edge InterconnectsTE Connectivity: Card Edge Interconnects
TE Connectivity: Card Edge Interconnects
CXL Forum96 vistas
Web Dev - 1 PPT.pdf por gdsczhcet
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
gdsczhcet52 vistas

Accessibility Workshop

  • 2.
  • 3.
  • 4.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.  
  • 20.  
  • 21.  
  • 22.  
  • 23.
  • 29.  
  • 30.
  • 31. Business case for accessibility Before After
  • 32.
  • 33. Let’s digress: How we read online
  • 34.
  • 35.
  • 36. JAWS Demo 2 www.eaglestarlife.ie/product_centre/savings_investment/mib.jsp
  • 37.
  • 38.
  • 39.
  • 41. NDA Guidelines: Priority 1 1.1 Provide a text equivalent for every non-text element 1.2 Ensure that information does not rely on colour perception 1.6 Use the clearest and simplest language appropriate 1.9 For data tables, identify row and column headers 1.15 Ensure that scripts and applets that provide the only source of important functionality are directly accessible or compatible with assistive technologies 1.16 Ensure that pages are usable without support for scripts, applets, or other programmatic objects 1.17 If you cannot make a page accessible, provide an equivalent accessible page
  • 42. NDA Guidelines 1.2 Ensure that information does not rely on colour perception
  • 43. NDA Guidelines: Priority 2 2.5 Use style sheets to control layout and presentation WAI 2.6 Use relative rather than absolute units 2.7 Use header elements to convey structure 2.8 Break up large blocks of information where appropriate 2.12 Clearly identify the target of each link 2.16 Associate labels explicitly with their controls 2.17 Properly position the labels of form controls 2.18 Ensure that user interfaces are device-independent 2.21 Ensure that scripts and applets are accessible 2.30 Do not generate pop-ups or other windows and do not change the current window without informing the user
  • 44. 2.7 Use header elements to convey structure
  • 45. NDA Guidelines 2.21 Ensure that scripts and applets are accessible
  • 46. NDA Guidelines: Priority 3 3.5 Place distinguishing information at the beginning of headings, paragraphs, lists 3.7 Provide summaries for tables 3.9 Identify groups of related links and provide a way to bypass them 3.14 Provide navigation bars 3.18 Create a style of presentation that is consistent across pages
  • 47.
  • 48.
  • 49.
  • 50.
  • 51. Let’s do an accessibility audit… Pick a website…
  • 52.
  • 53. Let’s do an accessibility audit… 2. Manual check
  • 54. Let’s do an accessibility audit… 3. User testing
  • 55.
  • 56.
  • 57.
  • 58. You MUST read this…
  • 59.
  • 60.
  • 61.
  • 62. 4. The new guidelines
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 69.
  • 70.
  • 71. fin