Add an initial set of technical tests

[mitchellevan]

Add one or more pages of technical tests.

Choose some of these, enough for trial testing to begin.

• Label-like things:
  • page title
  • <button> with name from contents
  • <button> with name from aria-label
• Things that are a little bit label-like, but where the nested contents might be more readable:
  • table headers
  • heading
• Form controls:
  • labels and values
  • form control: aria-describedby
  • <option>
  • HTML5 error message
• ARIA live region
• Different list items in different languages - how is the list marker announced?
• <quote>
• hyphenation
• a bunch of semantic HTML - to see if element types and properties are accurately localized in the AT
• Short dates, like "01/07/2024", with language of page like en-GB which in theory makes the date unambiguous.
• aria-roledescription
• Numerals
• Emoji

For the above, primary test:

• Use a phrase in a different language from the page language; both have correct lang attributes
  • Where both languages are supported
  • Where the page language is supported, and the phrase language is not supported
  • Where the page language is not supported, and the phrase language is supported
  • Where neither the page language nor the phrase language is supported
• Inside a label-like thing, include an example of two spans with different languages

Other possible tests:

• Page has no lang; the phrase has correct lang
• Page has lang with incorrect value
• Page has correct lang; the phrase has lang with incorrect value
• Emoji symbols in various contexts

Finally:

• Start a backlog of tests not initially covered