melissaegg / trauma-informed-design-resources

MIT License
2 stars 1 forks source link

Text spacing: content using ellipsis without an open to expand #7

Closed ashleypeacock closed 3 months ago

ashleypeacock commented 4 months ago

Issues

Content uses ellipsis without providing options to expand and read.

image

Recommendations

Use of ellipses There may be regions of a page where text containers cannot expand due to design constraints (such as a maximum width for the left navigation or table column headers). A common convention if text exceeds its space is to replace truncated text with an ellipsis. Where ellipses appear as a result of modifying text style properties, the page can still meet the Text Spacing requirements, so long as the content is still available. For example:

a mechanism is provided to reveal the truncated text on the page (for instance, the text appears on focus or on activation) where the ellipsis is part of a section of content which includes a link, the truncated text is revealed on the linked page Where text is not truncated but it is when text is spaced, if there is no mechanism to show the truncated text, it fails this Success Criterion.

melissaegg commented 3 months ago

I got rid of the ellipses altogether, as we didn't like them anyway. The description is not actually the first part of a sentence so it was confusing anyway. Fixed.