LibA11y: Making our library content accessible
  • Introduction to LibA11y
  • Part 1: Why should we care?
    • 1.1 Why should we care about digital accessibility?
    • 1.2 How is content perceived?
  • Part 2: How To Build Better...
    • 2.0 How to build better content? Test your work.
    • 2.1 Page Structure
    • 2.2 Images
    • 2.3 Color and Text
    • 2.4 Hyperlinks
    • 2.5 Readability
    • 2.6 Video and Audio
    • 2.7 Tables
  • Appendices: Tools & Resources
    • A. Four principles of a well-coded page
    • B. Better copy-pasting
    • C. Non-HTML documents
    • D. Useful Links
    • Conclusion
Powered by GitBook
On this page
  • Install a testing tool
  • WAVE Accessibility Evaluation Tool
  • Additional testing tools

Was this helpful?

  1. Part 2: How To Build Better...

2.0 How to build better content? Test your work.

Previous1.2 How is content perceived?Next2.1 Page Structure

Last updated 1 year ago

Was this helpful?

In the following pages, we will go into detail on how you can improve your web content for accessibility.

Each page will focus on a specific aspect of web content, such headings, images, and hyperlinks. The page will start with a description of how the screen reader, or other assistive technology, interprets and allows the user to interact with that element of the page. It will be followed by examples and tips for how you can make powerful contributions to making your content universally accessible.

Install a testing tool

Before we jump into the details of making your content better, let's install a simple accessibility testing tool for your content that can double check your work as it is created. Testing Tip: Test a preview version of your page and not the editing version of your page.

WAVE Accessibility Evaluation Tool

The WAVE accessibility toolkit was created specifically with web content creators in mind. It can help you test each of the issues in our guide. Install a browser extension or enter your site URL in the website version.

  • and information

  • Extensions: and versions.

Additional testing tools

  • : advanced tools for accessibility testing.

  • : Test web colors for contrast

  • : See if your link colors pass contrast tests.

  • (Chrome extension)

Website version
Chrome,
Firefox,
Edge
Axe Dev Tools
Color Contrast Checker
Color-reliant Link Contrast Checker
A11y color blindness empathy tool