Question
Greenfield
DE
Last activity: 9 Jan 2025 10:54 EST
Section inside pyCaseErrorSection does not get read out by screenreader
Hi All,
we have a Problem regarding the pyCaseErrorSection not getting read out by our screenreader (NVDA). The error gets noticed by the screenreader but does not read out any information inside the section.
Example: In this case the screenreader would realise that there is an error but text "Errorname: Lorem Ipsum sit amet" does not get read out by it.
Theme Cosmos version: 5.1
Any leads would be appreciated. Thanks in advance.
Accepted Solution
Updated: 9 Jan 2025 10:54 EST
Pegasystems Inc.
US
I am testing this on my end with NVDA, and am seeing an issue with the announcement when the error banner appears as well (configured using server-side validation).
When I submit the page and the banner appears, NVDA begins announcing several Alerts. From what I heard, the actual contents of the alert announcements were being quickly cut off, as multiple alerts were being announced simultaneously. I checked this using the NVDA speech viewer, and could see that there were announcements of the error message, but were not fully announced due to the competing alerts all firing at once (see screenshot "NVDAOutputOnSubmit"). Is it possible for you to enable the Speech History window with NVDA and confirm if the announcements are present but not being fully announced?
Looking in the markup of the error banner, there is a parent <div > element wrapping the whole banner that has attribute role="alert". Additionally, the unordered list element (<ul >) that holds each individual error in the banner (if there are multiple errors at once) also has a role="alert" attribute. Lastly the in-line error message beneath the field also has this attribute. This is what I believe to be the cause of the inconsistent and cut-off error announcements from NVDA.
I am testing this on my end with NVDA, and am seeing an issue with the announcement when the error banner appears as well (configured using server-side validation).
When I submit the page and the banner appears, NVDA begins announcing several Alerts. From what I heard, the actual contents of the alert announcements were being quickly cut off, as multiple alerts were being announced simultaneously. I checked this using the NVDA speech viewer, and could see that there were announcements of the error message, but were not fully announced due to the competing alerts all firing at once (see screenshot "NVDAOutputOnSubmit"). Is it possible for you to enable the Speech History window with NVDA and confirm if the announcements are present but not being fully announced?
Looking in the markup of the error banner, there is a parent <div > element wrapping the whole banner that has attribute role="alert". Additionally, the unordered list element (<ul >) that holds each individual error in the banner (if there are multiple errors at once) also has a role="alert" attribute. Lastly the in-line error message beneath the field also has this attribute. This is what I believe to be the cause of the inconsistent and cut-off error announcements from NVDA.
If this behavior matches what you are experiencing, I would recommend filing an Incident in Pega Support as this appears to be an issue in Platform. Otherwise, if you could share a screenshot of the speech history from your scenario (NVDA > Tools > Speech Viewer) or other details, that would be helpful to further analyze.