Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SAK-37749 Lessonbuilder accessibility collapsible sections cannot be opened with keyboard #12965

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

i-a-m-s-k
Copy link
Contributor

Made the element focusable and added a keydown event handler.

@@ -193,6 +193,13 @@ $(document).ready(function () {
}
});

//Toggle collapsible section
$(".sectionHeader").attr("tabindex", "0").on("keydown", function (event) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If the markup can be adjusted, this would preferred vs some post load js correcting it.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have adjusted the markup and pushed the new code. Kindly review, thank you!

@i-a-m-s-k i-a-m-s-k requested a review from ern November 12, 2024 17:08
@@ -2387,11 +2387,12 @@ <h5 class="modal-title" id="titleModalLabel" rsf:id="msg=simplepage.title">simpl
<h3 rsf:id="msg=simplepage.maincontent" class="lb-offscreen" id="maintablelabel"></h3>
<!-- WARNING: javascript for add-break-section adds section, ul, li, and sectionedit markup, so if you change here, keep it in sync -->
<div rsf:id="sectionWrapper:">
<h3 rsf:id="sectionHeader" id="sectionHeader" class="sectionHeader">
<a rsf:id="sectionHeader" id="sectionHeader" class="sectionHeader d-block text-decoration-none h3" href="#collapsibleContent" tabindex="0" data-bs-toggle="collapse" aria-expanded="true" aria-controls="collapsibleContent">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why do we need d-block ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants