Our surveys have been flagged as non-508 compliant because of empty html label tags. We are running version 2.73 (waiting to change until the 4.0 roll-out). I believe the flag may have occurred because of a missing label closing tab (/label), or perhaps because the div is after the label-for opening tag. My problem is that I cannot figure out which file generates the following html rendition of my question page:
<!-- PRESENT THE QUESTIONS (in SurveyRunTime )-->
<!-- Question-->
<div id="question17902" class="list-radio mandatory col-xs-12 question-container">
<!-- Question title-->
<div class="row question-wrapper question-title-container">
<div class="col-sm-12 questiontext">
<div class="qnumcode question-text">
<span class="text-danger asterisk">
I1 Please tell us whether you are a faculty/staff member, a parent, a student, a community member, or a district staff member.
</div>
</div>
</div>
<!-- Question valid message-->
<!-- <div class="row question-wrapper"> <div class="col-sm-12 questionvalidcontainer"> <div class="text-info questionhelp " role="alert" id="vmsg_17902" > <div id='vmsg_17902_default' class='em_default emtip '> <span class='fa fa-exclamation-circle' aria-hidden="true"></span> Choose one of the following answers</div> </div> </div> </div>-->
<!-- Answer-->
<div class="row question-wrapper answer-container">
<div class="col-sm-12 answer">
<!-- List Radio-->
<!-- answer-->
<div class="list-unstyled radio-list answers-list">
<!-- answer_row-->
<div id="javatbd943542X703X17902I101" class="col-xs-12 form-group answer-item radio-item radio">
1
<input class="radio" type="radio" value="I101" name="943542X703X17902" id="answer943542X703X17902sI101" onclick="if (document.getElementById('answer943542X703X17902othertext') != null) document.getElementById('answer943542X703X17902othertext').value='';checkconditions(this.value, this.name, this.type)" aria-labelledby="label-answer943542X703X17902sI101">
11
<label for="answer943542X703X17902sI101" class="control-label radio-label">
<!-- The label text is provided inside a div, so final user can add paragraph, div, or whatever he wants in the subquestion text This field is related to the input thanks to attribute aria-labelledby-->
<div class="label-text label-clickable" id="label-answer943542X703X17902sI101">
Faculty/Staff Member
</div>
</div>
<!-- end of answer_row-->
<!-- answer_row-->
Can someone please point me to the right file to modify, or give me some other ideas on how to make these labels 508 compliant?
159.65.191.94/ls/index.php/943542?lang=en
is a link to the survey in question.
Thank you.