使用JavaScript截断文本但保持原始屏幕阅读器可访问

时间:2014-05-15 17:19:48

标签: javascript html html5 wai-aria

我的文字可能会分成多行,但如果超出最大字符数,则应将...添加到末尾。

示例 - 原始文字= A link to something截断文字= A link ...

有没有办法存储原始文本,以便可以访问屏幕阅读器?我一直在研究咏叹调属性,但我不确定这些是否可以帮助解决这种情况。

这是我当前代码的小提琴,但我认为它非常容易访问:http://jsfiddle.net/9s57b/

这是我的HTML:

<a href="#" class="js-text">A link to something</a>

这是我的JavaScript:

var element = document.querySelector('.js-text'),
  // innerText for IE, textContent for other browsers
  text = element.innerText || element.textContent,
  textArray = text.split(''),
  textArrayLength = textArray.length,
  maxCharacterCount = 7,
  newText = ''; 

if (textArrayLength > maxCharacterCount) {
  for (var i = 0; i < maxCharacterCount; i++) {
    newText += textArray[i];
  }
}

element.innerHTML = newText + ' ...';

0 个答案:

没有答案