The browser zoom will now increase only the font size of text content.Once this option is checked return to the test page and use the browser zoom.In the same settings area under zoom, users can select a checkbox to “Zoom text only.” This is also a required check to verify that text is not clipped.Set the default font size under Settings > Language and Appearance.The font size of the page should have increased, if not the font size of an element or the document has been set in absolute CSS units and has restricted the user preference and is a failure of WCAG AA criterion Resize text.Increase the font size slider to at least 32 and return to the page you were testing.Go to chrome://settings/fonts or Chrome > Preferences > Appearance > Customize fonts.In Chrome and Firefox browsers, it is possible to resize only the text of the page leaving non-text user interface elements at their default sizes. How to troubleshoot using font zoom and text resize If this is the case, the content display will reflow to fit the screen dimensions and often text clipping is not an issue. Often any mobile responsive breakpoints will be activated and applied when using the browser’s zoom feature. If text is clipped, cut off, overlapping itself or other text, or otherwise illegible the result is a failure. Using the browser’s zoom feature at 200% will show text and user interface elements increase in size. There are two parts involved in testing this rule as described below: Browser zoom and Font zoom (resize text). If this is not possible then further testing is required to verify if this is a valid reported error with user impact. The first thing to check is if the container element in question can safely have overflow: hidden removed from the CSS without design regression. When a container has the declaration of overflow: hidden it hides any content that extends beyond the rendered height and width of that element causing text to be clipped, obscured, or unreadable. ![]() This check regularly fails due to a container element with the CSS declaration of overflow: hidden. What are the most common reasons for text clipping when resized? If text is clipped, in practice information on the website will be obscured and not accessible. The website should allow text resizing in both scenarios. They may also define a font size they prefer to use in their browser settings. People with low vision often use zoom software. It states that text should not be clipped or become illegible when it is resized by browsers to 200%. ![]() ![]() The "Text is clipped when resized" issue flagged by Siteimprove is referenced on our alfa site as rule SIA-R83.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |