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 a line-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; or display: 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

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?