如何在ngMaterial中禁用ngAria？

Question

ngAria(一个辅助功能模块)正在为我的Angular Material项目添加一个不必要的bower导入 - 现在它正在抛出警告:

节点上缺少可访问性所需的属性"aria-label"

我只添加了ngAria,因为它似乎是ngMaterial所必需的.我的应用程序不需要屏幕阅读器可访问性.

无论如何,我如何从ngMaterial中删除ngAria？或者至少禁用所有警告.

编辑: 似乎禁用ngAria警告的唯一简单方法是console.warn = function() {};关闭浏览器的警告(我不建议这样做,因为它可能会隐藏与咏叹调无关的警告)

Answer 1

从1.1.0开始,可以全局禁用消息:

app.config(function($mdAriaProvider) {
   // Globally disables all ARIA warnings.
   $mdAriaProvider.disableWarnings();
});

(但请注意其他答案中关于咏叹调标签对可访问性非常重要的讨论!)

Answer 2

据我所知,ngAria不能被禁用,不应被禁用它是角度材料的核心部分.

要禁用警告,您可以添加aria-label="..."到特定的以下项目

• 输入
• MD-按钮
• MD-对话
• MD-图标
• MD-复选框
• MD-单选按钮
• MD-滑块
• MD-开关

我想,我已经覆盖了所有这些,但可能还有其他如此警惕!

Answer 3

我认为Salal Aslam的答案更好,但如果您想暂时禁用Aria警告,您可以console.warn对原始问题中建议的覆盖进行调整.也许这样的东西:

console.realWarn = console.warn;
console.warn = function (message) {
    if (message.indexOf("ARIA") == -1) {
        console.realWarn.apply(console, arguments);
    }
};

编辑:对于复杂情况,可能需要更复杂的解决方案.查看Shaun Scovil的Angular Quiet控制台

Answer 4

只需aria-label="WriteHereAnyLabelYouLike"在md-checkbox上添加另一个标签,它就可以解决问题.

<md-checkbox type="checkbox" ng-model="account.accountant" class="md-primary" layout-align="end" ng-true-value="1" ng-false-value="0" aria-label="ShowHideAccountant" ></md-checkbox>

咏叹调标签="WriteHereAnyLabelYouLike"