Skip to content

Fix Email TextBox truncation at 200% text scaling in accessibility screen reader page#1988

Merged
niels9001 merged 3 commits intomainfrom
copilot/fix-1960
Jul 30, 2025
Merged

Fix Email TextBox truncation at 200% text scaling in accessibility screen reader page#1988
niels9001 merged 3 commits intomainfrom
copilot/fix-1960

Conversation

Copy link
Contributor

Copilot AI commented Jul 30, 2025

This PR fixes an accessibility issue where the placeholder text "test@example.com" in the Email TextBox gets truncated when text scaling is set to 200% on the Screen reader support page.

Problem

Users with low vision who rely on text scaling to 200% experienced truncation of the email placeholder text due to a fixed width constraint of 200px on the TextBox control. This violates MAS 1.4.4 – Resize Text accessibility requirements and creates a poor user experience for users who need larger text.

Solution

Changed the Email TextBox from using a fixed Width="200" to MinWidth="200" in AccessibilityScreenReaderPage.xaml. This allows the control to:

  • Maintain the intended minimum visual design (200px baseline)
  • Expand automatically when text scaling increases beyond 100%
  • Prevent text truncation while preserving layout consistency

Changes Made

  • Line 121: Width="200"MinWidth="200" on the Email TextBox
  • Line 147: Updated the corresponding XAML code example to reflect the change for consistency

The fix is minimal and surgical, addressing only the specific accessibility issue without affecting other TextBox controls or overall page layout.

Fixes #1960.

Warning

Firewall rules blocked me from connecting to one or more addresses

I tried to connect to the following addresses, but was blocked by firewall rules:

  • e7bvsblobprodcus348.vsblob.vsassets.io
    • Triggering command: dotnet build WinUIGallery.sln --configuration Debug (dns block)

If you need me to access, download, or install something from one of these locations, you can either:


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

…caling

Co-authored-by: niels9001 <9866362+niels9001@users.noreply.github.com>
Copilot AI changed the title [WIP] [WinUI 3 Gallery: Accessibility -> Screen reader support]: On applying text scaling 200%, the placeholder text i.e., "test@example.com" present under "Email" is getting truncated. Fix Email TextBox truncation at 200% text scaling in accessibility screen reader page Jul 30, 2025
Copilot AI requested a review from niels9001 July 30, 2025 14:16
@niels9001 niels9001 marked this pull request as ready for review July 30, 2025 14:43
@niels9001 niels9001 requested a review from marcelwgn July 30, 2025 14:43
@niels9001 niels9001 enabled auto-merge (squash) July 30, 2025 14:46
@marcelwgn
Copy link
Contributor

/azp run

@niels9001 niels9001 merged commit bd407e2 into main Jul 30, 2025
2 checks passed
@niels9001 niels9001 deleted the copilot/fix-1960 branch July 30, 2025 18:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

3 participants