huddle-landing-page-with-single-introductory-section
Design comparison
Solution retrospective
I have some questions regarding accessibility...
- What are the main things that I need to consider about it when building a website?
- Any recommendations for a good source to learn it from?
Community feedback
- @Kareemah-codesPosted almost 3 years ago
Hello, so for accessibility you need to think of a bunch of things. I think it would be too long to type all. Freecode Camp has a nice section in their CSS course on accessibility (https://www.freecodecamp.org/learn/responsive-web-design/#applied-accessibility). I used that in conjunction with this https://www.telerik.com/blogs/web-accessibility-guidebook-for-developer . It's not something you can learn in one day, so try to aim to spend at least a few days to a week. I myself am not done reading the article. But the free code camp section helps a lot in fastening up the learning curve.
Some main points that I have learned are as follows:
- Don't rely on only sound to convey information. That means if you have a video make sure it comes with captions or a transcript for deaf people.
- When picking colors use a contrast checker so that people with low vision can differentiate your colors.
- Write semantic HTML for people who use screen readers to be able to use your website comfortably. 4.Add alt tags to all images that convey a message.
- Use tools to check if a person who has color blindness will still be able to navigate your webpage. A great resource I use is let's get color blind(https://chrome.google.com/webstore/detail/lets-get-color-blind/bkdgdianpkfahpkmphgehigalpighjck?hl=en)
- If you need to post animations on your website, make sure there is a way to disable them (cause some people with disabilities can get a sensory overload from them).
- Always put a label for all input tags. ....That's a summary of what I know so far. I hope it is helpful. Also, please could you follow back so we can help each other out in the future?
Marked as helpful0@devmothegPosted almost 3 years ago@Kareemah-codes Thanks for this amazing answer, exactly what I needed!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord