jquery 作为辅助功能错误的一部分,如何覆盖KendoUI表向导控件的aria-label

3okqufwl  于 2023-02-03  发布在  jQuery
关注(0)|答案(1)|浏览(154)

如何定制表格向导的鼠标悬停时的aria-label。我突出显示了表格向导的下拉菜单。

NVDA/JAWS屏幕阅读器阅读起来像“单位像素”。所以我想覆盖的宽度为“宽度单位像素”和“高度单位像素”的高度下拉像素选择的咏叹调标签文本。请让我知道这是可能的。
下面是文本编辑器的URL。打开链接enter link description here。然后点击“创建表格”按钮。然后将打开上面的弹出窗口。

flvlnr44

flvlnr441#

是的,这是可能的。你必须手动完成。把你的代码放在change事件上。下面是一个修改aria-label的例子。这个例子是一个全面的修改,您必须自己确定更改,但这应该可以帮助您开始。方法是找到要更改的标签的span。下面的示例将标签更改为“一个标签来统治他们所有”,从“单位”。尝试下面的代码对DOJO。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.3.913/js/kendo.all.min.js"></script>
</head>
<body>
  
<textarea id="editor"></textarea>
<script>
  
  $("#editor").kendoEditor({
    messages: {
      tableWizard: "Table Wizard"
    },
    change: function() {
      var $spans = $("body").find("span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md");
      
      $spans.each(function() {
        $(this).attr("aria-label", "One label to rule them all");
      });
    }
  });
</script>
</body>
</html>

相关问题