Skip to main content
R
Rhiled
Participant
June 29, 2021
Answered

Disable or Change Object Meta Labels in Captivate for Screen Readers

  • June 29, 2021
  • 2 replies
  • 568 views

Hi All, 

  • Background

I am working on a course that needs to be screen reader accessible (it is my first accessible course). I have been told to test the screen reader function with Windows Narrator as that is the software available to our employees. 
I found a link in the community about using buttons to give a better (or at least more consistent) experience/build for learners as you can then fully control tab order and make sure the accessibility text gets picked up. Community Discussion Here 

There was also a section of the discussion talking about prompting users to disregard the 'clickable' description with JAWS or other readers. 

  • Issue

With my testing the content is presenting correctly and working with tab. However the reader is picking up the meta-tag 'button' and saying it at the end of every tabbed object. 

  • Ask

Is there a way to disable or amend the meta-tag so it is not saying 'button' after every object? 
Am I better off just pre-notifying my screen-reader users about the label? (Ex: "Please be aware that...")
Is there something else I should be considering?

Thank you all in advance for your time and help on this.

    This topic has been closed for replies.
    Correct answer Stagprime2687219

    Another tactic on that same idea is to place the code in a ready function.

     

    $(document).ready(function() {
$("#myButtonName").attr("role", "test");
});

     

    2 replies

    I
    Ilona5EFD
    Participant
    June 30, 2021
    Hallo ilona5EFD,

    I don't know where you talking about, but 11 mounds ago my Phone is going
    to do crazzy stuff at is own.. i have a neibor fight going also 11 mounds
    ago i life white my 2 little children at this adres.

    I cant go on my WiFi at mine one home my children either, i have in almost
    a year 4 Phone trowd away 2 tablet grom my children trow away. Sinds a few
    days I 'm sick i need air it like somedody can make things a lot wors i
    haar voices in my head it scars me i dont know what to do anymore i want my
    live back with my children
    Stagprime2687219
    Stagprime2687219
    Legend
    June 29, 2021

    I have not tested this but here is a thought you may experiment with.

    I believe your button would have an attribute named  role with a value of "button".

     

    I propose we change that value to null or perhaps simply a pair of double quotes  ""

     

    $("#myButtonName").attr("role", null);

    This should remove the attribute.

     

    $("#myButtonName").attr("role", "");

    This should retain the attribute but leave it essentially blank.

     

    The code would need to be placed as an onEnter action for Execute JavaScript

    I wonder how the reader would respond...?

      R
      RhiledAuthor
      Participant
      June 30, 2021

      Thank you so much for this. I tested with each of the suggestions and didn't have luck. 
      I've attached the screenshots in case I put something in wrong. 

      Null attempt above.

      "" attempt above.

       

      Both were set as On Enter execute Javascript. Script was set for current window. The 'Continue Playing the Project' was unticked. 

       

      I really appreciate you taking the time to weigh in. 

      R
      RhiledAuthor
      Participant
      June 30, 2021

      Another tactic on that same idea is to place the code in a ready function.

       

      $(document).ready(function() {
$("#myButtonName").attr("role", "test");
});

       


      Thanks for that update! I got a different result this time. It is now saying 'group' for all of the different trials. Which will at the very least differentiate from actual buttons. After testing through, I did try swapping out "test" with "img" in which is a role attribute I've seen come up before and it read as "image" for the screen reader. So that was great and will work for my images. 

      $(document).ready(function() {
$("#t_Welcome_Message").attr("role", "img");
});

      I did try testing with "txt" and "text" instead of "img" or null/"" and those were not recognized. I'm going to keep playing to see if I can find a more precise role attribute tag.

      Thank you so very much, @Stagprime2687219 . This definitely addresses the issue. 

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