Wijmo Build 5.20251.40 Available

Wijmo has just shipped build 5.20251.40. Upholding our commitment to quality, this release includes a long list of bug fixes and is focused on accessibility and improvements to comply with WCAG 2.0 AA standards. We’ve added improvements for the grid and filter controls, as well as our input controls, making it easier for screen readers to convey to the user what content is on the screen. We've also added new keyboard shortcuts for our controls, simplifying and improving user experience. Read the sections below for complete details on:

• Keyboard Shortcut Extensions
• Change Log
• Breaking Changes

Ready to try it out? Download Wijmo Today!

Keyboard Shortcut Extensions

We’ve added more accessibility extensions to our grid, filter, and input controls, including updates to keyboard shortcuts. You can find each of the updates to keyboard shortcuts for our controls below:

• ListBox Documentation
• ComboBox Documentation
• Calendar Documentation
• InputDate Documentation
• Search Documentation
• GroupPanel Documentation
• FlexGrid Documentation

Change Log

• [Accessibility] Enhanced Accessibility support to comply with WCAG 2.0 AA standards. Fixed issues where most Wijmo components reported errors in common accessibility testing tools (Axe-DevTools/ANDI/WAVE). Improved the quality of content read by screen readers (NVDA/JAWS/Narrator/VoiceOver). Added more keyboard support to provide customers with a friendlier control experience. Enhanced the contrast display of certain controls under both default OS themes and high-contrast OS themes.
  • [InputNumber] (WJM-35771)
  • [AutoComplete] (WJM-35778)
  • [DropDown] (WJM-35776)
  • [ListBox] (WJM-35777)
  • [ComboBox] (WJM-35775)
  • [Calendar] (WJM-35773)
  • [InputDate] (WJM-35772)
  • [Popup] (WJM-35774)
  • [Search] (WJM-35769)
  • [GroupPanel] (WJM-35768)
  • [Selector] (WJM-35767)
  • [FlexGridFilter] (WJM-35765)
  • [FlexGrid] (WJM-35764)
  • [DetailRow] (WJM-35766)
  • [TreeGrid] (WJM-35749)
• [FlexGridFilter] Added a "magnifying glass" search icon to the left side of the search box in the value filter. (WJM-35832)
• Newly added APIs:
  • Added two new members, ChangeSelectionOnly and OpenDropdown, to the KeyAction enum for the input module to enhance the Accessibility experience. (WJM-35776)
  • Added two new members, CloseAndKeepFocus and CloseAndMoveFocus, to the TabKeyAction enum for the input module to enhance the Accessibility experience. (WJM-35776)
  • Added two new properties, keyActionDownArrow and keyActionUpArrow, to the DropDown component to enhance the Accessibility experience. (WJM-35776)
  • Added five new properties, ariaLabelledBy, keyActionPrintCharacters, keyActionDownArrow, keyActionUpArrow, and keyActionTab, to the ComboBox component to enhance the Accessibility experience. (WJM-35775)
  • Added three new properties, ariaLabel, keyActionTab, and focusMode, along with one new enum, CalendarTabKeyAction, to the Calendar component to enhance the Accessibility experience. (WJM-35773)
  • Added four new properties, keyActionUpArrow, keyActionDownArrow, keyActionTab, and showConfirmationButtons, to the InputDate component to enhance the Accessibility experience. (WJM-35772)
  • Added one new property, ariaLabelledBy, to the InputNumber component to enhance the Accessibility experience. (WJM-35771)
  • Added one new property, ariaLabelledBy, to the AutoComplete component to enhance the Accessibility experience. (WJM-35778)
  • Added one new property, ariaLabelledBy, to the Popup component to enhance the Accessibility experience. (WJM-35774)
  • Added one new property, ariaLabel, to the GroupPanel component to enhance the Accessibility experience. (WJM-35768)
  • Added one new property, ariaLabel, to each ColumnFilter in the FlexGridFilter component to enhance the Accessibility experience. (WJM-35765)
  • Added one new property, isSubmitOnChange, to the FlexGridSearch component to enhance the Accessibility experience. (WJM-35769)

Breaking Changes

• [InputNumber] Move the ARIA attributes from the host element to the input element to meet WCAG requirements. (WJM-35771)
  • Before: The ARIA attributes are in the host element.
• [AutoComplete] Change the value of the aria-autocomplete attribute on the input element from both to list, more accurately describing the current control behavior. (WJM-35778)
  • Before: The aria-autocomplete attribute is 'both.'
• [ListBox] Replace the input elements of type checkbox in the ListBox with span elements for simulation, aiming to resolve the "Interactive controls must not be nested" error reported by Accessibility testing tools and to ensure consistent styling across different browsers. (WJM-35777)
  • Before: The checkbox is input elements in ListBox.
• [ComboBox] Change the aria-owns attribute in the input element to aria-controls to comply with WCAG recommended practices. (WJM-35775)
  • Before: Only aria-owns attribute in the input element.
• [ComboBox] Open the listbox by default during input printable characters to meet WCAG requirements. The behavior change can be reverted using combobox.keyActionPrintCharacters = wjInput.KeyAction.ChangeSelectionOnly. (WJM-35775)
  • Before: The listbox is not open by default during input printable characters.
• [ComboBox] If the listbox is displayed, pressing the Tab key will close the listbox and move focus to the next focusable element by default to meet WCAG requirements. The behavior change can be reverted using combobox.keyActionTab = wjInput.TabKeyAction.CloseAndKeepFocus. (WJM-35775)
  • Before: The focus is not moved to the next focusable element, the focus remains on the current ComboBox.
• [FlexGrid] When the focus is on the column header and the header contains icons for filter, sort, and pin simultaneously, the Enter/Space key will be used to pin/unpin. You can use ​Ctrl+Shift+F​ for filter, ​Ctrl+Shift+S​ for sort, and ​Ctrl+Shift+P​ for pin. (WJM-35764)
  • Before: The Enter/Space key will be used to filter, no keyboard supported for sort and pin.

Ready to check it out? Download Wijmo Today!