Accessibility / Analysis / Sa11y Bookmarklet

Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues. Dynamically identifies headings, landmarks, links, images (with alt text), tables, lists, form inputs, buttons, and highlight text contrast issues. Provides a panel showing identified issues with links to relevant WCAG success criteria. 1.3.1: Info and Relationships, 1.3.2: Meaningful Sequence, 1.4.3: Contrast (Minimum), 2.1.1: Keyboard, 2.1.2: No Keyboard Trap, 2.4.1: Bypass Blocks, 2.4.2: Page Titled, 2.4.6: Headings and Labels, 2.5.5: Target Size, 3.3.2: Labels or Instructions.

javascript:%21function()%7B%22use%20strict%22%3Btry%7B%21function()%7Bconst%20e%3Ddocument.getElementById(%22sa11y-csp%22)%2Ct%3Ddocument.querySelectorAll(%22script%5Bsrc*%3D%27sa11y%27%5D%22)%3Bif(e%26%26e.remove()%2Ct.length%3E0)return%20void(window.Sa11y%26%26window.Sa11y.Remove%26%26window.Sa11y.Remove())%3Bconst%20o%3Ddocument.createElement(%22script%22)%3Bo.src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fryersondmp%2Fsa11y%40latest%2Fbookmarklet%2Fv2.js%22%2Cdocument.head.appendChild(o)%7D()%7Dcatch(e)%7Balert(%22Bookmarklet%20Error%3A%20%22%2Be.message)%7D%7D()%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fgithub.com%2Fryersondmp%2Fsa11y%5CnBookmarklet%20name%3A%20Sa11y%5CnLicense%3A%20GPL%20v2%5CnCopyright%3A%20Toronto%20Metropolitan%20University%20(formerly%20Ryerson%20University)%5Cn%22)%3B