Skip to content

Commit afaa723

Browse files
committed
add focus function for a11y
1 parent 78cdecc commit afaa723

File tree

2 files changed

+16
-1
lines changed

2 files changed

+16
-1
lines changed

src/js/components/FeedbackFormModal/index.svelte

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,16 @@
8080
<FeedbackFormBasic />
8181
{/snippet}
8282
</Modal>
83+
{:else if form == 'contact'}
84+
<Modal bind:this={modal} focusButtonOnClose scrollable>
85+
{#snippet title()}
86+
Contact HathiTrust
87+
{/snippet}
88+
{#snippet body()}
89+
{#if winterBreak}<p>{@html message}</p>{/if}
90+
<FeedbackFormBasic />
91+
{/snippet}
92+
</Modal>
8393
{:else}
8494
<Modal bind:this={modal} focusHelpOnClose scrollable>
8595
{#snippet title()}

src/js/components/Modal/index.svelte

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
* @property {boolean} [fullscreenOnMobile]
1616
* @property {boolean} [focusHelpOnClose]
1717
* @property {boolean} [focusMyAccountOnClose]
18+
* @property {boolean} [focusButtonOnClose]
1819
* @property {import('svelte').Snippet} [title]
1920
* @property {import('svelte').Snippet} [body]
2021
* @property {import('svelte').Snippet} [footer]
@@ -33,6 +34,7 @@
3334
fullscreenOnMobile = false,
3435
focusHelpOnClose = false,
3536
focusMyAccountOnClose = false,
37+
focusButtonOnClose = false,
3638
title,
3739
body,
3840
footer,
@@ -57,7 +59,7 @@
5759
}
5860
isOpen = true;
5961
dialog.showModal();
60-
if (focusHelpOnClose || focusMyAccountOnClose) {
62+
if (focusHelpOnClose || focusMyAccountOnClose || focusButtonOnClose) {
6163
window.addEventListener('keydown', logKeys);
6264
}
6365
};
@@ -81,6 +83,9 @@
8183
if (focusMyAccountOnClose) {
8284
document.querySelector('#my-account a').focus();
8385
}
86+
if (focusButtonOnClose) {
87+
document.querySelector('#feedback-form').focus();
88+
}
8489
};
8590
8691
onMount(() => {

0 commit comments

Comments
 (0)