【问题标题】:does Web Accessibillity works well with BackboneWeb Accessibility 是否适用于 Backbone
【发布时间】:2014-06-18 03:10:43
【问题描述】:

我在使用带有 Backbone 的 Web Accessibility(使用 ARIA)时遇到问题。当视图被渲染时,焦点会自动转到该视图,屏幕阅读器会按照视图渲染的顺序读取该部分。这是正确的行为吗?我想控制它,因为我希望屏幕阅读器按照我想要的顺序阅读内容。请告诉我您的建议。

【问题讨论】:

    标签: backbone.js accessibility backbone-views wai-aria


    【解决方案1】:

    如果您在视图中使用模板,则可以将 ARIA 属性放在 HTML 标记中。

    <ul role="tablist">
     <li id="ch1Tab" role="tab">
      {{data}}
     </li>
    </ul>
    

    就屏幕阅读器而言,它会从上到下阅读,但不会触发它再次阅读页面。

    这里是关于Accessibility and all these JavaScript frameworks的方法的讨论

    Javascript 不是问题,它是在浏览器中呈现的标记的基础。 w

    【讨论】:

    • 感谢 Nol 的更新,这是我在组合框中更改后重新渲染的代码(组合框包含帐户列表)。我想在不调用视图的情况下刷新视图。这可能吗。组合框 acctRefresh 中的每次更改都会调用以下函数: function(){ this.render(); acctHeadView.render(); acctFooterView.render(); /*$('#acctDetailSub').focus(); $('#acctDetail').focus(); $('#headChange').focus();*/ $('#modelName').val(selVal); }
    • 我的问题是有没有办法在不再次调用渲染函数的情况下更新视图,因为这会导致问题。看起来类似于 Angular 绑定。谢谢。
    • 如果你有一个事件..比如点击你可以做这样的事情$('.target').append(this.$el.html(this.template()))但是你需要某种方式来触发它
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多