This page lists the supplemental guidance that is being considered by the LVTF, along with details for each topic.
| Short Name | Brief Description with Link to Discussion &/or Draft | Category | 2.2 Relationship | User Agents? Authors? | WCAG 2.3 ? | WCAG 3 ? | Lead Editors | Status | Priority |
|---|---|---|---|---|---|---|---|---|---|
| Proximity Discussion 108 |
Related info is close to each other, e.g., labels and controls. | Layout Design | WCAG Advisory Technique, UAAG 1.10.1 |
Authors | Yes | Yes | @lauracarlson | first draft ready for comments | |
| Print customized text Discussion 107 |
Users need to be able to print content with customized text, e.g., larget font. | 1.4.12 Text Spacing, 1.4.8 Visual Presentation | author and user agent | No | Yes | Shawn, Bruce | just started, background listed | ||
| Alternative themes Discussion 139 |
Support for high contrast, dark mode, other themes | Personalization | Related to SC 1.4.8 | TBD | Yes | Yes | Bhoomika | getting started | |
| Limit large areas of white space | Extra white spacing can mean only a few items are visible at a time on a website requiring vertical scrolling reducing the information available at a given time to users who are zoomed in. This removes context from controls and information. | Viewport | Related to targe spacing. | Authors | Yes | Yes | Jon Avila | getting started | |
| Body Text Fluent Readability Discussion 129 |
draft idea to group related supplemental guidance | ||||||||
| Disabled components and contrast | How to communicate disabled components and provide sufficient contrast? | Contrast | AG GitHub Issue 661 | TBD | Yes | Yes | Andy"Myndex", Bruce | ||
| Text at edge of viewport | There is space/padding between text and the edge of the viewport and other borders. |
Layout Design | none | TBD | Yes | Yes | Andy"Myndex" | ||
| Scaling for resize of text for large type elements | Large headings may already be 200% the body size of text. Responsive design reduces amount of content on screen taking away context and surrounding context. Requiring all text to scale by 200% may not be practical or help. Text needs to scale in proportion so relationships can still be determined. | Resize Text | Not addressed by SC 1.4.4 | Authors | TBD | Yes | Andy"Myndex" | ||
| Enhanced Contrast | Minimum contrast for body text needs to be above at 7:1 (11:1 preferred). Body text defined as more than two lines of related text in a block or column. | Contrast | Related to SC 1.4.6 (but not fully covered by) | Authors | Yes | Yes | Andy"Myndex" | ||
| Minimum background brightness | Minimum background brightness for dark text on a light background | Contrast | Related to SC 1.4.3 and 1.4.6 | Authors | Yes | Yes | Andy"Myndex" | ||
| Support Local adaptation | Minimum padding around text of 1em, *if* the text container's background (div) is more than 2:1 contrast with the larger surrounding background. (addresses local adaptation issues) | Contrast | Related to SC 1.4.3 and 1.4.6 | Authors | Yes | Yes | Andy"Myndex" | ||
| Loss of focus on form submit | When a page is submitted the page may reload the focus is returned to the body of the page changing the context of the magnified area. | Focus | Related to SC 2.4.3 but not directly covered. | Authors | Yes | Yes | none | unassigned | |
| Minimum viewport and text input size | Use of sticky headers and other layout containers can cause a small area for reading, especially with zoomed in content. Input fields and other content areas that when zoomed are very short. |
Viewport | Related to SC 1.4.10 but not directly covered. | Yes | Yes | Yes | none | unassigned | |
| Feedback within viewport | When feedback such as an item is placed in the cart this feedback needs to be visible within the viewport (magnified or unmagnified) | Viewport | Related to SC 4.1.3 | TBD | Yes | Yes | none | unassigned | |
| Content over other content. | Situations where content such as a passive cookie notice doesn't obstruct access to a site when not zoomed in but obstructs site when zoomed in - but the notice can be accepted. This isn't so much as fail under current requirements as it can be accepted and dismissed but requiring low vision users to accept something that a non-disabled user can choose not to seems un equal. This issue also occurs with videos that cover text when zoomed in or when controls cover text when zoomed in but the text can be scrolled. |
Viewport | TBD | Authors | Yes | Yes | none | unassigned | |
| Maximize use of viewport | Sometimes panels or other UI elements take up valuable real estate but can't be collapsed/closed forcing content into small areas. (e.g. Google slides with fixed width slides on left side). | Viewport | None | TBD | Yes | Yes | none | unassigned | |
| UI components have clear affordance | Users can recognize UI components by how they look. (e.g., a form field has a plain border). Overlaps with COGA, e.g., Objective 1 and Ensure that interactive elements are easy to identify |
Affordance, Contrast | Related to 3.2.7 Visible Controls & 1.4.11 Non-text Contrast | Authors | Yes | Yes | none | unassigned | |
| Thick fonts | Chunky text that is too bold and affects reading/recognition of characters/words | Font | none | Authors | Yes | Yes | none | unassigned | |
| Default weight and size of font | Avoid fonts lighter than 400 weight for body text, and no smaller than 14px for body text (16px recommended) (addresses important spatial frequency limitations on perception). | Font | none | Authors | Yes | Yes | none | unassigned | |
| Font replacement | Ability to change fonts without font icons disappearing | Font | role img techniques | TBD | Yes | Yes | none | unassigned | |
| Text resize greater than 200% of default | SC 1.4.10 only requires that text not scroll in two direction at 320CSS pixels (horizontally). This means text can becomes smaller when you zoom in as long as at some point it can be 200% of the default. Some users need text to become larger than 200%. | Resize Text | Related to SC 1.4.10 but not directly covered. | TBD | TBD | Yes | none | unassigned | |
| Disambiguation of icons | Provide a text label for non-standard icons to communicate their purpose. Related to COGA: Use Icons that Help the User | Icons | TBD | TBD | Yes | Yes | none | unassigned |