nvaccess / nvda

NVDA, the free and open source Screen Reader for Microsoft Windows
https://www.nvaccess.org/
Other
2.11k stars 638 forks source link

NVDA Speech Viewer Makes Accessibility Testing Difficult to Copy Screenshot of Problem Element and its Bad Speech Output, Please Add a Caption Panel with Adjustable Text Size and Panel Size Options Similar to VoiceOver for macOS #8128

Open pauljadam opened 6 years ago

pauljadam commented 6 years ago

Steps to reproduce:

  1. Open NVDA
  2. Enable Speech Viewer
  3. Visit any website like www.github.com
  4. Move screen reader focus around the site via tabbing or arrow key navigation.
  5. Move mouse cursor over text and controls in the site.
  6. Take a screenshot of the website showing the current NVDA speech output from the currently focused element.
  7. As an example set focus to a "More" button on GitHub and take a screenshot of the speech output and the button together.

Expected behavior:

Sighted users should see an NVDA screen reader focus outline around the current focused element. Sighted users should see Only the current NVDA Speech Viewer Output from the currently focused element. Sighted users should not see Speech Viewer Output from previously focused elements or from previously mouse hovered elements.

Actual behavior:

Sighted users don't see an NVDA screen reader focus outline around the current focused element. Sighted users see Speech Viewer Output from previously focused elements and from previously mouse hovered elements.
Sighted users don't Only see the currently focused Speech Viewer Output, they see many lines of text that is a combination of mouse and keyboard focused elements which makes it difficult to determine which is the currently focused element and what it is speaking aloud to the screen reader user.

System configuration:

NVDA version: 2018.1

NVDA Installed or portable: Installed

Other information: The example I'd like to see copied is VoiceOver macOS' Caption Panel which only shows the currently focused elements speech output and allows users to adjust the text size and container size of the speech viewer as well as move it around the screen.

NVDA Speech Viewer's current wall of text that displays and lack of a focus outline showing around the current focused element makes Accessibility Testing and QA testing more difficult. E.g. trying to determine what is the actual problem out of a NVDA Speech Viewer screenshot is difficult compared to VoiceOver macOS' Caption Panel.

I'm simply asking for something as similar as possible to the VoiceOver Caption Panel and VoiceOver screen reader focus outline. It does not have to look exactly the same, it could have more features as well like ability to choose the font and text and background color of the speech output which is not possible now with VoiceOver Caption Panel.

Thanks! Happy to answer any questions and help out where possible.

Windows version: Windows 10

Screenshot Examples from NVDA and VoiceOver macOS:

VoiceOver macOS shows black outline around focused More button, Caption Panel shows text output of More, button in very large and crisp text.

VoiceOver Utility Caption Panel Settings shows speech output set to 48 point font, Font Size for Panels and Menus. User can adjust text size of speech output from very small to very large.

NVDA shown focused on More button but no screen reader focus outline is visible, only the keyboard focus outline. NVDA Speech Viewer shows many lines of speech output text over 20 in the screenshot. link roles are disconnected from their elements on another line of text. Mouse hovering output is also shown in the speech viewer. It's hard to tell what the current focused output is saying with all the noise.

ehollig commented 6 years ago

You may want to try out Focus Highlight for the screen reader focus outline. Also, to decrease the amount of chatter in the speech viewer, you may want to disable mouse tracking with NVDA+M. As far as adding additional functionality to the speech viewer, cc @feerrenrut @michaelDCurran

pauljadam commented 6 years ago

@ehollig Thanks for those ideas. I do use the Focus Highlight myself. I'm more concerned with a11y testing QA folks who don't modify their NVDA install other than display the Speech Viewer. I think these should be default features without needing an Add On.

Brian1Gaff commented 6 years ago

This sounds like it needs something like the focus add on married with something that will need to be developed by a sighted programmer to me.

Focus highlight is very good, by the way, when I have a sighted person who wants to know what I'm up to!

Adriani90 commented 11 months ago

For the focus highlight, this is now included into NVDA and you can enable it in the vision settings category. For the other points there is not a solution in place yet as far as I know.