Skip to main content
C
CaliforniaSurfer
Known Participant
April 28, 2021
Question

How to make variables in Captivate accessible?

  • April 28, 2021
  • 2 replies
  • 1001 views

Greetings,

 

ISSUE:

Ok, so I need to make my Captivate output 508 compliant. I use variables in my files (Titles, 1 of <variable>, and many other use cases). However, screen readers read the variable and not the content ascribed to the variable.

 

ASK:

Is there a way to get screen readers to read the content and not the variable? Something with JavaScript to change the aria-label?

 

I will be indebted to anyone who has a good solution!

 

Thanks,
Matt

      This topic has been closed for replies.

      2 replies

      OH_CP_Lover_&_Hacker
      OH_CP_Lover_&_Hacker
      Inspiring
      April 13, 2022

      Hello Captivate folks!

      Say, I noticed there has not been much said about automatically getting Captivate variables to be read nicely by  readers...so I did some exploring/hacking during the ole pandemic....and wanted to share a very simple test project with you all......

       

      Use the link below to test your accessibility readers to see if they will read you back actual variable values instead of the usual reading of...$$varname$$...etc.

       

      NOTE: this is a very very basic demo to see how my basic idea works......if it seems to be working and you are intrested....I'd be happy to share my algorithm I came up with........I did not put tons of time in making the demo look nice and etc....its just to the point for example and testing purposes. 

       

      ALL Items in highlighted in YELLOW are all objects that contain one or more Captivate variables.....

       

      Very basic demo URL: https://bit.ly/3jCl0fw

       

      Again, this is just a test to see how well my search and replace algorithm works.  My tests have all seem to be working smoothly.    This for sure will be geared toward advanced Captivate users who have a basic understanding of JavaScript and Captivate's internal data structures.

       

      Just seeking feedback on if it works or not....if the idea seems to be working correctly....I'll share how it was done so that others better than I can make it even better....

       

      Thanks in advace for your time and feedback.

       

        C
        CaliforniaSurferAuthor
        Known Participant
        September 28, 2022

        I'll love if you shared how you did this!  Thanks in advance.

          Stagprime2687219
          Stagprime2687219
          Legend
          April 28, 2021

          You could change the aria-label of something with the following script.

          $("#itemName").attr("aria-label","newAriaLabel");

          In the example above - itemName is the name of the item whose aria-label you want changed.

          newAriaLabel would be what you want to change the aria-label to be.

           

          Not quite sure how that would work for a variable, though... that is not an object on the stage.

          How are you using the variable that allows it to be picked up by the screen reader?

          C
          CaliforniaSurferAuthor
          Known Participant
          April 28, 2021

          Thanks! I will have to figure out how to use this. Some of my titles are variables and for flashcards I use variables for the (1 of $$totNum$$).  The screen reader reads this as "One of dollar sign dollar sign ...." instead of the actual number.

            S
            soong17174245
            Participant
            January 5, 2023

            hello @CaliforniaSurfer were you able to figure out a solution to this? Thanks

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