Bookmarklets

Tools for the browser

Bookmark import file

Bookmark import files are in Netscape bookmark format to import into any browser.

Bookmarklet library

Drag the bookmarklets that follow into your browser’s bookmark bar. Alternatively, paste the JS source code into the console of your browser’s development tool.

Bookmarklet Description JS source Test page Author
Are ya hidden? Display hidden content Are ya hidden? source Are ya hidden? test page Ian Lloyd
Autocomplete Display all fields with autocomplete Autocomplete source Autocomplete test page Rachele DiTullio
Background images Highlight all CSS background images Background images source Background images test page Zoe Mickley Gillenwater
Blur page Blur entire page Blur page source Thomas Park
Buttons Display all buttons Buttons source Ian Lloyd
Character key shortcuts Test all printable character shortcut keys Character key shortcuts source Character key shortcuts test page Detlev Fischer
Toggle color scheme Switch between light and dark color scheme Toggle color scheme source this page Thomas Orlita
Complex table Visualize headers and IDs in a complex table Complex table source Complex table test page Jonathan Avila
Cursor 24x24 Change cursor to 24px by 24px circle Cursor 24x24 source this page Adrian Roselli
Cursor 44x44 Change cursor to 44px by 44px square Cursor 44x44 source this page Adrian Roselli
Design mode toggle Make all of the text on page editable Design mode toggle source Christoph Wagner
Disable CSS Drop all page styles Disable CSS source Sarah Higley
Duplicate IDs Display duplicated ID values Duplicate IDs source Duplicate IDs test page Jonathan Avila
Find Duplicate ARIA Roles Roles appearing more than once for banner, contentinfo, and main Find Duplicate ARIA Roles source Find Duplicate ARIA Roles test page Adrian Roselli
Focus everything A technique for testing 1.3.2 Meaningful Sequence a tab path visualizer Focus everything source Focus everything test page Ian Lloyd
Force focus indicator Adds a 4 pixel solid orange outline around all focusable elements Force focus indicator source Paul J. Adam
Grayscale Show entire page in gray scale (no color) Grayscale source Level Access
Grouped fields Display grouped fields Grouped fields source Ian Lloyd
Document outline in console Display level of all page headings in console Document outline in console source this page Mu-An Chiou
Headings Display level of all page headings Headings source this page Jonathan Avila
Hide cursor Hides cursor from window to encourage keyboard use Hide cursor source Iain Bean
Horizontal scroll Alert when a horizontal scrollbar appears Horizontal scroll source Horizontal scroll test page Jason Morris
HTML link Copy page title and URL in an HTML anchor HTML link source this page Jason Morris
Image info Display image alt, role, title, aria-label, aria-labelledby Image info source Image info test page Jonathan Avila
Images Display all images Images source Images test page Ian Lloyd
Inline styles Highlight all elements with style attributes Inline styles source Inline styles test page Adrian Roselli
Isolator Isolate a portion of the page Isolator source Ian Lloyd
Keyboard visualizer Creates an overlay to display typed keys on the underlying page Keyboard visualizer source this page Sarah Higley
Language of page/parts Display all lang attributes on page Language of page/parts source Language of page/parts test page Jason Morris
Links Display all links Links source Ian Lloyd
Markdown link Copy page title and URL in markdown link format Markdown link source this page Brian Cantoni
Non-underlined links Display information about links without underlines Non-underlined links source Non-underlined links test page Ian Lloyd
Page link Copy page title and URL, separated by hyphens Page link source this page Jason Morris
Parsing only Reduce HTML validation results to 4.1.1 Parsing (A) only Parsing only source this page Steve Faulkner
Placeholder contrast checker Measure contrast of placeholder text Placeholder contrast checker source Placeholder contrast checker test page Jason Morris
Re-enable selection Unset user-select CSS property Re-enable selection source Re-enable selection test page Adrian Roselli
Validate Validate HTML of DOM Validate source this page Deque
Save to Internet Archive Submit current URL to the Internet Archive Save to Internet Archive source this page Jesse Gardner
Lighthouse report Run a Lighthouse scan on current URL (regardless of broswer) Lighthouse report source this page Jeremy Keith
WAVE report Run WebAIM WAVE on the current URL WAVE report source WebAIM
Show focus styles Force visibility of all focus styles at the same time Show focus styles source Show focus styles test page Ian Lloyd
Remove onpaste Remove onpaste attributes from password inputs which fixes security theatre of preventing paste Remove onpaste source Remove onpaste test page Jason Morris
Test CSP Test for errors related Content Security Policy (CSP) Test CSP source this page SecurityPolicyViolationEvent on MDN
Test local JS Test for local JS support via bookmark Test local JS source this page Accessible Name and Description Inspector (ANDI) help page
Text spacing Test on WCAG 1.4.12 Text Spacing Text spacing source this page Steve Faulkner
Text zoom 200% Zoom text only (not page) size to 200% Text zoom 200% source Ashlee M. Boyer
Titles Display all titles Titles source Ian Lloyd
a11y.css Warns about possible risks and mistakes in HTML code a11y.css source Gaël Poupard
ANDI Accessible Name & Description Inspector is a free accessibility testing tool ANDI source Accessible Solutions Branch of the Social Security Administration
ARIA usage Report on ARIA usage on current URL ARIA usage source TPGi
ARIA Display ARIA information for accessibility testing ARIA source Paul J. Adam
Contrast checker Contrast checker for color combinations Contrast checker source WebAIM
HTML CodeSniffer Checks HTML source code and detects violations of a defined coding standard HTML CodeSniffer source Squiz Labs
Label in name Display label in name Label in name source Label in name test page Jonathan Avila
Sa11y The accessibility quality assurance assistant Sa11y source this page Toronto Metropolitan University
Truncation Identify instances of text-overflow: ellipsis Truncation source Truncation test page Jason Morris
User Agent Display current user agent string User Agent source this page Thomas Orlita
Viewport Display viewport width and height Viewport source this page jakob-e
Open 1280x1024 Opens a new window with the current URL at 1280x1024 Open 1280x1024 source Open 1280x1024 test page Mike in a CSS Tricks article comment
Open 320x256 Opens a new window with the current URL at 320x256 Open 320x256 source Open 320x256 test page Mike in a CSS Tricks article comment
WTFocus Display information with focusable elements WTFocus source this page Ian Lloyd
Get YouTube UC ID Fetches UC ID while on a YouTube profile page Get YouTube UC ID source Jason Morris

Bookmarklet bookmarks

A raindrop.io bookmarklets collection iframe embed follows.