Overview of Intrexx Application Elements
The following table provides an overview of all the elements available to you in applications.
In the "Accessibility" column, you will find the following information:
Yes— The element is accessible.
Limited - The element is accessible if you, as an application developer, configure it accordingly.
No— The element is not accessible. If you want to develop an accessible application, you must not use this element.
|
Description |
Accessible |
Keyboard |
More Information |
|---|---|---|---|
|
Alphaindex |
Yes | TAB: Navigating Between Filter Entries |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
|
Viewport |
Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
|
View Table |
Yes |
TAB: Navigating Between Table Header Entries ENTER Sort Table Columns Arrow Keys: With a screen reader, you can use the arrow keys to navigate between cells and columns. |
For view tables, it is helpful to use the ARIA attribute "aria-label." You can enter text that describes the table's contents (see |
| Calendar - View Options | No | ||
| Calendar - Select Resources | No |
|
|
| Shortlist | Yes |
TAB: Focus on the element ENTER Open Selection List Arrow keys: Navigate between list entries |
It can also be marked up with ROLE attributes and ARIA attributes to describe, for example, the state of the list ("aria-expanded"). |
| Tree | No |
TAB Navigating the Tree Structure ENTER Open the next level of the tree |
There are some limitations when using the keyboard. Among other things, levels in the tree structure cannot be closed using the keyboard. |
| Tree View | No |
TAB Navigating the Tree Structure ENTER Open the next level of the tree |
There are some limitations when using the keyboard. Among other things, levels in the tree structure cannot be closed using the keyboard. |
| Calculation | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Boolean values | Yes | SPACE BAR: Turn on and off |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
| Content View | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Content Editor | Yes |
CTRL-B to toggle [strong] CTRL-I to toggle [emphasis] CTRL-` to toggle [code font] CTRL-SHIFT-0 to turn the current block of text into a paragraph CTRL-SHIFT-1 through CTRL-SHIFT-6 to create a heading of the corresponding level for the current text block CTRL-SHIFT-BACKSLASH to turn the current text block into a code block CTRL-SHIFT-8 to convert the selection into an ordered list CTRL-SHIFT-9 to enclose the selection in a bulleted list CTRL-> to enclose the selection in quotation marks Press ENTER to split a non-empty block of text within a list item and split the list item at the same time CTRL-ENTER to insert a hard break CTRL-_ to insert a horizontal line Press BACKSPACE to undo the last line of input ALT+UP ARROW for `joinUp` ALT+DOWN ARROW for `joinDown` ESCAPE for `selectParentNode` |
The Content Editor must be used in Markdown mode. |
| File Selection | Yes | TAB | |
| File Selection View | Yes | TAB, ENTER | Depending on the selected template, files can be downloaded or opened in the gallery view. |
|
File Sorting |
No |
The "File Sorting" feature requires drag-and-drop interaction and is therefore not accessible. |
|
| Calendar - Date Display | No |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Dynamic View | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Input field | Yes |
TAB: Focus on the element |
|
| Exchange Tree | Yes | ||
| Exchange File Selection for Attachments | Yes | ||
| Exchange File Selection for Attachments View | Yes | ||
| FileWalker | Limited | TAB |
In the "FileWalker" element, the "File Options" are only accessible when you hover your mouse over the tile.
To ensure that the "FileWalker" element is fully accessible, you must hide the gear icon that appears on hover in the "Design" module. |
| Filter Information | Yes | TAB |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
| Freely Formatted Table | Yes |
In a freely designed table, navigation works the same way as on a portal or application page. |
|
| Grouping | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Calendar | Yes |
TAB Go to the schedule Arrow keys: Navigate between appointments in the list |
You can configure the calendar to make it accessible. For detailed information on this topic, see the section titled " Accessible Calendar." |
| Calendar Filter | No | ||
| Checkbox | Yes | SPACE BAR Select and deselect the element | |
| "View" checkbox | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Checkbox Selection | Yes |
SPACE BAR Select and deselect the element TAB : Navigate Between Checkboxes |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
| Legend | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Line | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
For the "line" element, the ARIA role "separator" may be appropriate. |
| List box | Yes |
Focus on TAB list items . Arrow keys: Navigate between list items |
If you select the value "Unordered List (e.g., list of view elements)" for the HTML element, you must select the ARIA attribute "aria-labelledby" in the "Accessibility" tab and enter the ID of the corresponding text field. That ensures the title is read out loud correctly. See also the " List box" section. |
| Multiple Selection | No |
Use Multiple Selection 2.0. |
|
| Multiple Selection 2.0 | Yes |
TAB, arrow keys for navigation. ESCAPE Close Multiple Selections SPACE BAR or ENTER : Select or deselect |
|
| Multiple Selection View | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Multiple Selection View 2.0 | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| MS365 OneDrive | No | ||
| Navigation (Data Records) | Yes | TAB, ENTER, SPACE BAR Navigate between records | The elements are Image buttons and can be customized in the Manager. |
| Operator | Yes | Arrow keys |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
| Radio button | Yes | Arrow keys : Switch between options |
If you have checked the "Display title as a legend element" checkbox on the "General" tab and have also created a field title, you must delete the "for" attribute from the field title on the "Expert" tab. |
| Path Navigation for Tree | Yes | TAB Navigate using the path navigation | |
| Plugin Selection (Calendar) | Limited |
The element cannot be operated with the keyboard. |
To ensure that the "Plugin Selection (Calendar)" element can be used with full accessibility, you, as the application developer, must preselect the plugins so that portal users can no longer select or deselect them in the browser. |
| Portlet Container | — | This element does not represent a single interactive element on the user interface. |
This element allows other pages to be embedded on a page as portlets. |
| Grid | — | This element does not represent a single interactive element on the user interface. | This element ensures that pages are responsive. |
| Research | Limited |
TAB: Navigating Between Table Header Entries ENTER Sort Table Columns Arrow Keys: With a screen reader, you can use the arrow keys to navigate between cells and columns. |
Turn off the search function. The element can then be used like a view table. |
| Resource | Limited |
TAB Go to the schedule Arrow keys: Navigate between appointments in the list |
You can configure the "Resource" element—just as you would the "Calendar" element—to make it accessible. For detailed information on this topic, see the section titled " Accessible Calendar." |
| Button | Yes | Press the ENTER or SPACE BAR button . |
If you have selected the "Data Picker" action type for the "Button" element, you must not check the "Automatically display result when the input length is ... characters or more" checkbox under " |
| Slider | Yes |
TAB: Focus on the element Arrow keys : Change value |
This feature cannot be used with the Chromevox screen reader. |
| Sortable horizontal grouping | No |
The element cannot be operated with the keyboard. |
You should not use this element. |
| Sortable vertical grouping | No |
The element cannot be operated with the keyboard. |
You should not use this element. |
| Sortable list | No |
TAB: Focus on the element Arrow keys : Navigate between list entries |
This element does not support drag-and-drop functionality. |
| Sortable List View | Limited |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Static Text | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Static Text for Programming | Yes | As an application developer, you must implement appropriate keyboard navigation yourself. | |
| Search | Yes | SPACE BAR or ENTER : Start or trigger the search |
For the "Search" element, the ARIA role "search" may be appropriate. In the button's properties, on the "Actions" tab, the checkboxes - "Show Search Options" - "Show Tabs" - "Show search suggestions" must be disabled. |
| Calendar - Recurring Events | No |
TAB |
The calendar icon cannot be selected using the keyboard. |
| Text field | Yes |
You can enter text into the text field using the keyboard. The usual ways to use the keyboard apply here. |
Do not enable TinyMCE In the "Text Field" element, you can enable TinyMCE, thereby making it available to portal users as an editor. (See the " Text Field / Text Field View" section for more information.) Intrexx GmbH does not classify TinyMCE as fully accessible, so you should avoid using it from an accessibility perspective. |
| Text Field View | Yes |
The element is not interactive. Interaction with the keyboard is not required. |
|
| Calendar - Next/Previous | Yes |
TAB: Focus on the element ENTER : Navigate Forward and Backward |
|
| VTL Include | Yes | As an application developer, you must implement appropriate keyboard navigation yourself. | |
| Value Picklist | Yes |
TAB: Focus on the element Arrow keys: Navigate between list entries |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
| Value range | Yes |
TAB: Focus on the element |
Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |
| Value List Box | Yes |
TAB: Focus on the element Arrow keys: Navigate between list entries |
If possible, select "Standard" under "HTML Element." If you display the filter as a list, you must not create a field title. Instead, you must assign an `aria-label` attribute with a title. Please note that filter controls should be placed within a "fieldset" group so that a descriptive title can be assigned. |