网页内容可访问性指南？

Question

<span aria-describedby="" class="itemText">${itemText.itemName}</span>

如果我使用aria-describedby="${itemText.itemName}"

，我无法获得价值

Answer 1

如果我理解正确你试图做这样的事情：

<span aria-describedby="${itemText.itemName}" class="itemText">${itemText.itemName}</span>

但是，您无需将范围文本添加到aria-describedby属性。

在这种情况下，当页面加载时，屏幕阅读器已经读取了跨度内的文本。添加aria-describedby属性实际上可能会导致某些读者读取它两次。

Answer 2

似乎您希望屏幕阅读器阅读元素的描述，但是我告诉您aria-decribedby的工作原理。

aria-decribedby仅包含引用ID，前提是它存在于同一页面中，aria所描述的aria永远不会接受带硬引号的字符串。

aria- describeby属性用于指示描述对象的元素的ID。它用于在小部件或组与描述它们的文本之间建立关系。

例如：

<input type="text" placeholder="Landmark" aria-label="Landmark" aria-describedby="description">
  
<span id="description">This Field Only Accepts Alphabets</span>