Need assistance in resolving accessibility concern with 'Character remaining' text in Text entry question | XM Community
Skip to main content

I am facing an issue where the screen reader echoes the 'Character remaining' text after every character input, which is quite annoying for users. To address this, I tried implementing a solution to hide the 'Character remaining' text until the user enters 15 characters. While the solution partially works, it does not completely resolve the issue. I am looking for guidance on how to disable the screen reader from announcing or displaying the 'Character remaining' text from the first character input. Your assistance in resolving this accessibility concern would be greatly appreciated.

 

var qid = this.questionId;
var questionContainer = this.getQuestionContainer();
var inputElement = jQuery(questionContainer).find('textarea');
var reminderElement = jQuery('#QID616-RemainingChars');

reminderElement.hide();

inputElement.on('input', function(){
var characterCount = inputElement.val().length;

if(characterCount >=15){
reminderElement.show();
reminderElement.attr('aria-atomic', 'false');
reminderElement.attr('aria-live', 'polite');
} else {
reminderElement.show();
reminderElement.attr('aria-atomic', 'true');
reminderElement.attr('aria-live', 'off');
}
});

@TomG : Do you have any suggestion on this?


I used this workaroud (not an actual solution) to achieve a similar goal of not having participants see the Characters remaining message:

Qualtrics.SurveyEngine.addOnload(function() {
    // Change the color and font size of the "Characters remaining" message
    jQuery("#"+this.questionId+"-RemainingChars").css({
        "color": "white",       
        "font-size": "6px"   
    });
});

 

 

 

 


Leave a Reply