Identify Lists using Lists Bookmarklet on Web Page

List bookmarklets will identify all list on the page presented with <ul>, <ol>, <li>, <dl>, <dd>, and <dt> elements. This will help accessibility testers identify list elements on the page and also make note of elements that appear as list but is not marked as such.

This will help you evaluate the WCAG Guideline 1.3.1 Info and Relationships.

Using Lists Bookmarklet to identify all Lists markup on a web page
Lists Bookmarklet

Lists Bookmarklet for Accessibility Testing

Lists Bookmarklet for Accessibility Testing visually highlights the location and accessibility properties of <ul>, <ol>, <li>, <dl>, <dd>, and <dt> elements.

Lists Bookmarklet Code

See the Pen Untitled by HolisticA11Y (@HolisticA11YHub) on CodePen.

We hope these accessibility bookmarklets come in handy during your next accessibility audit.

References: Accessibility Bookmarklets

Leave a Comment

Your email address will not be published.