Testing Inline Dialog Boundaries Reporting
Below are inline, persistent elements with various roles that might be used to indicate that they are inlined “dialogs”. Do screen readers report their boundaries? Which of these are servicable as inline dialogs?
Region 1: Role dialog, aria-modal false, focus goes to the container
some stuff above the name
Heading for region 1
some other stuff below the name
Region 2: Role dialog, no aria-modal attribute, focus goes to the container
some stuff above the name
Heading for region 2
some other stuff below the name
Region 3: Role dialog, no aria-modal attribute, focus goes to the heading
some stuff above the name
Heading for region 3
some other stuff below the name
Region 3a: Role dialog, no aria-modal attribute, focus goes to an interactive element
Heading for region 3a
some other stuff below the name
Region 4: Role region, no aria-modal, focus goes to the container
some stuff above the name
Heading for region 4
some other stuff below the name
Region 5: Role region, no aria-modal, focus goes to the container, using aria-label for name
some stuff above the name
Heading for region 5
some other stuff below the name
Region 6: Role region, no aria-modal, focus goes to the heading
some stuff above the name
Heading for region 6
some other stuff below the name
Region 7: Role group, no aria-modal, focus goes to the container
some stuff above the name
Heading for region 7
some other stuff below the name
Region 8: Role group, no aria-modal, focus goes to the container, using aria-label for name
some stuff above the name
Heading for region 8
some other stuff below the name
Region 9: Role group, no aria-modal, focus goes to the heading
some stuff above the name
Heading for region 9
some other stuff below the name
Region 10: Role region, no aria-modal, focus goes to the heading, aria-roledescription of “inline popup dialog”
some stuff above the name
Heading for region 10
some other stuff below the name
Region 11: Role group, no aria-modal, focus goes to the container, aria-roledescription of “popup content box”
some stuff above the name
Heading for region 11
some other stuff below the name
Region 12: Role group, no aria-modal, focus goes to the button, aria-roledescription of “popup content,” named using aria-label
Heading for region 12
some other stuff below the heading
Region 13: No role but using before and after psuedo selectors with content set to popup content start
and popup content end
for boundaries
some stuff above the name
Heading for region 13
some other stuff below the name