数据绑定咏叹调标签不工作按钮标签

我有这个按钮，我想添加一个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;

来源

2016-02-05 072et

显示绑定的viewmodel。 –

让我们看看viewmodel，“textFromModal”可能是空白的，这就是为什么没有显示aria标签。 – Adrian

查看Knockoutjs上下文调试器 - https://chrome.google.com/webstore/detail/knockoutjs-context-debugg/oddcpmchholgcjgjdnfjmildmlielhof?hl=en - 如果textFromModel具有值，它应该能够给出线索。 –

这似乎工作（对我来说，在FF）。尽管我无法访问屏幕阅读器，但屏幕阅读器棒的行为与预期相同。

启用条形码读入器
将鼠标悬停在按钮。
请参阅预期文字。
确认DOM显示区域标签。我也在IE11中看到这一点。

您是否正在使用屏幕阅读器？也许禁用它来确认你看到数据被绑定。然后启用它并查看它没有被绑定。

来源

2016-03-01 17:11:14

您是否使用某种插件的这种黑色菜单？我在哪里可以获得“屏幕阅读器魔杖”？ –

数据绑定咏叹调标签不工作按钮标签

回答

相关问题