Bookmarklets

31 bookmarks
Custom sorting
24×24 Pixel Cursor Bookmarklet
24×24 Pixel Cursor Bookmarklet
I have made a bookmarklet that will turn your cursor into a 24 × 24 pixel square, which may help in building and testing conformance with the proposed 2.5.8 Success Criterion.
·adrianroselli.com·
24×24 Pixel Cursor Bookmarklet
WCAG Target Size Checker
WCAG Target Size Checker

WCAG 2.2 is almost upon us, many of us have started testing the new Success Criteria for paying clients. I wanted to find a way to speed up the testing of 2.5.8 Target Size (Minimum).

What I produced with the help of ChatGPT is a quick and very dirty target size bookmarklet.

·html5accessibility.com·
WCAG Target Size Checker
Diagnostic.css – Super quick web accessibility testing - Karl Groves
Diagnostic.css – Super quick web accessibility testing - Karl Groves
In my quest to make accessibility accessible, I’ve created a super-easy-to-use tool that people can use to do accessibility testing. If you can view the page in the browser, you can use this tool. Diagnostic.css is a CSS (Cascading Stylesheets) file which, when applied to a web page, will highlight accessibility errors in the page. …
·karlgroves.com·
Diagnostic.css – Super quick web accessibility testing - Karl Groves
CSS Bookmarklets for Testing and Fixing
CSS Bookmarklets for Testing and Fixing
I regularly have to test sites in development, review some third-party site, or just use a site in my day-to-day time wasting (and banking) rituals. I’ve relied on viewing the page’s source or popping into my browser’s dev tools to find a missing element, copy un-transformed text, check for inline…
·adrianroselli.com·
CSS Bookmarklets for Testing and Fixing
Reading Order Bookmarklet
Reading Order Bookmarklet
When a keyboard-only user or screen reader user comes to page that uses CSS to create a layout, there is a chance that what is on the screen does not match the flow of the page. In the posts HTML Source Order vs CSS Display Order and Source Order Matters…
·adrianroselli.com·
Reading Order Bookmarklet
Accessible Name & Description Inspector (ANDI) Tool Overview
Accessible Name & Description Inspector (ANDI) Tool Overview
Hosted by the Department of Homeland Security’s (DHS) Office of Accessible Systems and Technology (OAST), the Interagency Trusted Tester Program has created the following video series to explain and demonstrate how to use the Accessible Name & Description Inspector (ANDI) testing tool to inspect web pages for conformance with the Revised Section 508 Standards. The following video series is broken up into 18 parts, each aligned to a specific ANDI module.
·section508.gov·
Accessible Name & Description Inspector (ANDI) Tool Overview
Web Accessibility Favelets | Homeland Security
Web Accessibility Favelets | Homeland Security
Favelets is a set of bookmarks with JavaScript test functions activated from your web browser. Another word used to call this is bookmarklets. The respective zip file includes bookmarks with favelets built-in along with descriptions of their source and use in the included README.txt.
·dhs.gov·
Web Accessibility Favelets | Homeland Security
Akbar
Akbar
Akbar : A bookmarklet that simulates various types user experiences. It is an education tool that will hopefully education people about web accessibility.
·howlowck.github.io·
Akbar