Learn
There are a lot of considerations to make when it comes to accessibility. Let’s take some time to review the key considerations:
- Text should be at least
18px
in size, and paragraphs should have aline-height
of at least 1.5 to increase the readability of content. - Color contrast between elements should be at least 4.5:1 for standard font sizes.
- Interactive elements should have a visual appearance denoting interactivity, such as underlined links and pointer cursor.
- Abbreviated content should be given additional content via the
<abbr>
element. - When hiding elements from users, use
visibility: hidden;
ordisplay: none;
to hide content from both assisted and non-assisted users. - Visual display should reflect the structure of the presented elements within the HTML to provide navigational coherence for assisted and non-assisted users.
- Design pages for consumption in different mediums such as print.
The web has become a tool that many people use daily. Ensuring that this tool is accessible to as many people as possible should be strived for designing any web page. Next time you build a website, try and consider some of these points and incorporate them into your design!
Take this course for free
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.