Html 如何关联<；textarea>；使用<；p>；可访问性标签（屏幕读取）

我需要从屏幕阅读器中读取与段落相关的文本区域。但屏幕阅读器并没有读取内容。我可以在屏幕上阅读标签，但不能阅读段落

<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>

学习目标-您可以为此作业输入目标
学生可以看到的

---

aria descripbeby

属性指向textarea标记。指向

p

标签的

id

。（并同时移除

aria标签）
任何原因您不能将
更改为
？它已经有了一个“for”属性，这表明开发人员希望它是一个
，并获取最大字符数并将其填充到标签文本中。没有理由将该信息仅限于SR用户。
<textarea id="learningObjective" [...] aria-describedby="learningObjective"></textarea>