Skip to content

Screen reader does not announce zoom percentage information after activating 'Zoom in', 'Zoom out', and 'Reset zoom' icon button in windows. #35041

@msftedad

Description

@msftedad

Describe the bug

Test Environment:
OS: Windows 11 Version 25H2 (OS Build 26200.8390)
Browsers: Edge (Version 148.0.3967.70), Chrome (Version 148.0.7778.168)
Screen Reader: NVDA (2026.1), JAWS (2026.2603.86), Narrator
URL: https://storybooks.fluentui.dev/react/?path=/docs/charts_charts-areachart--docs

Pre-Requisite:

  1. Turn on Screen Readers:
    NVDA: Ctrl + Alt + N
    JAWS: Ctrl + Alt + J
    Narrator: Ctrl + win + Enter
  2. Verbosity:
    NVDA: Default
    JAWS: Beginner, Highest
    Narrator: Default

User Impact:
Screen reader users will be impacted because the zoom level changes are not announced when they use the Zoom in, zoom out, or Reset zoom buttons. As a result, they won’t know the current zoom percentage, which can make it harder to understand the page view and navigate effectively.

Actual Result:
Screen reader does not announce zoom percentage information after activating 'Zoom in', 'Zoom out', and 'Reset zoom' icon button in windows.
Screen readers remain silent

Refer Attachment:
Screen reader does not announce zoom percentage information after activating 'Zoom in', 'Zoom out', and 'Reset zoom' icon button in windows.png
Screen reader does not announce zoom percentage information after activating 'Zoom in', 'Zoom out', and 'Reset zoom' icon button in windows.mp4

Image
https://github.com/user-attachments/assets/b081ea22-3567-400a-a6d4-7434c8184f77

Expected Result:
Screen reader should announce the updated zoom percentage information after activating 'Zoom in', 'Zoom out' and 'Reset zoom' icon controls (e.g., “Zoomed to 150%” or “Reset to 100%”) present inside the 'Area Chart Basic' section in main page.

Reproduction link

https://storybooks.fluentui.dev/react/?path=/docs/charts_charts-areachart--docs

Reproduction steps

  1. Open the URL: https://storybooks.fluentui.dev/react/?path=/docs/charts_charts-areachart--docs in edge/chrome browser.
  2. Area Chart page will appear.
  3. Press tab key to reach to the 'Zoom in', 'Zoom out', and 'Reset zoom' control present under 'Area Chart Basic' section.
  4. verify whether screen reader announce zoom percentage information after activating 'Zoom in', 'Zoom out', and 'Reset zoom' icon button in windows or not.

System

npx storybook@latest 9.1.17

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    Status
    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions