如何将<textarea>与&lt; p&gt;关联可访问性标签(屏幕阅读)

时间:2017-05-30 09:12:34

标签: html accessibility

&lt; p&gt;我需要从屏幕阅读器中读取与段落相关联的文本区域。但是屏幕阅读器没有阅读内容。我可以为标签实现屏幕阅读。但不能用于段落。 &LT; / p为H. &lt; pre&gt;&lt; code&gt;&lt; div class =&#34; control-group&#34;&gt;             &lt; p for =&#34; learningObjective&#34;&gt;&lt; span class =&#34; pe-label pe-label - bold&#34; lang =&#34; zh&#34;&gt;学习目标 - &lt; / span&gt;您可以输入此作业的目标                 学生可以看到。&lt; / p&gt;             &lt; div class =&#34; js-listener&#34;&gt;                 &lt; textarea id =&#34; learningObjective&#34;命名=&#34; learningObjective&#34;占位符=&#34;输入此作业的学习目标。&#34; NG-模型=&#34; $ ctrl.learningObjective&#34; MAXLENGTH =&#34; 300&#34; NG-膏=&#34; $ ctrl.removeFormatting($事件)&#34;                  aria-label =&#34;创建说明。最大字符长度为300。&#34;咏叹调-describedby =&#34; learningObjective&#34;&GT;&LT; / textarea的&GT;             &LT; / DIV&GT; &LT; / DIV&GT; &LT; /代码&GT;&LT; /预&GT;

1 个答案:

答案 0 :(得分:2)

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

aria-describedby属性指向textarea标记。指向id标记的p。 (并在同一时间内删除aria-label