You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm submitting a:bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below
Page area
info modal (available on slim screens only)
Issue description
When the modal is activated by a keyboard user, focus moves to the close button. This behaviour skips every single item inside the modal. The only way to access them is to tab backwards. This is illogical and potentially hides content from users. Furthermore, when the modal is closed, focus moves away from the modal and its associated info button to the top of the page.
ensure that the screen is of a width where the info sidebar disappears in favour of an info button
use the keyboard to navigate to the info button and activate it
tab forward and observe that focus moves away from the modal rather than through the links inside it
tab backwards to observe focus moving to the items inside the modal
Expected behaviour
On first opening the modal, focus should move through the focusable items inside in reading order from top to bottom.
On closing the modal, focus should move back to the info button from where the user can continue where they left off.
WCAG criterion
2.4.3 Focus Order (Level A)
Related code
<divclass="overlay moreInfo" aria-hidden="false" style="top: 517px; left: 240px;"><divclass="top"></div><divclass="middle"><divclass="content"><divrole="heading" class="heading">More Information</div><divclass="iiif-metadata-component"><divclass="groups"><divclass="group"><divclass="header">About the item</div><divclass="items"><divclass="item _identifier"><divclass="label">Identifier</div><divclass="values"><divclass="value">EAP500/1/1</div></div></div><divclass="item _title"><divclass="label">Title</div><divclass="values"><divclass="value">"Dimitar Babaliev's collection of photographs from the Karnobat regions, Southeast Bulgaria [1950s-1990s]"</div></div></div><divclass="item _place"><divclass="label">Place</div><divclass="values"><divclass="value">Bulgaria, Europe</div></div></div><divclass="item _link-to-catalogue-record"><divclass="label">Link to catalogue record</div><divclass="values"><divclass="value"><ahref="https://eap.bl.uk/archive-file/EAP500-1-1" target="_blank">View the catalogue record</a></div></div></div><divclass="item _citation"><divclass="label">Citation</div><divclass="values"><divclass="value">"Dimitar Babaliev's collection of photographs from the Karnobat regions, Southeast Bulgaria… <ahref="#" class="toggle less">more</a></div></div></div><divclass="item _digitised-by"><divclass="label">Digitised by</div><divclass="values"><divclass="value">Independent researcher</div></div></div><divclass="item _digitisation-funded-by"><divclass="label">Digitisation funded by</div><divclass="values"><divclass="value">Endangered Archives Programme supported by Arcadia</div></div></div><divclass="item _language"><divclass="label">Language</div><divclass="values"></div></div><divclass="item _scripts"><divclass="label">Scripts</div><divclass="values"></div></div><divclass="item _description"><divclass="label">Description</div><divclass="values"><divclass="value">The photos present Karakachans everyday life and festive tradition in Karnobat region,… <ahref="#" class="toggle less">more</a></div></div></div><divclass="item _attribution"><divclass="label">Attribution</div><divclass="values"><divclass="value">Except as otherwise permitted under your national copyright law this material may not be copied… <ahref="#" class="toggle less">more</a></div></div></div><divclass="item _logo"><divclass="label">Logo</div><divclass="values"><divclass="value"><imgalt="logo" src="https://eap.bl.uk/themes/custom/eap/images/bl_logo_100.gif"></div></div></div></div></div></div><divclass="noData" style="display: none;">No data to display</div></div></div><divclass="buttons"><buttontype="button" class="btn btn-default close" tabindex="0">Close</button></div></div><divclass="bottom" style="background-position: 118px 0px;"></div></div>
The text was updated successfully, but these errors were encountered:
scoutb-cogapp
changed the title
Accessibility bug: focus order skips whole info modal
Accessibility issue: focus order skips whole info modal
Aug 13, 2024
UV version: [email protected]
I'm submitting a: bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below
Page area
info modal (available on slim screens only)
Issue description
When the modal is activated by a keyboard user, focus moves to the close button. This behaviour skips every single item inside the modal. The only way to access them is to tab backwards. This is illogical and potentially hides content from users. Furthermore, when the modal is closed, focus moves away from the modal and its associated info button to the top of the page.
Steps to reproduce
Expected behaviour
WCAG criterion
2.4.3 Focus Order (Level A)
Related code
The text was updated successfully, but these errors were encountered: