Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Anatomy of an accessible carousel: everyone's responsible! Slide 1 Anatomy of an accessible carousel: everyone's responsible! Slide 2 Anatomy of an accessible carousel: everyone's responsible! Slide 3 Anatomy of an accessible carousel: everyone's responsible! Slide 4 Anatomy of an accessible carousel: everyone's responsible! Slide 5 Anatomy of an accessible carousel: everyone's responsible! Slide 6 Anatomy of an accessible carousel: everyone's responsible! Slide 7 Anatomy of an accessible carousel: everyone's responsible! Slide 8 Anatomy of an accessible carousel: everyone's responsible! Slide 9 Anatomy of an accessible carousel: everyone's responsible! Slide 10 Anatomy of an accessible carousel: everyone's responsible! Slide 11 Anatomy of an accessible carousel: everyone's responsible! Slide 12 Anatomy of an accessible carousel: everyone's responsible! Slide 13 Anatomy of an accessible carousel: everyone's responsible! Slide 14 Anatomy of an accessible carousel: everyone's responsible! Slide 15
Upcoming SlideShare
Accessible Video in The Enterprise
Next

3 Likes

Share

Anatomy of an accessible carousel: everyone's responsible!

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

Related Books

Free with a 30 day trial from Scribd

See all

Anatomy of an accessible carousel: everyone's responsible!

  1. 1. Anatomy of an accessible carousel: everyone's responsible! Access iQ™ Web Accessibility http://www.accessiq.org/
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 12. Analysis and Design Develop requirements Accessibility testing Content Maintenance authoring Accessibility testing
  13. 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. 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. 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
  • webaxe

    Oct. 4, 2016
  • Osione2005

    May. 13, 2015
  • nestorrojas

    May. 25, 2013

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

Views

Total views

2,549

On Slideshare

0

From embeds

0

Number of embeds

54

Actions

Downloads

0

Shares

0

Comments

0

Likes

3

×