Skip to main content
jamesr71028815
jamesr71028815
Participating Frequently
February 14, 2017
Question

Captivate html5 accessibility - tabbing

  • February 14, 2017
  • 2 replies
  • 2440 views

I am publishing files to html5 output with accessibility turned on.  However, I am unable to get tabbing to work (I am unable to tab through screen objects)

Here are some details about my setup and file:

  1. Publishing to HTML5 Output
  2. When published, accessibility is set to Yes
  3. Under Publish Settings, the following settings are defined:
    1. Enable Accessibility - checked
    2. Restrict keyboard tabbing to slide items only (tried with option checked and unchecked)
    3. Hide selection rectangle for slide items in HTML5 (tried with option checked and unchecked)
  4. Under skin editor, Captivate 'show playback conrol' is disabled.
  5. I have shape buttons that I want to tab through on the screen.  Unfortunately, the selector rectangle is not appearing when I tab through.

Has anyone ever encountered this issue?  Are there any possible workarounds?

Thank you,

JR

This topic has been closed for replies.

2 replies

Justenuf2bdangerous
Justenuf2bdangerous
Inspiring
February 15, 2017

If you're using smart shapes as buttons, you're out of luck. Smart shape buttons are not accessible - they do not respond to tabbing nor do they trigger when you select enter or the spacebar.

jamesr71028815
jamesr71028815Author
Participating Frequently
February 16, 2017

Thank you Justenuf2bdangerous.

Is this a documented bug or a conclusion that you have drawn based on your own experience?

Justenuf2bdangerous
Justenuf2bdangerous
Inspiring
February 16, 2017

I have submitted it as a bug for both Captivate 8 and Captivate 9 and had conversations in the Captivate Forum with Adobe staff acknowledging and discussing workarounds for the limitation.  If anyone here or in the Captivate Forum is able to get smart shape buttons to be accessible I would love to hear how they did it - because it would make designing navigation so much easier.

    Paul Wilson CTDP
    Community Expert
    Paul Wilson CTDPCommunity Expert
    Community Expert
    February 15, 2017

    Have you checked the tab order to see if the shape buttons are available? That would be the first thing I would look at.

    Paul Wilson, CTDP
    jamesr71028815
    jamesr71028815Author
    Participating Frequently
    February 15, 2017

    Thank you Paul for stepping in to provide your support!  I am grateful!

    - Yes, I am seeing the buttons in the tab order.  I uploaded a quick prototype to demo the issue that I am having.http://learningpowerup.com/tabbingtest/tabbingTest.cptx

    You will notice that all works swimmingly when publish to swf.  When I publish to html5?  Nope.

    jamesr71028815
    jamesr71028815Author
    Participating Frequently
    February 15, 2017

    I'll add that I see tabbing working just fine in Google Chrome on windows (example attached).  However, I am still unable to see the selection box in Firefox or IE in Windows.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices