Draft

Accessible cross-platform UI standards

A set of standards for designing accessible UI across the web, iOS and Android.

The Standards

  1. Be inclusive by default
  2. Know what you need to meet, and aim to go further
  3. Respect platform conventions, but know when to go against them
  4. Strive for simplicity
  5. Respect user preferences
  6. Value behavioural consistency as much as visual cohesion
  7. Be honest about technology
  8. Set a new benchmark of inclusivity

Be inclusive by default

Rationale:

  • Settings require awareness, ease of discovery and an understanding of how they could help. Don't assume people who could benefit from Accessibility settings are aware they exist
  • Web or Webviews within apps cannot reliably use OS settings to meet accessibility standards. If you rely on accessibility settings in app, shared cross-platform design is not possible
  • Adding accessible UI only when a screen reader is detected buckets unrelated disabilities together. Avoid making an “accessibility view" and make your default experience accessible.

Know what you need to meet, and aim to go further

Rationale:

  • All websites, web apps and web-views should exceed WCAG 2.2 AA
  • WCAG2ITC provides a "notes in the margin" approach to how WCAG 2.2 can be applied to non-web software and documents
  • The European Standard for Accessibility excludes 6 WCAG success criteria (and modified 13) for applications. Read about this on Appt.org - EN 301 549
  • Aligning to a universal standard means Design and QA will have less ambiguity about what they should audit native apps and web against

Respect platform conventions, but know when to go against them

Rationale:

  • Native operating systems have some amazing accessibility features that are a great enhancement to any experience
  • You’ll benefit from yearly updates and improvements using iOS and Android patterns
  • Google and Apple don’t always get it right when it comes to accessible UI. Take the responsibility to not pass on these mistakes to your users

Strive for simplicity

Rationale:

  • Everything on the screen is something a user needs to think about
  • Unproven or elements of little value are often left in interfaces indefinitely
  • Know the right time to be playful or expressive. Opportunities for Delight and Desirability are built on a strong foundation of being Functional and Useful

Respect user preferences

Rationale:

  • Light and Dark themes are not explicit accessibility features, they should both meet WCAG 2.2
  • Having a single mode that is accessible will exclude people that cannot use that mode
  • Over a third of people increase their font size or use an accessibility feature
  • We don’t get to choose how people view our websites and services

Value behavioural consistency as much as visual cohesion

Rationale:

  • We need to actively promote design is “how things work” and not just what it looks like
  • Organisations under estimate the accessibility issues caused by “skinning” websites
  • Inconsistent keyboard interaction is significantly more impactful to a user than the wrong colour or wrong border radius
  • People that move between platforms or domains should have a predictable experience

Be honest about technology

Rationale:

  • Webviews, even in “Software” need to be treated as websites. They cannot access many accessibility features of mobile operating systems
  • The design of web and native elements will need to be different in a number of places
  • People should be able to recognise when they are in a webview. Their interactions and audible cues will be different and they may need to adjust how they browse

Set a new benchmark of inclusivity

Rationale:

  • WebAim surveyed the top 1 million home pages and 56,791,260 distinct accessibility errors were detected—an average of 56.8 errors per page
  • If we base "good" on organisations that do the bare minimum for accessibility, we add to the problem
  • The standards organisations say they will meet rarely align with the reality
  • You can always, always, always do more