36

Text can be resized up to 200% without text clipping through other elements.

WGAC 2 criterion	1.4.4 Resize Text (AA)
Category	Resizing
ACT Rules

WCAG 2 criterion

1.4.4 Resize Text (Level AA)

Tools and requirements

Web browser with built-in zoom text only feature (Firefox, Safari)
Zoom Text Only plugin for Chrome

Test procedure

There are two ways to test zooming text to 200%. Only one of the two methods must meet both verification checks to pass.

Zooming the entire page

Use the standard keyboard shortcuts of ⌘= (Command + Equals) or CTRL= (Control + Equals) to zoom the entire page.

Zoom text only

Firefox
- In the menu bar, select View > Zoom > Zoom Text Only
Safari
- Use the shortcut ⌥⌘= (Option + Command + Equals)
Chrome or Edge
- Use an extension such as Zoom Text Only or Text Zoom from the Chrome Web Store

Verification Steps

Check Scaling: The text must appreciably scale when testing. It must not be locked to a fixed size when scaling the page.
Check for Clipped or Overlapping Text: No content should clip (be "cut off" by another element), or overlap other elements when zoomed.

AI Prompt

Create a PHP class in the namespace "App\Services\AccessibilityAnalyzer\GuidelineRules"
that extends "App\Services\AccessibilityAnalyzer\GuidelineRuleRunner" and is called "Guideline36" that has a function with the signature "protected function findApplicableElements(Crawler $crawler): Crawler". The base class includes the function "protected function isElementIncludedInAccessibilityTree(\DOMNode $element): bool" for determining if an element is included in the accessibility tree.

Web accessibility guideline:

## Text can be resized up to 200% without text clipping through other elements.

### WCAG 2 criterion

1.4.4 Resize Text (Level AA)

### Tools and requirements

* Web browser with built-in zoom text only feature (Firefox, Safari)  
* Zoom Text Only plugin for Chrome

### Test procedure

There are two ways to test zooming text to 200%.  Only one of the two methods must meet both verification checks to pass.

#### Zooming the entire page

Use the standard keyboard shortcuts of ⌘= (Command \+ Equals) or CTRL= (Control \+ Equals) to zoom the entire page.

#### Zoom text only

* **Firefox**  
  * In the menu bar, select **View \> Zoom \> Zoom Text Only**  
* **Safari**  
  * Use the shortcut ⌥⌘= (Option \+ Command \+ Equals)  
* **Chrome or Edge**  
  * Use an extension such as Zoom Text Only or Text Zoom from the Chrome Web Store

#### Verification Steps

* **Check Scaling:** The text must appreciably scale when testing.  It must not be locked to a fixed size when scaling the page.  
* **Check for Clipped or Overlapping Text:** No content should clip (be "cut off" by another element), or overlap other elements when zoomed.

Web Accessibility Reviews

AI Chat

AI Assistance Chat

AI Response

Debugging info

36