MobA11y Blog

N-ARIA: Native Mobile Accessibility, part 6 of 9

Five Fixes for Large Text

MobA11y ·

When a list breaks at large text, pick the fix that keeps the most meaning in the least space.

FixWhat changesBest when
Expand and collapseEach row shows its title; the detail opens in placePeople scan titles and need detail for one or two
Remove the subtitleRows keep a title and one short lineThe subtitle repeats what the title says
New layoutA grid of cards becomes one full-width columnThe screen was built for side by side
Master to detailThe long text moves to a detail screenEach item has a lot to say
Keep It SimpleOne line and a chevron per row; everything else on the detail screenYou can design it this way from the start
Potential Solution: Expand and Collapse
Potential Solution: Remove Subtitle
Potential Solution: New Layout; a two-column grid becomes one column
Potential Solution: Master to Detail
Potential Solution: Keep It Simple; one-line rows with chevrons and a full detail screen

The last one is the one I reach for first. A list that's simple at the default size has very little left to break at the largest.

Next in the series