microsoft / BotFramework-WebChat

A highly-customizable web-based client for Azure Bot Services.
https://www.botframework.com/
MIT License
1.59k stars 1.54k forks source link

A11y_ScreenReader: Screen Readers (NVDA/JAWS) focus is not going over the chat, present in the chat bot in scan mode using up/down arrow key. #4898

Open elopezanaya opened 1 year ago

elopezanaya commented 1 year ago

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

Users who are dependent on-screen readers will find difficulty while navigating over the chat present in the chat bot.

What browsers and screen readers do this issue affect?

Windows: Chrome with NVDA

Are there any code-based customization done to Web Chat?

Yes, however, this also repro when customizations are not in use.

What version of Web Chat are you using?

Latest production

Which area does this issue affect?

Transcript navigation

What is the public URL for the website?

No response

How to reproduce the issue?

just launch a LCW widget , is expected that all the information displayed as part of the chat window is part of the information narrated by screen reader

What do you expect?

Screen Readers (NVDA/JAWS) focus should go over the chat in scan mode using up/down arrow key.

What actually happened?

Screen Readers (NVDA/JAWS) focus is not going over the chat in scan mode using up/down arrow key.

If focus goes inside the chat bot, screen reader should announce complete information of the chat including name and time of the chat. For example: hi 6:42 PM - sent like that

Do you have any screenshots or recordings to repro the issue?

image

Did you find any DOM elements that might have caused the issue?

The span with the time stamps info and user name is not reachable and somehow is not visible for the screen reader

MAS reference

https://aka.ms/MAS1.3.1

WCAG reference

No response

WAI-ARIA reference

No response

Adaptive Card JSON

No response

Additional context

No response

elopezanaya commented 12 months ago

hi all, is there any update on this issue?

elopezanaya commented 11 months ago

hello., is this incident being reviewed or discarded?

elopezanaya commented 11 months ago

image

since the definition of the div content is linked via aria-labeldescribedby, when the time stamp is attached, this one is not included in the description of the screen reader

https://github.com/microsoft/BotFramework-WebChat/blob/58ec6cd3fcd19a8b070f9afad4ae05e6ab6881a4/packages/component/src/Transcript/ActivityRow.tsx#L88C34-L88C40