-
Accessibility Guidelines
- AG HOME
- AG Introduction
- AG Diversity
- AG Semantic Elements
- AG Landmarks
- AG Buttons & Links
- AG Role, Name & Value
- AG Color Contrast
- AG Color Meaning
- AG Meaningful Images
- AG Descriptive Image Text
- AG Link States
- AG Link Text
- AG Headings
- AG Heading Levels
- AG Visual Focus
- AG Skip Links
- AG Screen Readers
- AG Forms Introduction
- AG Labels
- AG Autocomplete
- AG Errors
- AG Text Size
- AG Page Zoom
- AG Quiz
- AG Certificate
Accessibility
Welcome to this introductory course in Accessibility. Accessibility is about making web pages accessible for everyone, also people with disabilites.
Learning by Reading
We have created 25 tutorial pages for you to learn the fundamentals of Accessibility:
.pelle-btn { width:260px; border-radius:5px; } .pelle-btn.x2:link,.pelle-btn.x2:visited{ background-color:#96D4D4; color:#000; } .pelle-btn.x3:link,.pelle-btn.x3:visited{ background-color:#FFC0C7; color:#000; } .pelle-btn:link,.pelle-btn:visited { background-color:#D9EEE1; color:#000; } .pelle-btn:hover,.pelle-btn:active { background-color:#b9dfc7!important; } .pelle-btn.x2:hover,.pelle-btn.x2:active { background-color:#5cbcbc!important; } .pelle-btn.x3:hover,.pelle-btn.x3:active { background-color:#ff808e!important; } .pelle-divider { width:50%; border-right:2px solid #D9EEE1; font-size:10px; } .pelle-divider.x2 { border-right:2px solid #96D4D4; } .pelle-divider.x3 { border-right:2px solid #FFC0C7; }
Basic Accessibility
IntroductionLearning by Quiz Test
Test your Accessibility skills with a quiz test.
#img_mylearning { max-width:100%; }
My Learning
Track your progress with the free "My Learning" program here at w3resource.
Log into your account, and start earning points!
This is an optional feature, you can study w3resource without using My Learning.
