我有这个按钮，我想添加一个aria-label，但我想绑定它，使我没有硬编码文本在我的文件，所以我试图数据绑定它，但我没有得到咏叹调标签显示正确。
以下是屏幕阅读器的工作方式和阅读内容：
<button class="styling" aria-label="Some random text">
<span class="icon"></span>
</button>但这是我想要的工作，但它没有显示具有适当文本的咏叹调标签：
<button class="styling" data-bind="attr:{'aria-label': textFromModal}">
<span class="icon"></span>
</button>最新消息：
这是我拥有的模态-我知道它正在工作，因为我正在显示它的其他项目，它们显示得很好。
DisplayViewModal = function(){
var self;
self = {
....
textFromModal: 'Label text to show',
....
};
return self;
}
return DisplayViewModal;
2条答案
按热度按时间wgmfuz8q1#
这似乎是工作（对我来说，在FF）。虽然我没有访问一个屏幕阅读器，它的行为与预期的屏幕阅读器棒。
1.启用wand
1.将鼠标悬停在按钮上。
1.请参阅预期文本。
1.确认DOM显示区域标签。我在IE11中也看到了这一点。
您是否正在使用屏幕阅读器？可以禁用它以确认您看到绑定的数据。然后启用它并查看它是否未被绑定。
k75qkfdt2#
我也遇到了同样的错误，结果是，当
textFromModal没有值时，它没有显示。当我设置它时，它开始工作了。我的HTML代码如下所示：我用
<button>检查了一下，工作原理是一样的。