數據綁定詠歎調標籤不工作按鈕標籤

我有這個按鈕，我想添加一個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

您是否使用某種插件的這種黑色菜單？我在哪裏可以獲得「屏幕閱讀器魔杖」？ –

數據綁定詠歎調標籤不工作按鈕標籤

回答

相關問題