SlideShare ist ein Scribd-Unternehmen 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.

Technologie
1 von 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

Empfohlen

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
 

Empfohlen

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
 

Weitere ähnliche Inhalte

Andere mochten auch

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
 

Andere mochten auch (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...
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 

Kürzlich hochgeladen (20)

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 

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