Back to Bookmarklets for Accessibility Testing

Forms Bookmarklet for Accessibility Testing

Forms Bookmarklet for Accessibility Testing inserts a solid green outline around labels that have FOR attributes with ID matches, a dashed orange outline around labels with NO FOR attributes, a dotted red outline around labels with no FOR/ID match, a dashed red outline around inputs with no explicit (FOR/ID) labels, and a dotted red outline around inputs with NO ID attributes. <label> elements that have a FOR are wrapped with a <label for=""> indicator, if no FOR attribute they're wrapped in a <label NO FOR> indicator, if <label> has a FOR that does not match an existing ID it's wrapped in a <label NO ID MATCH> indicator. <fieldset> and <legend> are also shown.

Installation

Forms Bookmarklet (drag link to bookmarks bar)

Test Content

Wrapped (Implicit)

For/ID (Explicit)

textarea (explicit)

checkbox (explicit)

Fieldset/Legend Construct

Checkbox 1.0
Checkbox 1.1

radio group fieldset/legend

Radio 1.0
Radio 1.1

select menu (explicit)

select with optgroup

non-label text placed to above input

non-label text placed to left of input

label text placed to left of input with no existing for id match

non-label text placed to right of input

input type=hidden with no label

Password *
8 digits, 1 upper case, 1 number, 1 special character

Password2 *
Please enter your password in the required format. 8 digits, 1 upper case, 1 number, 1 special character

Date
MM/DD/YYYY

I have no label

This message will self destruct in seconds.

Radio Link 1 wrapped label
Radio Link 2 no label just aria

I have read and understand the Terms of Service

Outside Form Element

Outside Checkbox Wrapped

Outside Radio 1
Outside Radio 2

Unconnected Label

Unconnected Label with FOR

Your details:

Name: Birthday:

Ship the blue gift to...

Address:

City:

Postal Code:

Ship the red gift to...

Address:

City:

Postal Code:

Name on card Card Number CVC Expiry

First Name Last Name

Bookmarklet Demo

Not so easy installation method

Copy/Paste JavaScript Bookmarklet URL Code