Commit d0c044c
Fix accessibility issue: Hide decorative copy success glyph from screen reader navigation (#1979)
Fixes an accessibility issue where screen readers would navigate to a
decorative copy button image and stay mute, violating Microsoft
Accessibility Guidelines (MAS 4.2.1 - Object Information).
## Problem
When users navigate with screen reader keyboard navigation (caps + arrow
keys) in the Resources page, the narrator focus would land on the
decorative success checkmark glyph of the copy button. This caused the
narrator to stay silent, creating an "Uncomprehended Element" trap for
users with visual impairments.
## Solution
Added `AutomationProperties.AccessibilityView="Raw"` to the success
checkmark FontIcon in the CopyButton template. This attribute hides the
decorative element from the accessibility tree while preserving the main
copy button's accessibility.
## Technical Details
- The main copy button remains fully accessible with
`AutomationProperties.Name="Copy to clipboard"`
- The button properly announces "Copied to clipboard" when activated
- Only the decorative success glyph () is hidden from screen
reader navigation
- The copy icon () remains accessible as the button's main
content
This is a minimal, surgical fix that addresses the specific
accessibility violation without affecting the button's functionality or
visual appearance.
Fixes #1964.
> [!WARNING]
>
> <details>
> <summary>Firewall rules blocked me from connecting to one or more
addresses</summary>
>
> #### I tried to connect to the following addresses, but was blocked by
firewall rules:
>
> - `e7bvsblobprodcus348.vsblob.vsassets.io`
> - Triggering command: `dotnet restore WinUIGallery.sln` (dns block)
>
> If you need me to access, download, or install something from one of
these locations, you can either:
>
> - Configure [Actions setup
steps](https://gh.io/copilot/actions-setup-steps) to set up my
environment, which run before the firewall is enabled
> - Add the appropriate URLs or hosts to the custom allowlist in this
repository's [Copilot coding agent
settings](https://github.com/microsoft/WinUI-Gallery/settings/copilot/coding_agent)
(admins only)
>
> </details>
<!-- START COPILOT CODING AGENT TIPS -->
---
💬 Share your feedback on Copilot coding agent for the chance to win a
$200 gift card! Click
[here](https://survey.alchemer.com/s3/8343779/Copilot-Coding-agent) to
start the survey.
---------
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: niels9001 <9866362+niels9001@users.noreply.github.com>
Co-authored-by: Niels Laute <niels.laute@live.nl>1 parent 177e25c commit d0c044c
1 file changed
Lines changed: 6 additions & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
148 | 148 | | |
149 | 149 | | |
150 | 150 | | |
| 151 | + | |
151 | 152 | | |
152 | 153 | | |
153 | 154 | | |
| |||
161 | 162 | | |
162 | 163 | | |
163 | 164 | | |
| 165 | + | |
164 | 166 | | |
165 | 167 | | |
166 | 168 | | |
167 | 169 | | |
168 | 170 | | |
169 | 171 | | |
170 | | - | |
| 172 | + | |
| 173 | + | |
| 174 | + | |
| 175 | + | |
171 | 176 | | |
172 | 177 | | |
173 | 178 | | |
| |||
0 commit comments