如何使Meteor.js可以访问例如盲人?

时间:2014-02-26 15:05:46

标签: meteor accessibility

Meteor.js网站上没有正文,没有标记,如何让盲人,聋人等网站访问?

1 个答案:

答案 0 :(得分:6)

W3C有一个专门为富Web应用程序设计的可访问性计划。这个概念太大了,无法在此总结,但包含一些最佳实践以及围绕所谓ARIA

的标签和属性。

此外,Mozilla开发网络有一个dedicated section和一个FAQ来帮助你。

这个例子简单地说就是这样,直接标记中的进度条示例

<div id="percent-loaded" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" />

或更好,通过javascript,因为应用程序应该是一个丰富的,而不是静态HTML:

// Find the progress bar <div> in the DOM.
var progressBar = document.getElementById("percent-loaded");

// Set its ARIA roles and states, so that assistive technologies know what kind of widget it is.
progressBar.setAttribute("role", "progressbar");
progressBar.setAttribute("aria-valuemin", 0);
progressBar.setAttribute("aria-valuemax", 100);

// Create a function that can be called at any time to update the value of the progress bar.
function updateProgress(percentComplete) {
  progressBar.setAttribute("aria-valuenow", percentComplete);
}

关于Meteor,因为它是一个丰富的Web应用程序开发框架,所以您可以使用所有aria属性疯狂。