リンク内にspan要素を追加して、javacriptでアクセシビリティ（AA）にする

Question

プラグインをよりモダンで使いやすくするために、プラグインを変更しようとしています。問題はアイコンです：私はそれを見えるようにするためにテキストでスパン要素を追加する必要があります。

私のjavascriptは以下の通りです：私はそのよう.innerHTMLでHTMLを注入するために行を追加しようとしました

function _createInformationLink(linkText, linkHref) { 
    var infoLink = document.createElement('a'); 

    _setElementText(infoLink, linkText); 
    infoLink.href = linkHref; 
    infoLink.target = '_blank'; 
    infoLink.style.marginLeft = '8px'; 

    return infoLink; 
} 

：

function _createInformationLink(linkText, linkHref) { 
    var infoLink = document.createElement('a'); 

    _setElementText(infoLink, linkText); 
    infoLink.href = linkHref; 
    infoLink.target = '_blank'; 
    infoLink.style.marginLeft = '8px'; 
    infoLink.innerHTML = "<span class='sr-only'>Close cookie policy</span>"; 

    return infoLink; 
} 

しかし、それは動作しませんでした。なにか提案を？

UPDATE：

機能_setElementTextは以下の通りです：代わりに.innerHTMLの

function _setElementText(element, text) { 
    var supportsTextContent = 'textContent' in document.body; 

    if (supportsTextContent) { 
     element.textContent = text; 
    } else { 
     element.innerText = text; 
    } 
} 

Answer 1

をあなたが一緒にそれを追加し、その要素を生成することができますそのようなテキスト：

function _createInformationLink(linkText, linkHref) { 
    var infoLink = document.createElement('a'); 

    _setElementText(infoLink, linkText); 
    infoLink.href = linkHref; 
    infoLink.target = '_blank'; 
    infoLink.style.marginLeft = '8px'; 
    var srSpan = document.createElement('span') 
    srSpan.innerText = 'Close cookie policy' 
    srSpan.classList.add('sr-only') 

    infoLink.appendChild(srSpan); 

    return infoLink; 
} 

Answer 2

多分使用してみてください：

infoLink.classList.add('sr-only')