Skip to content

[A11Y-201] Bigger text and reflow-safe scaling #41

Closed

Description

@prabothcharith

Add 1.0/1.125/1.25/1.5/2.0 step scale via scoped properties, not transforms; avoid nested compounding and protect forms, labels, code, icons, widget and fixed-layout limitations.

Acceptance: 2x plus zoom remains usable; reset returns authored styles.

Master guidance: https://github.com/prabothcharith/accessibility-react/blob/main/docs/DEVELOPMENT.md.

Activity

  1. added a commit that references this issue on Oct 23, 2026
    e965d58
  2. prabothcharith commented on Oct 23, 2026

    @prabothcharith
    OwnerAuthor

    Resolved and released in v2.4.0 (PR #100 -> development, PR #101 -> main):

    • Implemented reflow-safe stepwise text scaling (1.0, 1.125, 1.25, 1.5, 2.0) via scoped CSS properties without transforms.
    • Added dedicated TextScaleController component for WCAG SC 1.4.4 / 1.4.10 text enlargement.
    • Enhanced FontSizeController with stepScale and custom steps props while preserving backward compatibility with 10% steps.
    • Exported TEXT_SCALE_STEPS, TextScaleStep, TEXT_SCALE_PROTECTED_SELECTOR, and isProtectedFromTextScale.
    • Protected form controls, labels, monospace code blocks, vector icons, and widget UI from scaling distortion.
    • Measured baselines before writing inline styles, preventing nested compounding across deep DOM trees.
    • Added unit tests in ests/textScaling.test.tsx and browser integration test in ests/browser/widget.spec.ts.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions