Making Websites Accessible
This website aims to introduce users to the tools and techniques used to make websites more accessible. This includes how to properly use semantic HTML, ARIA labeling, forms, color contrast, and color schemes to develop websites that everyone can use with ease. Websites must be designed with consideration towards visual, auditory, motor, or cognitive disabilities. Making sure content is readable (font size, color, contrast), controls are straightforward to use, and pages work with screen readers are three ways this is done. Not only does this provide a seamless experience for disabled users, they improve the website overall.
Key Concepts
- A11y: Short form for "accessibility."
- WCAG: Guidelines for web accessibility.
- Screen Reader: Reads screen aloud using alt texts, img description.
- Semantic HTML: HTML tags describe the content.
- ARIA: Additional attributes for custom elements.