Web Accessibility Restrictions

The shadowDom (hidden table accessible only to screen readers) used in RealGridJS was removed and changed to use the grid visible on the screen. Most functions can be used regardless of web accessibility, but functions using the mouse (sorting/filtering, etc.) cannot be performed the same way using auxiliary devices, so you must use the API or refrain from using them.

Limitations

1. Row grouping mode and multi-level column groups are not supported.
2. fixedColumn is not supported.
3. Cannot access footer or headerSummary.
4. <button>,<a> using customRenderer or templateRenderer If you use tag, you cannot use the click event.
5. If accessibility is set to true, when you enter a key in a cell, it will not change to edit mode immediately, but you must use the F2 key or double-click to change to edit mode before using it.
6. If the cell contains content that the reader cannot read, you must use renderer.ariaLabelCallback to enable the reader to read it.
7. People with physical disabilities or visual impairments cannot use a mouse, so they should refrain from using mouse-related events. You cannot click on the header to sort or use filters.
8. You cannot use the check bar separately. (If you need to use the check bar, please contact the technical support team.)
9. You cannot use input tags, etc. through the column header template.

Virtual cursor

1. In order for visually impaired people to use the grid, they must disable the virtual cursor before using it.
2. Some screen readers automatically release the virtual cursor when focus is placed on the grid.
3. When the virtual cursor is set, the table that is the basis of the grid, not the grid, is read.

Keyboard accessibility

1. To move to another element in the grid, change the editOption.exitGridWhenTab property to grid or row. Or, if you set editOptions.useTabKey to false, entering the tab key moves to the next element.
2. In an editor with a list, change to editing mode and press alt+down to display the list. When the list is displayed, use the down/up keys to move to the desired data and then enter it using the enter key.
3. To check or uncheck the check in the checkBar, type ctrl+shift+space (windows) or command+shift+space (mac).
4. Renderers with basic actions, such as linkRenderer and buttonRenderer, execute basic actions when spaceKey is entered. Additionally, to execute using enterKey, set renderer.enterKey to true.
5. For checkRenderer, only spaceKey is available.

※ Accessibility-related options

When creating a grid, you must add the third option as shown below.

gridView = new RealGrid.GridView("realgrid", true, waiOptions);

The default values of waiOptions are as follows.

waiOptions = {
     title: "Real Grid Table (Functions such as button links are executed with the Enter key in the table)",
     description: "A data table consisting of ${columns} columns.",
};

1. If nothing is specified, it will be set as default.
2. Set the title and description appropriate for each screen.