Certificate of Completion: Images, SVG, and Canvas
Brandwatch announced that 3,200,000,000 or if you stopped counting the zeros, 3.2 billion images are shared every day1. That’s roughly 37,000 images per second.
By the time you finish reading this paragraph, over 370,000 images will have been shared online.
That’s pretty amazing if you think about it. Welcome to the power of the Internet. Let me ask you another question.
How many of those images do you think are accessible to everyone?
I’m not talking about classified, private, top-secret images. I’m talking about images available to the general public. How many of them do you think are accessible to deafblind, blind, color-blind, low-vision, low-bandwidth Internet users?
Obviously, we don’t have the ability to answer that question today. However, if you guessed not all of them, you would be right. However many images that are accessible online, they are a mere drop in the bucket.
Why I’m excited about making images accessible?
Whoo, let me tell you that accessibility is amazing but there is a lot of information to be aware of when it comes to making your website accessible. Especially when using images that’s plastered all over the Internet.
What I’ve learned from taking Deque University’s course on images, SVGs, and canvas (the HTML element, not the app) really opened my eyes to the amount of ignorance I had up to this point.
Remember that little tidbit earlier,? 3.2 billion images per day?
Let’s frame that statistic a different way. If all those images were shared by everyone in the United States (which has roughly 329 million people 2 ), that’s 9.7 images per day. If all those people took 3 minutes to add an alt tag to each image, it would take thirty minutes to make all those images accessible.
Granted, it’s not simple as adding an alt tag but it’s a starting point.
What is this certification about?
Web accessibility is important. There’s a lot of inaccessible content online. By learning and practicing the best accessibility methods for making content accessible, we can improve every user’s experience.
As part of my professional development goals, I’m enrolled in Deque University‘s web accessibility program. This program will prepare me for the next step which is to gain IAAP certification as a web accessibility professional (more details on that in a moment).
About Deque University
Deque University is an extension of Deque Systems where the focus is on finding and fixing accessibility issues on websites and mobile apps. They are the creator behind the awesome axe which is an accessibility toolkit I use on a daily basis.
Deque System recognizes the value of educating people about web accessibility. In addition to offering courses on different accessibility topics, they also have an IAAP exam preparation course. These courses allow you to gain a clear and in-depth understanding of web accessibility and contribute to a better Internet experience.
Note: One of the most wonderful benefits of Deque University is that they allow people with disabilities like myself to enroll for free. This lowers the cost of entry into the web accessibility profession especially since it will cost at least $900 to take two exams.
About IAAP certifications
The International Association of Accessibility Professionals (or IAAP for short) is a non-profit membership-based organization that includes notable members such as AbilityNet, Barclays, Deque, IBM, Microsoft, The Pacello Group and more.
They offer two certification levels as listed below.
- CPACC – IAAP Certified Professional in Accessibility Core Competencies
- WAS – IAAP Web Accessibility Specialist
Upon completing both exams, you will gain a Certified Professional in Web Accessibility (CPWA) credential. Such credentials will gain you recognition the same way that professionals with all those certifications and/or degrees have.
Visit the IAAP website for more details about the IAAP certification.
Show your Images, SVG, and Canvas certificate of completion.
There’s a mantra that’s often repeated over and over.
“Show, don’t tell.”
With that mantra in mind, I’m displaying my certificate here.
For the time being, until I get further feedback, I will display the certificate as an image and link to the PDF.
What does this certificate cover?
This certificate is the fourth of the eleven topics listed below within the Web Accessibility module. Note that this list includes link to other certificate of completion that I acquired.
- Accessibility Fundamentals – Disabilities, Guidelines, and Laws
- Designing an Accessible User Experience
- Semantic Structure and Navigation
- Images, SVG, and Canvas
- Visual Design and Colors
- Responsive Design and Zoom
- Multimedia, Animations, and Motion
- Device-Independent User Input Methods
- Form Labels, Instructions, and Validation
- Dynamic Updates, AJAX, and Single-Page Apps
Why this course was awesome?
To be honest with you, it was overwhelming.
That’s why this course was awesome; it really frames the accessibility issue with inaccessible images into context. It provided a lot of information of which some were new to me. Without going into detail, here’s a list of all the topics.
- Image Alt Text
- Informative Images
- Decorative or Redundant Images
- Actionable Images (Links, Buttons, Controls)
- Form Inputs type=”image”
- Animated Images
- Complex Images
- Images of Text
- CSS Background Images
- Image Maps
- Advanced Alt Text & Extended Descriptions
- An Illustrative Painting
- Ecology Diagram
- Map directions
- Raster versus Vector Graphics
- SVG as img src
- Inline SVGs
- Embedded SVGs
- Complex Alternative Text
- Text in SVGs
- SVG Color Contrast
- Animated SVG Content
- Interactive SVGs
- Icon Fonts
- Informative Icon Fonts
- Decorative or Redundant Icon Fonts
- SVG as an Alternative to Icon Fonts
- HTML5 Canvas
- Simple Text Alternatives
- Complex Text Alternatives
- Low Vision Accessibility
- Keyboard Accessibility
- Multimedia, Plug-ins, and Documents
- Video and Audio
- Silverlight, Flash, and Other Plug-ins
- Documents (Word, PDF, EPUB)
Source: Deque University: Web Accessibility, Images, SVG, and Canvas
This course made me really grateful to the folks at Deque University for putting together such a simple but comprehensive insight into accessible media. If you work with images, or really, any non-text content described in the previous list, it’s well worth your time and effort to take this course and learn how you can make your content more accessible.
I’ll continue to post additional certificates here and share my thoughts on these courses.
In the meantime, I invite you to help me understand how or why accessibility matters to you. Feel free to leave a comment below.