Read on Twitter
What are Accessibility, WCAG, and A/AA/AAA?
Quick introduction
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">
Quick introduction
1 / 14
Accessibility is the practice of making your websites usable by as many people as possible.
You might also think of accessibility as treating everyone the same, and giving them equal opportunities, no matter what their ability or circumstances.
Accessibility is the practice of making your websites usable by as many people as possible.
You might also think of accessibility as treating everyone the same, and giving them equal opportunities, no matter what their ability or circumstances.
2 / 14
We traditionally think of this as being about people with disabilitieshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👩🦽" title="Frau in manuellem Rollstuhl" aria-label="Emoji: Frau in manuellem Rollstuhl">.
But the practice of making sites accessible also benefits other groups such as those using mobile devices, or those with slow network connections.
We traditionally think of this as being about people with disabilities
But the practice of making sites accessible also benefits other groups such as those using mobile devices, or those with slow network connections.
3 / 14
What kinds of disabilities are we looking at?
- People with visual impairmentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👁️" title="Auge" aria-label="Emoji: Auge">
- People with hearing impairmentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👂" title="Ohr" aria-label="Emoji: Ohr">
- People with mobility impairmentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👩🦽" title="Frau in manuellem Rollstuhl" aria-label="Emoji: Frau in manuellem Rollstuhl">
- People with cognitive impairmentshttps://abs.twimg.com/emoji/v2/... draggable="false" alt="🧠" title="Gehirn" aria-label="Emoji: Gehirn">
What kinds of disabilities are we looking at?
- People with visual impairments
- People with hearing impairments
- People with mobility impairments
- People with cognitive impairments
4 / 14
The W3C has published a large and very detailed document that includes very precise, technology-agnostic criteria for accessibility conformance.
These are called the Web Content Accessibility Guidelines (WCAG).
The W3C has published a large and very detailed document that includes very precise, technology-agnostic criteria for accessibility conformance.
These are called the Web Content Accessibility Guidelines (WCAG).
5 / 14
WCAG’s 4 guiding principles require content to be:
- Perceivable
- Operable
- Understandable
- Robust
WCAG’s 4 guiding principles require content to be:
- Perceivable
- Operable
- Understandable
- Robust
6 / 14
Perceivable
Users must be able to perceive it in some way, using one or more of their senses.
The key here is that text can be converted to other forms that people with disabilities can use.
For example, it can be spoken by a screenreader or converted to large print.
Perceivable
Users must be able to perceive it in some way, using one or more of their senses.
The key here is that text can be converted to other forms that people with disabilities can use.
For example, it can be spoken by a screenreader or converted to large print.
7 / 14
Operable
Users must be able to control UI elements (e.g. buttons must be clickable in some way — mouse, keyboard, voice command, etc.).
If someone cannot use a mouse or touchpad, they can navigate by keyboard or by voice command software.
Operable
Users must be able to control UI elements (e.g. buttons must be clickable in some way — mouse, keyboard, voice command, etc.).
If someone cannot use a mouse or touchpad, they can navigate by keyboard or by voice command software.
8 / 14
Understandable
The content must be understandable to its users.
If someone clicks on a navigation menu, it behaves like a navigation menu. If a button says, “Read More” it does what you expect it to do.
Understandable
The content must be understandable to its users.
If someone clicks on a navigation menu, it behaves like a navigation menu. If a button says, “Read More” it does what you expect it to do.
9 / 14
Robust
The content must be developed using well-adopted web standards that will work across different browsers, now and in the future.
Everything can roll up to the newest and shiniest hardware and not break.
Robust
The content must be developed using well-adopted web standards that will work across different browsers, now and in the future.
Everything can roll up to the newest and shiniest hardware and not break.
10 / 14
The WCAG guidelines have three levels of conformance that you can meet: A, AA and AAA.
- Level A is the minimum level
- Level AA includes all Level A and AA requirements
- Level AAA includes all Level A, AA, and AAA requirements
The WCAG guidelines have three levels of conformance that you can meet: A, AA and AAA.
- Level A is the minimum level
- Level AA includes all Level A and AA requirements
- Level AAA includes all Level A, AA, and AAA requirements
11 / 14
A - is the most basic, and must be implemented
AA - requires a bit more commitment and is desired to have
AAA - is the most difficult to conform, e.g. you should have a transcriptionist to provide live captions as well as a sign language interpreter on live streams
A - is the most basic, and must be implemented
AA - requires a bit more commitment and is desired to have
AAA - is the most difficult to conform, e.g. you should have a transcriptionist to provide live captions as well as a sign language interpreter on live streams
12 / 14
You cannot partially meet a WCAG level. You have to meet every one of the level guidelines.
E.g. if you state that your site is AAA compliant, it should meet every requirement from A, AA and AAA list.
You cannot partially meet a WCAG level. You have to meet every one of the level guidelines.
E.g. if you state that your site is AAA compliant, it should meet every requirement from A, AA and AAA list.
13 / 14
What level should you aim for?
Most organizations and governments have decided on Level A and AA as the minimum level of conformance
In other words - A is a must, AA would be good.
AAA -https://abs.twimg.com/emoji/v2/... draggable="false" alt="😱" title="Vor Angst schreiendes Gesicht" aria-label="Emoji: Vor Angst schreiendes Gesicht">
What level should you aim for?
Most organizations and governments have decided on Level A and AA as the minimum level of conformance
In other words - A is a must, AA would be good.
AAA -
14 / 14
Sources and further read:
#so_what_is_accessibility">https://developer.mozilla.org/en-US/docs/Learn/Accessibility/What_is_accessibility #so_what_is_accessibility
https://developer.mozilla.org/en-US/doc... href=" https://www.levelaccess.com/what-is-wcag/
https://www.levelaccess.com/what-is-w... href=" https://myaccessible.website/blog/wcaglevels/wcag-levels-a-aa-aaa-difference">https://myaccessible.website/blog/wcag... https://www.knowledgebase-script.com/kb/article/accessibility-for-knowledge-management-section-508-and-wcag-221.html">https://www.knowledgebase-script.com/kb/articl...
Sources and further read:
#so_what_is_accessibility">https://developer.mozilla.org/en-US/docs/Learn/Accessibility/What_is_accessibility #so_what_is_accessibility
