如何<textarea>与标签关联以实现<p>辅助功能(屏幕阅读)

Question

我需要阅读与屏幕阅读器段落相关的文本区域。但是屏幕阅读器没有阅读内容。我可以在标签上获得屏幕阅读。但不是为段落。

<div class="control-group">
            <p for="learningObjective"><span class="pe-label pe-label--bold" lang="en">Learning Objective -</span>You can enter a goal for this assignment
                that students can see.</p>
            <div class="js-listener">
                <textarea id="learningObjective" name="learningObjective" placeholder="Enter a learning goal for this assignment." ng-model="$ctrl.learningObjective" maxlength="300" ng-paste="$ctrl.removeFormatting($event)"
                 aria-label="Create Instructions. Maximum character length is 300." aria-describedby="learningObjective"></textarea>
            </div>
</div>

Answer 1

<textarea id="learningObjective" [...] aria-describedby="learningObjective"></textarea>

aria-describedby属性指向Textarea标签。使其指向p标签的id。(并在同一时间删除aria-label(