WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Working With Buttons

for

From: Steve Green
Date: Apr 19, 2023 12:30PM

I can replicate the issue using NVDA and Chrome. The website does indeed have a lot of accessibility issues, but this particular one appears to be an NVDA bug. When you click the Register button, a dialog is displayed, containing the terms of service. The div element containing the dialog has the attribute role="dialog", which you would expect.

JAWS 2021 reads the contents of the dialog exactly as you would expect, but NVDA does not. It announces the presence of the dialog, but does not read its contents. It behaves as if the dialog had the attribute aria-hidden="true", but it does not. It doesn't help that the "aria-labelledby" attribute has been spelled incorrectly, so neither screen reader announces the name of the dialog.

NVDA does read the contents of the dialog if you either add the attribute tabindex="-1" to the div element or remove the role="dialog" attribute. Neither of these should be necessary. Of course the attribute tabindex="-1" is required for proper keyboard navigation without a screen reader, but its absence should have no effect on NVDA.

Steve Green
Managing Director
Test Partners Ltd