WCAG

What is WCAG?

Checklist and solve technology Documents

Test tools

  • Wave
  • HtmlValidator
  • VoiceOver - desktop/Mac (fast key: command+F5)
  • JAWS-desktop/windows -> need licence
  • NVDA-desktop/windows -> for free
  • VoiceOver- mobile/Iphone(settings/General/Accessibility/VoiceOver)
    • Change system language to change voiceOver language
  • Talkback-mobile/Andriod(settings/General/Accessibility/Talkback)
  • Tab key && anrrow
    • Tab to change focus element, sepcially for radio group, we shou tab to focus one radio button and use arrow to change select other radion button details to see:
    • 3.16 Radio Group

Devices:

  • Desktop: chrome, safari, IE11, firefox

    • Mac safari should do some setting(safari->preferences->advanced->accessibility and select the press Tab to highlight each item on a webpage) for tab radio, checkbox etc
    • Firefox content can not be tab focus:
  • Mobile: Andriod(xiaomi, huawei, sanxin), iphone, ipad
    • VoiceOver can not read the other language if
      the page lang at the top off the html page was "en" but en_US, so we should remove the attribute lang="en" or change it automatly.
  • Diffirent devices and browsers have diffirent issues, screen readers also have it's self issues.
05-11 20:17