Mobile accessibility: native apps and mobile web

Our mobile web (responsive) experiences and mobile native applications also need to meet our TELUS accessibility standards. “Mobile accessibility” encapsulates:

  • phones and tablets
  • digital TVs
  • wearables such as smartwatches
  • devices found in car dashboards or on airplane seatbacks
  • devices in household appliances
  • other “Internet of Things”

Accessibility for native apps: iOS and Android

Accessibility for native apps: iOS and Android

Both iOS and Android platforms have come a long way in supporting accessibility features and they both provide useful resources & training materials. Read below for more information on how designers and developers work together to create accessible experiences on each native app.

Learn more about Mobile accessibility from the W3C

Android

Accessibility on iOS

Both iOS and Android platforms have come a long way in supporting accessibility features and they both provide useful resources & training materials. Read below for more information on how designers and developers work together to create accessible experiences on each native app.

Learn more about Mobile accessibility from the W3C

Android

Accessibility on iOS


Visual display

Visual display

  • Is there sufficient contrast? Can the content be viewed under different lighting conditions?
  • Does colour reinforce meaning? Using colour alone may affect people who are colorblind
  • Is pinch-zoom supported (HTML only)? Font size helps readability, but zooming helps with details in text and images
  • Are links visually evident? Can your customers identify and understand where the link will take them
  • Are navigation cues clear? Is your call to action consistent and recognizable?
  • Are images and links to the same target grouped into one touch zone? If an image is part of a call to action, make sure the full area is clickable
  • Is there sufficient contrast? Can the content be viewed under different lighting conditions?
  • Does colour reinforce meaning? Using colour alone may affect people who are colorblind
  • Is pinch-zoom supported (HTML only)? Font size helps readability, but zooming helps with details in text and images
  • Are links visually evident? Can your customers identify and understand where the link will take them
  • Are navigation cues clear? Is your call to action consistent and recognizable?
  • Are images and links to the same target grouped into one touch zone? If an image is part of a call to action, make sure the full area is clickable

Zoom enabled

Zoom enabled

  • Is the text readable if the zoom features of the phone are activated?
  • Does it fit on the screen?
  • Are labels and form inputs close together?
  • Does the form layout break when the text is larger?
  • Is the text readable if the zoom features of the phone are activated?
  • Does it fit on the screen?
  • Are labels and form inputs close together?
  • Does the form layout break when the text is larger?

User interface (UI)

User interface (UI)

  • Is the correct keyboard/input type used in forms (tel, date, numbers, letters, etc)?
  • Is all content and functionality available by touch? Customer desktop interfaces might rely on hover to open menus. Is this available on touch?
  • Do pop-ups fit within the viewport i.e. you don’t have to swipe to find the close/submit/cancel buttons?
  • Do pop-ups have a close button?
  • Is the text selectable? Can customers copy and paste text or select and use speak aloud options?
  • Does link text describe the target clearly?
  • Is the correct keyboard/input type used in forms (tel, date, numbers, letters, etc)?
  • Is all content and functionality available by touch? Customer desktop interfaces might rely on hover to open menus. Is this available on touch?
  • Do pop-ups fit within the viewport i.e. you don’t have to swipe to find the close/submit/cancel buttons?
  • Do pop-ups have a close button?
  • Is the text selectable? Can customers copy and paste text or select and use speak aloud options?
  • Does link text describe the target clearly?

Voice output

Voice output

  • Can all actions be accessed and completed with device voice features?
  • Is the content order logical? Device features will announce content or interface elements from top to bottom/left to right
  • Is all content and functionality available by swiping left and right and up and down?
  • Are images labelled appropriately and announced. Are decorative images ignored?
  • Are landmarks and headings announced?
  • Do form fields have clear labels?
  • Are changes of state announced?
  • Are buttons used for actions, like submitting forms?
  • Can all actions be accessed and completed with device voice features?
  • Is the content order logical? Device features will announce content or interface elements from top to bottom/left to right
  • Is all content and functionality available by swiping left and right and up and down?
  • Are images labelled appropriately and announced. Are decorative images ignored?
  • Are landmarks and headings announced?
  • Do form fields have clear labels?
  • Are changes of state announced?
  • Are buttons used for actions, like submitting forms?

Explore more

Explore more