One might need to zoom onto the frame to see details better and if they zoom in too much, the bottom half will be outside of the viewport and with no way to scroll to it. This adds a few css tweaks to make the frame itself scrollable if one zooms in so that it does not fully fit into the viewport.
Description: Within the desktop extension when testing page reflow it was found that content would be lost with the extension in its expanded state. At 300% the Tags edit field, the Done button, and the text at the bottom of the extension is all lost. This behavior is consistent when page zoom is increased to 400%.
Impact Statement: People with low vision who need to enlarge text and read it in a single column. When the browser zoom is used to scale content to 400%, it reflows - i.e., it is presented in one column so that scrolling in more than one direction is not necessary. Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions
Expected Result: Content remains visually accessible during page reflow up to 400% page zoom
Actual Result: Content becomes lost starting at 300% page zoom
One might need to zoom onto the frame to see details better and if they zoom in too much, the bottom half will be outside of the viewport and with no way to scroll to it. This adds a few css tweaks to make the frame itself scrollable if one zooms in so that it does not fully fit into the viewport.
Relevant WCAG criterion: https://www.w3.org/WAI/WCAG21/Understanding/reflow.html
New behavior on zoom in:
https://github.com/user-attachments/assets/98ed7ddc-d293-4ff2-a561-e066b31918da
Vpat issue for reference:
Description: Within the desktop extension when testing page reflow it was found that content would be lost with the extension in its expanded state. At 300% the Tags edit field, the Done button, and the text at the bottom of the extension is all lost. This behavior is consistent when page zoom is increased to 400%.
Impact Statement: People with low vision who need to enlarge text and read it in a single column. When the browser zoom is used to scale content to 400%, it reflows - i.e., it is presented in one column so that scrolling in more than one direction is not necessary. Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions
Expected Result: Content remains visually accessible during page reflow up to 400% page zoom
Actual Result: Content becomes lost starting at 300% page zoom