In the following table, you will find an overview of all the elements available in applications.
You will find the following information in the "Barrier-free" column:
Yes - The element is barrier-free.
Restricted - The element is accessible if you configure it accordingly as an application developer.
No - The element is not barrier-free. If you want to develop an accessible application, you must not use this element.
In the input field below you can enter a term, by which the table will then be filtered.
Label | Barrier-free | Keyboard | More information |
|---|---|---|---|
Alpha-index | Yes | TAB Navigate between filter entries | Please note that filter controls should be placed within a grouping of the type "fieldset" so that a meaningful title can be assigned. |
View field | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
View table | Yes | TAB Navigate between table header entries ENTER Sort table columns Arrow keys With a screen reader, you can navigate between the cells and columns using the arrow keys. | For view tables, it is helpful to use the ARIA attribute "aria-label". You can enter a text that describes the table content (see |
| Calendar - display selection | No | ||
| Calendar - resource selection | No |
| |
| Drop-down list | Yes | TAB Set focus on the element ENTER Open selection list Arrow keys Navigate between the list entries | Can also be labeled with ROLE attributes and ARIA attributes, for example to describe the state of the list ("aria-expanded"). |
| Tree | No | TAB Navigating in the tree structure ENTER Open next tree level | There are limitations when operating with the keyboard. For example, layers in the tree structure cannot be closed with the keyboard. |
| Tree view | No | TAB Navigating in the tree structure ENTER Open next tree level | There are limitations when operating with the keyboard. For example, layers in the tree structure cannot be closed with the keyboard. |
| Calculation | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
| Boolean values | Yes | SPACEBAR Activate and deactivate | Please note that filter controls should be placed within a grouping of the type "fieldset" so that a meaningful 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 switch from [strong] CTRL-I to switch from [emphasis] CTRL-` to toggle [code font] CTRL-SHIFT-0 to turn the current text block into a paragraph CTRL-SHIFT-1 to CTRL-SHIFT-6 for creating the current text block a heading of the corresponding level CTRL-SHIFT-BACKSLASH to turn the current text block into a code block CTRL-SHIFT-8 to pack the selection into an ordered list CTRL-SHIFT-9 to include the selection in a bulleted list CTRL-> to enclose the selection in a quotation mark ENTER to split a non-empty text block in a list element and split the list element at the same time CTRL-ENTER to insert a hard break CTRL-_ to insert a horizontal line BACKSPACE to undo an input rule ALT-ARROWN for `joinUp` ALT ARROW NINTS 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" element requires drag-and-drop operation and is therefore not barrier-free. | |
| 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. | |
| Edit field | Yes | TAB Set focus on the element | |
| Exchange tree | Yes | ||
| Exchange file selection for attachments | Yes | ||
| Exchange file view for attachments | Yes | ||
| FileWalker | Restricted | TAB | In the "FileWalker" element, the "File options" are only accessible when you move the mouse over the tile.
To make the "FileWalker" element completely accessible, you must hide the cogwheel displayed on hover in the "Design" module. |
| Filter information | Yes | TAB | Please note that filter controls should be placed within a grouping of the type "fieldset" so that a meaningful title can be assigned. |
| Free layout table | Yes | In a free-layout table, navigation is the same as on a portal or application page. |
|
| Grouping | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
| Calendar plugin | Yes | TAB Jump to the appointment list Arrow keys Navigate between appointments in the list | You can configure the calendar to be accessible. Detailed information on this can be found in section Accessible calendar. |
| Calendar filter | No | ||
| Checkbox | Yes | SPACEBAR Select and deselect the element | |
| View checkbox | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
| Checkbox selection | Yes | SPACEBAR Select and deselect the element TAB Navigate between the checkboxes | Please note that filter controls should be placed within a grouping of the type "fieldset" so that a meaningful 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. | The ARIA role "separator" can be used for the "Line" element. |
| Listbox | Yes | TAB Focus list elements. Arrow keys Navigate between the list elements | 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 associated text field. That ensures the title is read out loud correctly. See also the section Listbox. |
| Multiple selection | No | Use Multiple Selection 2.0. | |
| Multiple Selection 2.0 | Yes | TAB, arrow keys for navigation. ESCAPE Close multiple selection SPACEBAR or ENTER (de)select selection | |
| Multiple Selection view | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
| Multiple Selection 2.0 view | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
| MS365 OneDrive | No | ||
| Navigation (records) | Yes | TAB, ENTER, SPACEBAR Navigate between the data 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 grouping of the type "fieldset" so that a meaningful title can be assigned. |
| Option field | Yes | Arrow buttons Switch between the options | If you have activated the "Display title as legend element" checkbox in the "General" tab and have also created a field title, you must delete the "for" attribute in the field title in the "Expert" tab. |
| Path navigation for tree | Yes | TAB Navigate through the path navigation | |
| Plugin selection (calendar) | Restricted | The element cannot be operated with the keyboard. | To ensure that the "Plugin selection (calendar)" element can be used completely barrier-free, you as the application developer must preset the plugins so that they can no longer be selected or deselected in the browser by the portal user. |
| Portlet container | — | This element does not represent a single operable element on the user interface. | This element ensures that other pages can be included on a page as portlets. |
| Grids | — | This element does not represent a single operable element on the user interface. | This element ensures that pages are responsive. |
| Research | Restricted | TAB Navigate between table header entries ENTER Sort table columns Arrow keys With a screen reader, you can navigate between the cells and columns using the arrow keys. | Deactivate the research function for the element to be used like a view table. |
| Resource | Restricted | TAB Jump to the appointment list Arrow keys Navigate between appointments in the list | You can configure the "Resource" element in the same way as the "Calendar" element so that it is accessible. Detailed information on this can be found in section Accessible calendar. |
| Button | Yes | Press the ENTER or SPACEBAR button. | If you have selected the "Data Picker" action type for the "Button" element, you must not activate the "Automatically display result from an input length of ... characters" checkbox under " |
| Slider | Yes | TAB Set focus on the element Arrow keys Change value | Operation with the Chromevox screen reader is not possible. |
| Horizontal sortable grouping | No | The element cannot be operated with the keyboard. | You should not use this element. |
| Sortable grouping vertical | No | The element cannot be operated with the keyboard. | You should not use this element. |
| Sortable list | No | TAB Set focus on the element Arrow keys Navigate between the list entries | The drag & drop functionality is not available for this element. |
| View sortable list | Restricted | 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 a Web author, you have to implement a suitable navigation with the keyboard. | |
| Search | Yes | SPACE BAR or ENTER Start or trigger search | The ARIA role "search" can be used for the "search" element. In the properties of the button, on the "Actions" tab, the checkboxes - "Show search options" - "Show addiction tabs" - "Show search suggestions" must be deactivated. |
| Calendar - Appointment series | No | TAB | The calendar icon cannot be controlled with the keyboard. |
| Text area | Yes | In the text field, texts can be entered with the keyboard. The established ways of using the keyboard apply. | Do not activate TinyMCE In the "Text field" element, you have the option of activating the TinyMCE and thus making the TinyMCE available to the portal user as an editor. (Please refer to the section Text field / Text field view) The TinyMCE is not classified as fully accessible by INTREXX GmbH, so you should refrain from using it from the point of view of accessibility. |
| Text box view | Yes | The element is not interactive. Interaction with the keyboard is not required. | |
| Calendar - Forward/Backward | Yes | TAB Set focus on the element ENTER Navigate forwards and backwards | |
| VTL Include | Yes | As a Web author, you have to implement a suitable navigation with the keyboard. | |
| Value selection (drop-down list) | Yes | TAB Set focus on the element Arrow keys Navigate between the list entries | Please note that filter controls should be placed within a grouping of the type "fieldset" so that a meaningful title can be assigned. |
| Value range | Yes | TAB Set focus on the element | Please note that filter controls should be placed within a grouping of the type "fieldset" so that a meaningful title can be assigned. |
| Value selection (open presentation) | Yes | TAB Set focus on the element Arrow keys Navigate between the list entries | If possible, select the value "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 grouping of the type "fieldset" so that a meaningful title can be assigned. |
(Advanced)". (Further information can be found in section
Send us an e-mail