Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

huddle-landing-page-with-single-introductory-section

@devmotheg


Design comparison


SolutionDesign

Solution retrospective


I have some questions regarding accessibility...

  1. What are the main things that I need to consider about it when building a website?
  2. Any recommendations for a good source to learn it from?

Community feedback

@Kareemah-codes

Posted

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:

  1. 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.
  2. When picking colors use a contrast checker so that people with low vision can differentiate your colors.
  3. 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.
  4. 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)
  5. 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).
  6. 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 helpful

0

@devmotheg

Posted

@Kareemah-codes Thanks for this amazing answer, exactly what I needed!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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