Testing bookmarklets

What are bookmarklets?

A bookmarklet is a web browser bookmark with JavaScript commands that add new features. These small JavaScript snippets are stored as a bookmark URL and executed when clicked.

How do you use them?

  1. Drag the bookmarklet links below into your browser’s Bookmarks Bar.
  2. When you are on the page you want to test, click on the bookmarklet.

Bookmarklets

Reveal Focus Order via A11y Tools

Show focus styles via A11y Tools

Contrast Checker Via WebAim

Easy Checks headings checker Via Intopia

Highlight image alternatives Via Intopia

List images via A11y Tools

Testing links

Table

Landmarks

WTFocus via A11y Tools

Highlight aria-label

Highlight required and aria-required Via Intopia

Highlight aria-invalid Intopia

Highlight aria-describedby Via Intopia

Highlight for and ID Via Intopia

Lists

Testing aria-description

Testing buttons

Highlight autocomplete Via Intopia

Highlight aria-labelledby Via Intopia

Highlight image alternatives Via Intopia

Highlight aria-controls and ID Via Intopia

Highlight visible label vs accessible name mismatch Via Intopia

Highlight roles that must never have author-provided names Via Intopia