Forum Discussion

SSchwai's avatar
SSchwai
Community Member
5 days ago

Storyline Keyboard Navigation not working with Buttons

Hello everyone! Can anyone help resolve this accessibility issue?

I am creating a scenario interaction where the user selects 1 of 3 answer choices. The selection and submit interaction work with keyboard and mouse, but when I try to navigate on the keyboard using the "Tab" key, I can only select the first (not second or third) button. I duplicated the second and third from the first button, so I don't know what happened/why it is not selectable with the keyboard?

  • The buttons are not stacked on top of each other
  • They have the "visible by accessibility tools" enabled
  • Triggers include: emphasize, hover for audio, hover for character state changes, and submit interaction but those are the same for the functional first button

Anyone have ideas on how to fix this? I would prefer not to have to recreate the buttons and relink all the triggers/recreate the feedback layers. Storyline file is attached.

accessibility
advice
storyline 360

1 Reply

  • EricSantos's avatar
    EricSantos
    Staff
    2 days ago

    Hello SSchwai​,

    Thanks for sharing your file and describing what you’re seeing! I tested your Storyline course and experienced the same issue with keyboard navigation. I also looked at the focus order in your sample file and can see that all three buttons are listed there.

    To dig deeper, I tried this in a brand-new Storyline course by adding one button, then duplicating it twice. After publishing the course to Review 360, I was able to navigate all three buttons with the Tab key without issue.

    Here’s the Review 360 course link from the attached sample Storyline file I used for testing.

    I’m curious if you see the same result in a quick new file on your side with one button duplicated twice. That will help us rule out whether the problem comes from a corrupt element in the original file you shared.

    Looking forward to your response.