1. include skip link:


 <a id='skip-nav' class='screenreader-text' href='#main-content'>
      Skip Navigation or Skip to Content
    </a>
    
   <main id='main-content'>
      …Content here…
    </main>
css:


.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.screenreader-text:focus {
  color: black;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}


2. Links that open in a new window need an title tag that says <a href="#" target="_blank" title="opens in new window">Some text here</a> This is not possible in Gutenberg as of 2023.  Use a plugin to add title attribute to links in Gutenberg or use classic editor to put in external "open in new tab" links. AVOID USING "OPEN IN NEW WINDOW" FOR LINKS THAT REMAIN ON YOUR SITE AND FOR EMAIL LINKS.


3. raw svg images need <title>a title here placed directly after the opening <svg><title></title></svg>


4. Forms must have a label and a "for" attribute that matches an id in the input:


<label for="your-name">Name</label>[text* your-name id:your-name] //for contact form 7.


5. headings must be in order and there can only be one h1 heading per page.  h1 must be used before h2, h2 before h3 and so on.


6. Don't use words like "logo" in alt text as it gets flagged as "ambiguous"


7. ensure all iframes (including YouTube, Vimeo video embeds) have titles.