Excessive announcement upon triggering log in modal

[rhoadsstevens]

Priority level 1 (out of 3) from UW Accessible Technologies

WCAG mapping: 3.3.2 Labels or Instructions

STEPS TO REPRODUCE:

1. With a screen reader and while logged out, navigate to the user options menu
2. Press enter to log in

OBSERVED BEHAVIOR:
After triggering the log in modal, focus lands on the close button and the screen reader announces "Create/Manage Account dialog" followed by all of the content of the modal. While it is good that the modal now has an announcement upon opening, it should not read out everything in the modal upon opening. The modal does not have a heading describing the overall function of this modal.

EXPECTED BEHAVIOR:
Upon triggering the modal, the screen reader should only announce that a modal has been opened, along with the label of that modal but not the rest of the content in the modal. Focus going to the first focusable element (the close button) is fine as long as the modal label is announced. We suggest following the ARIA Modal example in which the modal container has an aria-labelledby that points to a visible heading inside the modal. In this implementation, the heading 1 for this modal could be "Log in".
Link: https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html