You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jun 30, 2018. It is now read-only.
Simply Put: Enlarged text fits in text boxes, content does not overlap, text is not obscured, button content stays on the page.
Benefits
When people increase text size, increase line spacing, or change other text display aspects through text-only zoom or other text settings, content that is poorly designed can become unusable. For example, with text areas in web pages, sometimes columns and sections overlap, the space between lines disappears, lines of text become too long, or text disappears.
Figure 14: Example showing that when text size is increased, the heading overlaps the main text, the main text overlaps the sidebar text, and the sidebar text is cut off at the bottom.
Often it is best for text areas to automatically resize to fit the text, and for users to be able to change the size of text areas. When the areas cannot be resized to accommodate all content, usually a scrollbar should be available. See also the Rewrap for one direction scrolling section.
When people use large fonts or lower screen resolution, it is not uncommon for dialog boxes to include information that is not in the viewport. In such cases, it is usually best practice for scrollbars to be provided for the dialog box.
Scrollbars generally provide the additional benefit of communicating where the user is in an interface.
Some users increase the size of mouse pointers in their operating system or with screen magnification software. These should not obscure tooltip text.
On hover, a hand cursor obscures a tooltip that should read: "footnotes"
On hover, a hand cursor obscures a tooltip that should read: "glossary"
On hover, a hand cursor obscures a tooltip that should read: "mail".
User Need: All Elements
Users can see and interact with all content and user interface controls presented visually, including when users have changed display settings such as text size, magnification, and cursor appearance.
Check whether all content is perceivable with no loss of content or functionality (e.g. content does not overlap, text is not obscured by cursors, etc.).
Title Attributes - Joanna Briggs, (Article regarding tooltips and large cursors. "When hovering over a link that has a title attribute, the large mouse pointer covers the start of the title attribute. Longer title attributes may not fit inside the viewport with higher levels of magnification.")
RESOLUTION "All Elements: Users can see and interact with all content and user interface controls presented visually, including when users have changed display settings such as text size, magnification, and cursor appearance."
We can't leave the wording as "Users can See..." we have no idea what user can and can't see. It depends on their ability to see. We might be able to manage it with an SC that says something like this.
Overlapping content: Content remains unobscured when text or pointer is resized.
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Seeing All Interface Elements
SC Shortname
Seeing all elements.
SC Text
Users can see and interact with all content and user interface controls presented visually.
Current:
None
Proposed:
Add the following bullet to 1.4.8 Visual Presentation:
Suggested Priority Level
Level AA
Related Glossary additions or changes
None
What Principle and Guideline the SC falls within.
Principle 1, Guideline 1.4.8 Visual Presentation
Description
Simply Put: Enlarged text fits in text boxes, content does not overlap, text is not obscured, button content stays on the page.
Benefits
Obscured Tooltip on Hover Examples
The following images were created based on University of Minnesota Duluth usability testing with students with low vision. Original samples from the video are linked on the Use case Wiki page [Laura, UC-5]). An email explaining Obscured Tooltip issue is available.
On hover, a hand cursor obscures a tooltip that should read: "footnotes"
On hover, a hand cursor obscures a tooltip that should read: "glossary"
On hover, a hand cursor obscures a tooltip that should read: "mail".
User Need: All Elements
Testability
Expected Results
Techniques
Related Existing Techniques
New Techniques
Related Information
Actions
Articles
Email
GitHub
Minutes
Surveys
Wiki Pages
The text was updated successfully, but these errors were encountered: