This page provides an alternative to Steve Faulkner's WCAG Parsing Bookmarklet. For background about the WCAG syntax only bookmarklet, see Understanding and Testing WCAG 2.1 Success Criterion 4.1.1.

Instructions

To check whether a web page violates success criterion 4.1.1 from WCAG 2.1, follow the steps below.

  1. Get Steve Faulkner's “Check serialized DOM of current page” bookmarklet from the page About the Nu Html Checker; add it to your bookmarks toolbar.
  2. Add the WCAG syntax only (i.e. the preceding link) to your bookmarks toolbar.

  3. On the page you want to check, activate the “Check serialized DOM of current page” bookmarklet.

    If the page is too long or too complex to be handled by the “Check serialized DOM of current page” bookmarklet, use the steps below to copy the DOM manually:

    1. Open the browser's developer tools (e.g. Firefox's Inspector or Chrome's DevTools), typically by pressing F12 or Ctrl Shift I.
    2. Put the cursor on the html element, press F2 (as if to edit the DOM), press Ctrl A (to select the entire DOM tree), then press Ctrl C (to copy the entire tree into working memory).
      Warning: this does not copy any of the content that is in a shadow DOM!
    3. Go to the validator's direct input field, add the doctype (<!DOCTYPE html>) and paste the DOM below the doctype.
    4. Press the Check button, wait for the results to be displayed in their entirety, then move to the step below.
  4. On the page with the validator's results, activate the “WCAG syntax only” bookmarklet. The remaining issues are violations of success criterion 4.1.1.
  5. To view the unfiltered validator results again, refresh the page.

Note: A previous version of this page recommended using TPGi's ARC Toolkit in the third step. However, since May 2023 (or perhaps earlier), the ARC Toolkit's Send selected DOM function has not been working properly, which has lead to incorrect W3C Validator results. (As a consequence the W3C Validator has reported, Element head is missing a required instance of child element title and Stray start tag html on page where the title element was present, even on perfectly valid pages.) As a consequence, the DOM needs to be copied manually into the validator's text area, as described above. The instruction will be updated when the bug has been fixed.

Short URL for this page: https://11ways.be/twj64z.