Visualize Web Accessibility with Browser-based Bookmarklets

Disability Resources and Educational Services (DRES) has partnered with Pixo in Urbana to develop a set of accessibility bookmarklets to help visualize the accessibility information on web pages.  The bookmarklets support manual checking for accessibility by making hidden accessibility information visible to sighted users.  Accessibility information (e.g. markup for headings, landmarks, accessible names…), which is typically only available through DOM inspectors or assistive technologies, is now easily accessible to all users.  The initial set of bookmarklets supports viewing information on Landmarks, Headings, Images, standard Form Controls and Lists.  Bookmarklets work in any modern web browser (e.g. IE, Chrome, Firefox and Safari).  Bookmarklets easily install into your list of bookmarks or the bookmarks toolbar of your favorite browser.  The bookmarklets highlight elements on a web page and provide a standardize set of information about the elements (e.g. role, accessible name…) associated with a category of accessibility requirements.