Bookmarklets

Bookmarklets are added to your browser bookmarks (sometimes called the favourites or bookmark bar). They are small pieces of JavaScript that can be run on a webpage to perform a specific task.

You need to understand what the outcome of the test should be to understand if the webpage or component that's being tested passes or fails.

An example of this is the Target size bookmarklet, this relies on a person being sighted and an understanding of the success criterion for target size .

How to install bookmarklets

Bookmarklets can be added to your browser by dragging a link to them to the bookmarks bar, some require you to set them up manually.

There are instructions for doing this on each bookmarklet guidance page.

Create a folder in your bookmark bar to keep all your accessibility bookmarklets in one place so they are easy to find.

Bookmarklets and what they do

There are a number of bookmarklets that can be used to test for potential accessibility issues on a webpage.

Bookmarklet	Description	Criteria
Blur	Simulates blurred vision when interacting with a webpage	Various relating to contrast minimum, resize text, images of text and text spacing
Lists	Identifies lists on a page which allows you to check if the correct type is being used	WCAG 1.3.1 Info and Relationships (Level A)
Resize text	Resize text on a page to 200%	WCAG 1.4.4 Resize text (Level AA)
Target size	Checks that the target size of interactive elements is at least 24px by 24px	WCAG 2.5.8 Target Size (Minimum) (Level AA)
Text spacing	Resizes text to check can be made larger without losing any functionality	WCAG 1.4.4 Resize Text (Level AA)

---

Information about this page

• Created: 6 August 2024
• Last reviewed: 6 August 2024
• Last updated: 6 August 2024
• Reason this page exists: This page exists to help people understand how to use tools to test for, and understand accessibility issues in a product.
• Suggest a change or comment: Issue 70