将有效标签关联到此输入字段 sonarqube

Question

Sonarqube 在这行代码中发现了一个错误：

  <div class="dropdown-language">
        <label>{{'GENERALE.LINGUA' | translate }}</label>
        <select #langSelect (change)="translate.use(langSelect.value)" class="lang-style" id="language">   ---> **HERE**
              <option *ngFor="let lang of translate.getLangs()" [value]="lang" [selected]="lang === translate.currentLang">{{ lang }}</option>
            </select>   
    </div>

没看懂这部分代码哪里有问题

Answer 1

如果 sonarcube 错误是您的标题（“将有效标签关联到此输入字段 sonarqube”）。这可能是在警告您存在可访问性问题，因为为了屏幕阅读器，没有与您的输入直接关联的标签。

尝试为标签添加一个 for 属性以定位输入

<label for="language" ...

或者输入的 aria 标签和标签的 id 反过来做同样的事情：

<label id="languageLabel" ...
<input aria-labelledby="languageLabel" ...

将有效标签关联到此输入字段 sonarqube

Associate a valid label to this input field sonarqube

typescript

sonarqube

angular