Accessibility
Lesson 1 of 1
  1. 1
    Have you ever visited a website that seemed hard to use or navigate? Perhaps you couldn’t tell if an element was interactive or couldn’t read some of the text due to size issues. Chances are this h…
  2. 2
    Font size has a large impact on the readability of content on a web page. If the font is too small or large, it can become difficult to read depending on the user’s distance from the screen. Over t…
  3. 3
    Text alignment and paragraph width on a page are important things to consider when creating the text layout. When there is too much space between words or the paragraph width is too wide, it makes …
  4. 4
    Color plays a major role in a user’s ability to read the information located on a page. If colors lack sufficient contrast, they can become hard to distinguish from one another. Oftentimes, text ca…
  5. 5
    Accessibility isn’t only about being able to read text or see elements on a web page. Another facet of accessibility is providing context clues to users to show them additional information about t…
  6. 6
    Color can also be used as a contextual indicator of intent or meaning. One simple way to convey additional information to the user using color is in the form of links. Many times, links will be pre…
  7. 7
    Inevitably, at some point, a web page will need to hide content from users somehow. There are a variety of ways to do this, but each one has different use cases and implications. The first way tha…
  8. 8
    An important consideration when applying CSS to a page is the relationship that the CSS stylesheet has with the HTML document’s underlying structure. This relationship may not seem very important, …
  9. 9
    So far, we have been very concerned with how our page looks on screens, but we haven’t been considering the other ways in which users can consume the content of your web page. For example, how does…
  10. 10
    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 …

What you'll create

Portfolio projects that showcase your new skills

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory