Perceivable: Can Everyone Sense the Content?
Text alternatives, captions, and content that adapts.
Perceivable: Can Everyone Sense the Content? is a free Web Accessibility Academy lesson on CoddyKit — lesson 1 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Web Accessibility Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
What Perceivable Means
Perceivable is the first WCAG principle: every user must be able to sense your content, even if they cannot see, hear, or read it the usual way.
Why It Comes First
If someone cannot even perceive a button or an image, nothing else matters. Perceivable is the foundation the other three principles build on.
Text Alternatives
Non-text content needs words. A text alternative lets a screen reader speak an image, so a blind user gets the same meaning you see. 🖼️
<img src="chart.png" alt="Sales doubled in Q4">Captions for Audio
A deaf user cannot hear your video. Captions turn the spoken words into on-screen text, making sound perceivable through sight.
Transcripts Too
A transcript is the full text of audio or video. It helps deaf users, people in quiet rooms, and anyone who would rather read than listen.
Content That Adapts
People resize text, zoom, or switch to dark mode. Adaptable content keeps its meaning and order no matter how it is presented.
Meaning in the Markup
Use real HTML elements so structure survives. A heading stays a heading when styles drop, so a screen reader still knows it is a title.
<h2>Order Summary</h2>Do Not Rely on Color Alone
If red means error, a color-blind user may miss it. Pair color with text or an icon so meaning is perceivable without seeing the hue.
Enough Contrast
Faint gray text on white fails low-vision eyes. Strong contrast between text and background keeps words readable for everyone.
Distinguishable Content
Make it easy to tell things apart: readable text size, clear spacing, and audio you can pause. This is the distinguishable side of perceivable.
The Perceivable Question
Ask of every piece of content: can someone sense this without my eyes or ears? If not, you owe them an alternative.
Quick Check
Let us test the Perceivable principle.
Recap: Perceivable
You learned that Perceivable means everyone can sense your content: alt text, captions, transcripts, adaptable layout, and contrast. Sense first, then build on it. 🌱
Frequently asked questions
Is the “Perceivable: Can Everyone Sense the Content?” lesson free?
Yes — the full text of “Perceivable: Can Everyone Sense the Content?” is free to read here on the web, and the Web Accessibility Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Web Accessibility Academy course, upgrade to CoddyKit PRO.
What will I learn in “Perceivable: Can Everyone Sense the Content?”?
Text alternatives, captions, and content that adapts. You practise Web Accessibility Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Web Accessibility Academy?
No prior experience is required. Web Accessibility Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 1 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Perceivable: Can Everyone Sense the Content?” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Web Accessibility Academy lesson?
Yes. Every Web Accessibility Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Perceivable: Can Everyone Sense the Content?
- Operable: Can Everyone Use the Controls?
- Understandable: Is It Readable and Predictable?
- Robust: Will It Work With Their Tech?