Bug 73: Text Resize Disabled + Low Contrast (Chaos: F69 + F24)

WCAG 1.4.4 (Resize Text) + 1.4.3 (Contrast Minimum) | Multiple failures combined.

Failure F69: Text Size Cannot Be Changed

This page has disabled text resizing via CSS -webkit-text-size-adjust. Users on mobile cannot zoom text. Combined with small font size (12px), this becomes unreadable for low vision users.

Issue: Pinch-zoom disabled + fixed font sizes = unreadable on mobile.

Failure F24: Low Contrast Text (Gray on Light Gray)

This text is light gray (#888) on a slightly lighter gray background (#f5f5f5). The contrast ratio is less than 3:1, making it difficult for users with low vision or color blindness to read.

Secondary information with even lower contrast:

This text (#aaa) on white has less than 2:1 contrast ratio. Nearly invisible for users with even mild vision impairment.

CHAOS: Combined Failure - Disabled Resize + No Color Alternative

Status indicators:

Error status (red, but also low contrast on white)

Success status (green, similar issue)

Info status (blue)

Issues:

  • Text too small and cannot be resized
  • Relies on color alone (no text label "Error", "Success", "Info")
  • Color contrast insufficient for users with color blindness
  • No icon or other non-color indicator
CHAOS: Viewport Meta Tag Prevents Zoom

HTML Issue: Page uses <meta name="viewport" content="user-scalable=no">

This prevents users from pinch-zooming on mobile devices, compounding the small font size problem.

HAL Fixes: HAL removes -webkit/moz/ms-text-size-adjust restrictions. HAL removes user-scalable=no from viewport meta. HAL analyzes contrast ratios and adjusts colors. HAL increases font sizes to minimum 12px. HAL ensures color indicators have text labels and icons.