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
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.