Bookmarklets are small javascript links that let you perform tasks in your browser. I have collected a set of bookmarklets that allow easier accessibility testing. This collection will certainly grow. What is your favorite? Add it in the comments.
To use a bookmarklet, drag the link to your bookmark toolbar. Then click on it to trigger the action on your favorite page.
Bookmarklets from Yahoo! Accessibility Lab
- Empty buttons and links : from the article Find Empty Links and Buttons
- From the article: Test ARIA and Focus with Bookmarklets
- Yahoo! Web Developers put together this bookmarklet to highlight potentially bad code. Debug CSS : Find more information about this project on GitHub
- There are several useful bookmarklets in the article Easy Fixes to Common Accessibility Problems
Bookmarklets from around the web
Jim Thatcher’s Data Table bookmarklet shows the caption and table header properties of this data table on Yahoo! Finance. (Disclosure) I built many of the Yahoo! Finance data tables
- Find links that have no href attribute: Links !href :
from the article Neutered Links: A.K.A removing the href attribute - The HTML CodeSniffer gives you a fast summary of accessibility issues on a page: Accessibility Audit : More information about CodeSniffer on GitHub
- The W3C Validator offers a variety of code validation bookmarklets
- Jim Thatcher has several bookmarklets for analyzing your page. The Data Table bookmarklet, for instance, gives a summary of all data tables as well as providing visual cues about table structure. For more, visit his page: Favelets for Checking Web Accessibility (HT @PaulAdam)
- Dirk Ginader’s LogFocus bookmarklet documents the elements receiving and losing focus within the console of FireBug. Learn more about it at: LogFocus – handy Bookmarklet for Keyboard Accessibility testing. The FireFocus extension will also provide this functionality.
Leave a Reply