SlideShare a Scribd company logo

Anatomy of an accessible carousel: everyone's responsible!

•
•
Access iQ
Access iQ

The things you need to consider when adding a carousel to your website to make sure it meets accessibility standards.

Technology
1 of 15
Anatomy of an accessible carousel: everyone's responsible! Access iQ™ Web Accessibility http://www.accessiq.org/
Colour contrast Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Colour contrast Design
Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Keyboard focus Design
Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Non-active Active Focus Design
Heading level Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
<h2>Lorem ipsum dolor siter</h2> Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Text alternative alt =“3” Design Text alternative for image alt =“Previous slide”
CSS for styling Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
Sequence preserved First slide header Author First slide text First slide linkscelerisque, sem dolor siter Lorem ipsum Proin sit amet elementum pulvinar, orci eros adipiscing elit eget Second slide header Consectetur adipiscing elit Second slide text Develop Second slide link Third slide header Third slide text Third slide link Design
Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Meaningful link Design
Text alternative Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
Analysis and Design Develop requirements Accessibility testing Content Maintenance authoring Accessibility testing
Practical workshops Access iQ™ offers practical, hands-on workshops that teach you how to implement accessibility in your projects. • HTML and CSS techniques for building accessible websites – teaching developers how to create accessible digital experiences. • Implementing accessibility into your digital projects [custom workshop] – teaching your project team who does what when it comes to accessibility. • Captioning online videos – teaching you to caption your online videos in half a day with no setup costs. View Access iQ’s full list of workshop offerings.
Practical accessibility information Save time and money by getting easy-to- understand accessibility information, all in one place. Access iQ™ has created some killer accessibility guides for content authors and developers. An accessibility guide for designers is on the way!
Level 3, 616-620 Harris St Ultimo NSW 2007 t: +61 2 8218 9320 e: knowhow@accessiq.org @accessiq accessiq.org Web accessibility know how

Recommended

Understanding the implications of accessibility requirements on your project
Understanding the implications of accessibility requirements on your projectUnderstanding the implications of accessibility requirements on your project
Understanding the implications of accessibility requirements on your projectAccess iQ
 
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Dylan Wilbanks
 
Strategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityInnoTech
 
[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & Accessibility[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & AccessibilityChristopher Schmitt
 
How To Build An Accessible Web Application - a11yBos
How To Build An Accessible Web Application - a11yBosHow To Build An Accessible Web Application - a11yBos
How To Build An Accessible Web Application - a11yBosDennis Lembree
 
HTML5's ARIA and a Web-Accessible Dropdown Widget
HTML5's ARIA and a Web-Accessible Dropdown WidgetHTML5's ARIA and a Web-Accessible Dropdown Widget
HTML5's ARIA and a Web-Accessible Dropdown WidgetDennis Lembree
 
Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14Karen Mardahl
 
Making JavaScript Accessible
Making JavaScript AccessibleMaking JavaScript Accessible
Making JavaScript AccessibleDennis Lembree
 

Recommended

Understanding the implications of accessibility requirements on your project
Understanding the implications of accessibility requirements on your projectUnderstanding the implications of accessibility requirements on your project
Understanding the implications of accessibility requirements on your projectAccess iQ
 
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.
Open Web Camp 2014: On Fireproof, Future-Proof, Failure-Proof Things.Dylan Wilbanks
 
Strategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityInnoTech
 
[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & Accessibility[Access U 2010] HTML5 & Accessibility
[Access U 2010] HTML5 & AccessibilityChristopher Schmitt
 
How To Build An Accessible Web Application - a11yBos
How To Build An Accessible Web Application - a11yBosHow To Build An Accessible Web Application - a11yBos
How To Build An Accessible Web Application - a11yBosDennis Lembree
 
HTML5's ARIA and a Web-Accessible Dropdown Widget
HTML5's ARIA and a Web-Accessible Dropdown WidgetHTML5's ARIA and a Web-Accessible Dropdown Widget
HTML5's ARIA and a Web-Accessible Dropdown WidgetDennis Lembree
 
Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14Karen Mardahl
 
Making JavaScript Accessible
Making JavaScript AccessibleMaking JavaScript Accessible
Making JavaScript AccessibleDennis Lembree
 
Accessible Video in The Enterprise
Accessible Video in The Enterprise Accessible Video in The Enterprise
Accessible Video in The Enterprise John Foliot
 
HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?Steven Faulkner
 
Usability meets accessibility
Usability meets accessibilityUsability meets accessibility
Usability meets accessibilityWhitney Quesenbery
 
Getting Things Done for Technical Communicators
Getting Things Done for Technical CommunicatorsGetting Things Done for Technical Communicators
Getting Things Done for Technical CommunicatorsKaren Mardahl
 
How To Build An Accessible Web Application
How To Build An Accessible Web ApplicationHow To Build An Accessible Web Application
How To Build An Accessible Web ApplicationDennis Lembree
 
Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]Aaron Gustafson
 
Responsible Design: Accountable Accessibility
Responsible Design: Accountable AccessibilityResponsible Design: Accountable Accessibility
Responsible Design: Accountable AccessibilityBilly Gregory
 
Teach your Browser new tricks
Teach your Browser new tricksTeach your Browser new tricks
Teach your Browser new tricksDirk Ginader
 
AccessU 2011 Keynote
AccessU 2011 KeynoteAccessU 2011 Keynote
AccessU 2011 KeynoteDennis Lembree
 
Create Accessible Infographics
Create Accessible Infographics Create Accessible Infographics
Create Accessible Infographics Ted Drake
 
A Web for Everyone: Accessibility as a design challenge
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
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 
The 5 Layers of Web Accessibility
The 5 Layers of Web AccessibilityThe 5 Layers of Web Accessibility
The 5 Layers of Web AccessibilityDirk Ginader
 
Accessibility in Responsive web design
Accessibility in Responsive web designAccessibility in Responsive web design
Accessibility in Responsive web designNexer Digital
 
Introduction to WAI-ARIA
Introduction to WAI-ARIAIntroduction to WAI-ARIA
Introduction to WAI-ARIAInteractive Accessibility
 
Gaining Support through Empathy & Awareness Exercises #CSUN15
Gaining Support through Empathy & Awareness Exercises #CSUN15Gaining Support through Empathy & Awareness Exercises #CSUN15
Gaining Support through Empathy & Awareness Exercises #CSUN15Patrick Dunphy
 
Introduction to Accessibility Testing - CSUN14
Introduction to Accessibility Testing - CSUN14Introduction to Accessibility Testing - CSUN14
Introduction to Accessibility Testing - CSUN14Patrick Dunphy
 
uKinect: the Signed Internet - Gesture Control
uKinect: the Signed Internet - Gesture ControluKinect: the Signed Internet - Gesture Control
uKinect: the Signed Internet - Gesture ControlJonathan Hassell
 
Accessibility as Innovation - giving your potential users the chance to inspi...
Accessibility as Innovation - giving your potential users the chance to inspi...Accessibility as Innovation - giving your potential users the chance to inspi...
Accessibility as Innovation - giving your potential users the chance to inspi...Jonathan Hassell
 
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...Jonathan Hassell
 
Prtfolio 8.5x8.5
Prtfolio 8.5x8.5Prtfolio 8.5x8.5
Prtfolio 8.5x8.5MEHDI SHAYAN
 
Jsm2003 02-with-narration
Jsm2003 02-with-narrationJsm2003 02-with-narration
Jsm2003 02-with-narrationampersandmatt
 

More Related Content

Viewers also liked

Accessible Video in The Enterprise
Accessible Video in The Enterprise Accessible Video in The Enterprise
Accessible Video in The Enterprise John Foliot
 
HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?Steven Faulkner
 
Getting Things Done for Technical Communicators
Getting Things Done for Technical CommunicatorsGetting Things Done for Technical Communicators
Getting Things Done for Technical CommunicatorsKaren Mardahl
 
How To Build An Accessible Web Application
How To Build An Accessible Web ApplicationHow To Build An Accessible Web Application
How To Build An Accessible Web ApplicationDennis Lembree
 
Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]Aaron Gustafson
 
Responsible Design: Accountable Accessibility
Responsible Design: Accountable AccessibilityResponsible Design: Accountable Accessibility
Responsible Design: Accountable AccessibilityBilly Gregory
 
Teach your Browser new tricks
Teach your Browser new tricksTeach your Browser new tricks
Teach your Browser new tricksDirk Ginader
 
Create Accessible Infographics
Create Accessible Infographics Create Accessible Infographics
Create Accessible Infographics Ted Drake
 
A Web for Everyone: Accessibility as a design challenge
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
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 
The 5 Layers of Web Accessibility
The 5 Layers of Web AccessibilityThe 5 Layers of Web Accessibility
The 5 Layers of Web AccessibilityDirk Ginader
 
Accessibility in Responsive web design
Accessibility in Responsive web designAccessibility in Responsive web design
Accessibility in Responsive web designNexer Digital
 
Gaining Support through Empathy & Awareness Exercises #CSUN15
Gaining Support through Empathy & Awareness Exercises #CSUN15Gaining Support through Empathy & Awareness Exercises #CSUN15
Gaining Support through Empathy & Awareness Exercises #CSUN15Patrick Dunphy
 
Introduction to Accessibility Testing - CSUN14
Introduction to Accessibility Testing - CSUN14Introduction to Accessibility Testing - CSUN14
Introduction to Accessibility Testing - CSUN14Patrick Dunphy
 
uKinect: the Signed Internet - Gesture Control
uKinect: the Signed Internet - Gesture ControluKinect: the Signed Internet - Gesture Control
uKinect: the Signed Internet - Gesture ControlJonathan Hassell
 
Accessibility as Innovation - giving your potential users the chance to inspi...
Accessibility as Innovation - giving your potential users the chance to inspi...Accessibility as Innovation - giving your potential users the chance to inspi...
Accessibility as Innovation - giving your potential users the chance to inspi...Jonathan Hassell
 
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...Jonathan Hassell
 

Viewers also liked (20)

Accessible Video in The Enterprise
Accessible Video in The Enterprise Accessible Video in The Enterprise
Accessible Video in The Enterprise
 
HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?HTML5 Accessibility - Is it ready yet?
HTML5 Accessibility - Is it ready yet?
 
Usability meets accessibility
Usability meets accessibilityUsability meets accessibility
Usability meets accessibility
 
Getting Things Done for Technical Communicators
Getting Things Done for Technical CommunicatorsGetting Things Done for Technical Communicators
Getting Things Done for Technical Communicators
 
How To Build An Accessible Web Application
How To Build An Accessible Web ApplicationHow To Build An Accessible Web Application
How To Build An Accessible Web Application
 
Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]Designing with Empathy [Reasons to be Creative 2013]
Designing with Empathy [Reasons to be Creative 2013]
 
Responsible Design: Accountable Accessibility
Responsible Design: Accountable AccessibilityResponsible Design: Accountable Accessibility
Responsible Design: Accountable Accessibility
 
Teach your Browser new tricks
Teach your Browser new tricksTeach your Browser new tricks
Teach your Browser new tricks
 
AccessU 2011 Keynote
AccessU 2011 KeynoteAccessU 2011 Keynote
AccessU 2011 Keynote
 
Create Accessible Infographics
Create Accessible Infographics Create Accessible Infographics
Create Accessible Infographics
 
A Web for Everyone: Accessibility as a design challenge
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
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
The 5 Layers of Web Accessibility
The 5 Layers of Web AccessibilityThe 5 Layers of Web Accessibility
The 5 Layers of Web Accessibility
 
Accessibility in Responsive web design
Accessibility in Responsive web designAccessibility in Responsive web design
Accessibility in Responsive web design
 
Introduction to WAI-ARIA
Introduction to WAI-ARIAIntroduction to WAI-ARIA
Introduction to WAI-ARIA
 
Gaining Support through Empathy & Awareness Exercises #CSUN15
Gaining Support through Empathy & Awareness Exercises #CSUN15Gaining Support through Empathy & Awareness Exercises #CSUN15
Gaining Support through Empathy & Awareness Exercises #CSUN15
 
Introduction to Accessibility Testing - CSUN14
Introduction to Accessibility Testing - CSUN14Introduction to Accessibility Testing - CSUN14
Introduction to Accessibility Testing - CSUN14
 
uKinect: the Signed Internet - Gesture Control
uKinect: the Signed Internet - Gesture ControluKinect: the Signed Internet - Gesture Control
uKinect: the Signed Internet - Gesture Control
 
Accessibility as Innovation - giving your potential users the chance to inspi...
Accessibility as Innovation - giving your potential users the chance to inspi...Accessibility as Innovation - giving your potential users the chance to inspi...
Accessibility as Innovation - giving your potential users the chance to inspi...
 
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
Stop Trying to Avoid Losing and Start Winning: How BS 8878 reframes the Acces...
 

Similar to Anatomy of an accessible carousel: everyone's responsible!

Jsm2003 02-with-narration
Jsm2003 02-with-narrationJsm2003 02-with-narration
Jsm2003 02-with-narrationampersandmatt
 
Nicole Wiebe portfolio
Nicole Wiebe portfolioNicole Wiebe portfolio
Nicole Wiebe portfolioNicole Wiebe
 
Interactive agencyworkflow
Interactive agencyworkflowInteractive agencyworkflow
Interactive agencyworkflowcdelashmet
 
Tips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUXTips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUXTania Schlatter
 
WIAD2012 A2 - Letting go of perfection: Developing IA agility
WIAD2012 A2 - Letting go of perfection: Developing IA agilityWIAD2012 A2 - Letting go of perfection: Developing IA agility
WIAD2012 A2 - Letting go of perfection: Developing IA agilityChris Farnum
 
The Hitchhiker's Guide to a Great Developer Career
The Hitchhiker's Guide to a Great Developer CareerThe Hitchhiker's Guide to a Great Developer Career
The Hitchhiker's Guide to a Great Developer CareerSven Peters
 
Moah Mini Upa2009
Moah Mini Upa2009Moah Mini Upa2009
Moah Mini Upa2009ayemoah
 
Intentionally dealing with responsive design
Intentionally dealing with responsive designIntentionally dealing with responsive design
Intentionally dealing with responsive designeveryplace
 

Similar to Anatomy of an accessible carousel: everyone's responsible! (11)

Prtfolio 8.5x8.5
Prtfolio 8.5x8.5Prtfolio 8.5x8.5
Prtfolio 8.5x8.5
 
Jsm2003 02-with-narration
Jsm2003 02-with-narrationJsm2003 02-with-narration
Jsm2003 02-with-narration
 
Nicole Wiebe portfolio
Nicole Wiebe portfolioNicole Wiebe portfolio
Nicole Wiebe portfolio
 
Interactive agencyworkflow
Interactive agencyworkflowInteractive agencyworkflow
Interactive agencyworkflow
 
Tips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUXTips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUX
 
WIAD2012 A2 - Letting go of perfection: Developing IA agility
WIAD2012 A2 - Letting go of perfection: Developing IA agilityWIAD2012 A2 - Letting go of perfection: Developing IA agility
WIAD2012 A2 - Letting go of perfection: Developing IA agility
 
The Hitchhiker's Guide to a Great Developer Career
The Hitchhiker's Guide to a Great Developer CareerThe Hitchhiker's Guide to a Great Developer Career
The Hitchhiker's Guide to a Great Developer Career
 
Claire's portfolio
Claire's portfolioClaire's portfolio
Claire's portfolio
 
Pres_video.pdf
Pres_video.pdfPres_video.pdf
Pres_video.pdf
 
Moah Mini Upa2009
Moah Mini Upa2009Moah Mini Upa2009
Moah Mini Upa2009
 
Intentionally dealing with responsive design
Intentionally dealing with responsive designIntentionally dealing with responsive design
Intentionally dealing with responsive design
 

More from Access iQ

Web accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityWeb accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityAccess iQ
 
NDS Employment Conference
NDS Employment ConferenceNDS Employment Conference
NDS Employment ConferenceAccess iQ
 
Creating an inclusive social media strategy
Creating an inclusive social media strategyCreating an inclusive social media strategy
Creating an inclusive social media strategyAccess iQ
 
Reaching Corporate Australia with a Business Case
Reaching Corporate Australia with a Business CaseReaching Corporate Australia with a Business Case
Reaching Corporate Australia with a Business CaseAccess iQ
 
Web accessibility: it's not a dirty word
Web accessibility: it's not a dirty wordWeb accessibility: it's not a dirty word
Web accessibility: it's not a dirty wordAccess iQ
 
Using the cloud to support people with disabilities
Using the cloud to support people with disabilitiesUsing the cloud to support people with disabilities
Using the cloud to support people with disabilitiesAccess iQ
 
Accessibility for social media platforms
Accessibility for social media platformsAccessibility for social media platforms
Accessibility for social media platformsAccess iQ
 
Creating dynamic and accessible content in Drupal 7 using WAI-ARIA
Creating dynamic and accessible content in Drupal 7 using WAI-ARIACreating dynamic and accessible content in Drupal 7 using WAI-ARIA
Creating dynamic and accessible content in Drupal 7 using WAI-ARIAAccess iQ
 
Dynamic and accessible web content with WAI-ARIA
Dynamic and accessible web content with WAI-ARIADynamic and accessible web content with WAI-ARIA
Dynamic and accessible web content with WAI-ARIAAccess iQ
 
Maximising digital engagement and inclusion 2.0
Maximising digital engagement and inclusion 2.0Maximising digital engagement and inclusion 2.0
Maximising digital engagement and inclusion 2.0Access iQ
 
Strategies for ensuring the accessibility of online content
Strategies for ensuring the accessibility of online contentStrategies for ensuring the accessibility of online content
Strategies for ensuring the accessibility of online contentAccess iQ
 
Accessibility and the Cloud
Accessibility and the CloudAccessibility and the Cloud
Accessibility and the CloudAccess iQ
 

More from Access iQ (12)

Web accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityWeb accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibility
 
NDS Employment Conference
NDS Employment ConferenceNDS Employment Conference
NDS Employment Conference
 
Creating an inclusive social media strategy
Creating an inclusive social media strategyCreating an inclusive social media strategy
Creating an inclusive social media strategy
 
Reaching Corporate Australia with a Business Case
Reaching Corporate Australia with a Business CaseReaching Corporate Australia with a Business Case
Reaching Corporate Australia with a Business Case
 
Web accessibility: it's not a dirty word
Web accessibility: it's not a dirty wordWeb accessibility: it's not a dirty word
Web accessibility: it's not a dirty word
 
Using the cloud to support people with disabilities
Using the cloud to support people with disabilitiesUsing the cloud to support people with disabilities
Using the cloud to support people with disabilities
 
Accessibility for social media platforms
Accessibility for social media platformsAccessibility for social media platforms
Accessibility for social media platforms
 
Creating dynamic and accessible content in Drupal 7 using WAI-ARIA
Creating dynamic and accessible content in Drupal 7 using WAI-ARIACreating dynamic and accessible content in Drupal 7 using WAI-ARIA
Creating dynamic and accessible content in Drupal 7 using WAI-ARIA
 
Dynamic and accessible web content with WAI-ARIA
Dynamic and accessible web content with WAI-ARIADynamic and accessible web content with WAI-ARIA
Dynamic and accessible web content with WAI-ARIA
 
Maximising digital engagement and inclusion 2.0
Maximising digital engagement and inclusion 2.0Maximising digital engagement and inclusion 2.0
Maximising digital engagement and inclusion 2.0
 
Strategies for ensuring the accessibility of online content
Strategies for ensuring the accessibility of online contentStrategies for ensuring the accessibility of online content
Strategies for ensuring the accessibility of online content
 
Accessibility and the Cloud
Accessibility and the CloudAccessibility and the Cloud
Accessibility and the Cloud
 

Recently uploaded

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Angeliki Cooney
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 

Recently uploaded (20)

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 

Anatomy of an accessible carousel: everyone's responsible!

  • 1. Anatomy of an accessible carousel: everyone's responsible! Access iQ™ Web Accessibility http://www.accessiq.org/
  • 2. Colour contrast Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Colour contrast Design
  • 3. Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Keyboard focus Design
  • 4. Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Non-active Active Focus Design
  • 5. Heading level Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
  • 6. <h2>Lorem ipsum dolor siter</h2> Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
  • 7. Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Text alternative alt =“3” Design Text alternative for image alt =“Previous slide”
  • 8. CSS for styling Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
  • 9. Sequence preserved First slide header Author First slide text First slide linkscelerisque, sem dolor siter Lorem ipsum Proin sit amet elementum pulvinar, orci eros adipiscing elit eget Second slide header Consectetur adipiscing elit Second slide text Develop Second slide link Third slide header Third slide text Third slide link Design
  • 10. Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Meaningful link Design
  • 11. Text alternative Author Lorem ipsum dolor siter Proin scelerisque, sem sit amet elementum pulvinar, orci eros adipiscing elit eget Consectetur adipiscing elit Develop Design
  • 12. Analysis and Design Develop requirements Accessibility testing Content Maintenance authoring Accessibility testing
  • 13. Practical workshops Access iQ™ offers practical, hands-on workshops that teach you how to implement accessibility in your projects. • HTML and CSS techniques for building accessible websites – teaching developers how to create accessible digital experiences. • Implementing accessibility into your digital projects [custom workshop] – teaching your project team who does what when it comes to accessibility. • Captioning online videos – teaching you to caption your online videos in half a day with no setup costs. View Access iQ’s full list of workshop offerings.
  • 14. Practical accessibility information Save time and money by getting easy-to- understand accessibility information, all in one place. Access iQ™ has created some killer accessibility guides for content authors and developers. An accessibility guide for designers is on the way!
  • 15. Level 3, 616-620 Harris St Ultimo NSW 2007 t: +61 2 8218 9320 e: knowhow@accessiq.org @accessiq accessiq.org Web accessibility know how