![]() ![]() The content should not be hidden or overlapped, functionality and elements on the page should not be missed.ģ20 CSS pixels is equivalent to a starting viewport width of 1280 CSS pixels wide at 400% zoom. When user zooms up to 400% content should demand user to scroll only in one direction.The maximum zoom level to check for reflow in this success criteria is 400%.The content with language written vertically on the screen requires horizontal scrolling when the content reflows. One direction scrolling does not always mean vertical scrolling.Users with low vision benefit with content reflow. Examples of content which require two-dimensional layout are images, maps, diagrams, video, games, presentations, data tables, and interfaces where it is necessary to keep toolbars in view while manipulating content Who benefits with 1.4.10 Reflow ![]() Such situations and elements are exempted from this success criteria. Exceptions to 1.4.10 reflowįew content elements loose the meaning when viewed only in one direction. When an URL is viewed on a desktop it may display all the navigation items but the same URL when viewed on a tab it may show the navigation items as accordion and on a mobile it may display as a hamburger menu. The spacing and the placement of the elements may be changed but the content or functionality must not be lost. Allow the user to read the content scrolling only in one direction. The idea is to fit the content within the boundaries even when the user zoom to 400%. Responsive web design is similar to supporting reflow. With reflow enabled tracking becomes easy. It will be often difficult for low vision users to get to the exact next line after reading through the end of previous line. Enlarging the text will allow the low vision users to clearly look at each character and reflow is useful to track the content they are reading. This success criteria 1.4.10 reflow exactly recommends it. ![]() When the content reflows, users will have difficulty to scroll both horizontally and vertically.Īllowing to scroll the page only in one direction even when browser zoom is set to 400% will be helpful for low vision users. ![]() When the user uses the browser zoom functionality to enlarge the text, the content reflows and is displayed in a single column. With a 100% scaled width to the content is usually displayed in 2 or 3 columns. People with low vision typically enlarge the text to read the content on the screen. Horizontal scrolling content at a height equivalent to 256 CSS pixels.Įxcept for parts of the content which require two-dimensional layout for usage or meaning.Vertical scrolling content at a width equivalent to 320 CSS pixels.if the lines indented differently).Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window.Īccording to the wording, it would even be ok if I had to scroll after each line of text (e.g. Important: To comply with SC 1.4.8, it is actually sufficient if the page must be scrolled, as long as scrolling is not necessary to read a line of text. If my understanding is correct, this might be better explained in G206. This is actually only required for SC 1.4.8. According to the wording of SC 1.4.10, it is not required that a text line must be readable without scrolling if it is, for example, in a table. The question would be whether the sentence applies only to SC 1.4.8 or not at all to SC 1.4.10. Unfortunately, G206 was not adapted to the requirements of 1.4.10 with WCAG 2.1. With WCAG 2.1 SC 1.4.10 the requirements are stricter. The sentence comes from the old WCAG 2.0 document, which only referred to SC 1.4.8. images, maps, diagrams, video, games, presentations, data tables, and interfaces where it is necessary to keep toolbars in view while manipulating content") apply, then it is not ok to have for example a two-column layout which must be scrolled. However, if none of the exceptions ("Except for parts of the content which require two-dimensional layout for usage or meaning. if there is text in a table, it is ok if the table needs to be scrolled, but it is not ok if a column of the table is so wide that it needs to be scrolled. Only refers to one of the exceptions where scrolling is allowed: i.e. It should be noted that it is also sufficient to lay out the content in such a way that horizontal scrolling is required to access content, but that it is not necessary to scroll horizontally in order to read a line of text. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |