0401

In-App Accessibility Features

Issues to Address:

• Vision Impairments:
  (Font scaling, vertical page stacking, horizontal round off, screen colour modes, TTS).
• Cognitive Impairments:
  (Group text, highlight important content, break up & condense content, page layout, type formatting).
• Other:
  (Printed directions, mapping software, app layout & UX design for accessibility options).

Recommendations:

Grouping/Chunking & Format –

• Ensure all text-based content is condensed into blocks of information that is small and segmented.
• Highlight important information in a ‘bullet style’ layout that is vertically stacked and contained within one page.
• Maintain a consistent hierarchy of information that keeps relevant content together.
• Keep content stacked vertically using a column format.
• Keep line length between 40-60. (Only if necessary, when line length reaches 75> characters split or stack into a new column.)

Font/Page Scaling & Adjustments –

• Enable font scaling features so when the user activates a larger dynamic type, the text within is scaled proportionately while maintain legibility.
• Build in a page magnifier allowing for magnification between 100 and 1500 percent.
• Ensure pages automatically reformat and round off horizontally to keep a vertical stack set within the screen parameters.
• Set font type as ‘Ariel’
• Set line-height to at least 1.5x the font size.
• Set char tracking to at least 0.12x the font size.
• Set word spacing to at least 0.16x the font size.
• Set contrast as a variable depending on screen mode to 4.5:1 for magnified screens & 7:1 for default magnification.

Other Accessibility Features –

• Implement light/dark mode options within settings.
• Implement text-to-speech within the API. (Make sure when TTS is active there is a clear way to cancel it at any point during read-out).
• Implement colour blind modes in an easy access drop down menu within settings – deuteranomaly, protanomaly, protanopia, deuteranopia, tritanopia, tritanomaly, and achromatopsia.
• Implement a white point reduction option within settings.
• Make sure all accessibility features are contained within one grouping in settings to reduce user confusion and UI clutter.

Map Implementation –

• Use Google Maps as the in-app mapping service.(Google Maps has built-in print options that will cover any format that’s easiest for the user – including – “print including maps”, “print text only”, as well as step by step directions to location that include distance and grid).

General App & UI/UX Recommendations –

• Use a complementary colour scheme that contrast each other strongly to ensure the UI stands out from page content. This will also make navigation easier for the user when finding what they need.
• Make sure icons format to screen magnification.
• Icon dimensions should be set between ~60p(16mm) and ~72p(19mm).