aria

sets aria labels for clickable areas of widgets

object aria;

Example

webix.i18n.aria = {
     increaseValue:"Increase value",
     decreaseValue:"Decrease value",
     navMonth:["Previous month", "Next month"],
     navYear:["Previous year", "Next year"],
     navDecade:["Previous decade", "Next decade"],
     removeItem:"Remove item",
     pages:["First page", "Previous page", "Next page", "Last page"],
     page:"Page",
     headermenu:"Header menu",
     openGroup:"Open column group",
     closeGroup:"Close column group",
     closeTab:"Close tab",
     showTabs:"Show more tabs",
     resetTreeMap:"Reset tree map",
     navTreeMap:"Level up",
     nextTab:"Next tab",
     prevTab:"Previous tab",
     multitextSection:"Add section",
     multitextextraSection:"Remove section",
     showChart:"Show chart",
     hideChart:"Hide chart",
     resizeChart:"Resize chart"
};

Details

Clickable areas that need such labels include buttons and icons within widgets that cannot be configured in widget constructor, namely:

  • increaseValue - aria label for "+" counter button
  • decreaseValue - aria label for "-" counter button
  • navMonth - aria labels for previous and next month buttons in calendar
  • navYear - aria labels for previous and next year buttons in calendar
  • navDecade - aria labels for previous and next decade buttons in calendar
  • removeItem - aria label for multicombo "x" button
  • pages - aria labels for pager navigation buttons
  • page - aria label for pager numbered buttons
  • headermenu - aria label for headermenu icon in datatable
  • openGroup - aria label for "+" (open group) icon in datatable
  • closeGroup - aria label for "-" (close group) icon in datatable
  • closeTab - aria label for "x" icon on a closable tab in tabbar
  • showTabs - aria label for "show more tabs" icon in a responsive tabbar
  • resetTreeMap - aria label for "reset tree map" icon in a zoomed-in treemap
  • navTreeMap - aria label for "level up" icon in a zoomed-in treemap
  • nextTab - aria label for ">" icon in the carousel navigation panel
  • prevTab - aria label for "<" icon in the carousel navigation panel
  • multitextSection - aria label for "+" multitext icon
  • multitextextraSection - aria label for "-" multitext icon
  • showChart - aria label for "show chart" button in the chart legend
  • showChart - aria label for "hide chart" button in the chart legend
  • resizeChart - aria label for rangechart sizing handle.

You need to call setLocale to apply the new aria labels.

See also
Back to top