Jump to content
This Wiki page is edited by participants of the WCAG Working Group. It does not necessarily represent consensus and it may have incorrect information or information that is not supported by other Working Group participants, WAI, or W3C. It may also have some very useful information.

F69 Zoom

From WCAG WG

@@Add the following paragraph to end of description:

An example of a mechanism where text containers resize when text resizes is G142: Using a technology that has commonly-available user agents that support zoom. An example of a mechanism where text containers do not resize when text resizes is the text-only resize function available in IE6, which does not have a zoom function.

or: An example of a mechanism where text containers resize when text resizes is G142: Using a technology that has commonly-available user agents that support zoom, yet there may be instances where even zoom fails to resize a container, as in example 3 below. An example of a mechanism where text containers do not resize when text resizes is the text-only resize function available in IE6, which does not have a zoom function.

Note: The zoom functionality in modern browsers allows resizing of the entire page, as opposed to text-only resizing. When using a technology whose user agents provide zoom support, this failure will not apply except in situations where there is loss of content even when using zoom, as in Examples 2 and 3 below. Nonetheless, it is recommended that authors design content in such a way as to allow text-only resizing without loss of content, even where zoom support is present.

@@Amend the title for each of the first two examples:

Failure Example 1 (applicable when using a mechanism where text containers do not resize when text resizes, as detailed above):


@@Amend Failure Example 2 : Change code to use: width:20%; height:20%;

Replace the first sentence of Failure Example 2 with: This example fails for both zoom and text-resize. The container does not resize in either mode.

@@Amend the test procedure as follows: 1. Increase the text size of the content by 200%. 2. Check that no text is clipped, truncated, or obscured.

EXPECTED RESULTS If no resize functionality is available to prevent check #2 from being true, then the failure condition applies and the content fails these Success Criteria.