WCAG

WCAG

What is WCAG?

• Web Content Accessibility Guidelines (WCAG) Overview

Checklist and solve technology Documents

• How to Meet WCAG 2
• WCAG 2.0 checklists
• W3C WAI-ARIA Authoring Practices
  • Browser and Assistive Technology Support: Chrome, Firefox, >=Internet Explorer 11, and Safari
  • Some ARIA features are not supported in any mobile browser.
• Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile
• Using ARIA: Roles, States, and Properties

Test tools

• Wave
• HtmlValidator
• VoiceOver - desktop/Mac (fast key: command+F5)
  • command + space -> voiceOver Utility -> speech -> change language
  • Other settings && use
• 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.