Make it easier for users to see and hear content, including separating foreground and background elements.
Use of Color
(A)
Color is not the only visual means used to convey information, indicate an action, elicit a response, or distinguish a visual element.
9.1.4.1 Can be used without colors
Information conveyed through color should also be accessible even if the color is not perceived; in other words, it should be highlighted by other means (such as boldface or indentation).
Description
Information conveyed through color should also be accessible even if the color is not perceived; in other words, it should be highlighted by other means (such as boldface or indentation).
Example: A form contains both required and optional fields. Required fields are indicated only by a red border. For people with limited color perception, this may not be sufficient to distinguish required fields from optional fields. In such a case, it would make sense to also place an icon next to the fields to indicate the difference between them.
Example: In an application, red and green areas are displayed side by side. People with red-green color blindness cannot distinguish between the two areas.
Relevance and Applicability
Implementation
-
Intrexx's Accessible Layout
Intrexx's accessible layout takes the use of appropriate colors into account. This is the case, for example, with the colors of the buttons and the font colors.
-
In general, you can customize the colors of elements and fonts in Intrexx. There may be exceptions when it comes to charts, but even here, the developer can influence the colors.
Audio Control
(A)
If audio content on a web page plays automatically for more than 3 seconds, there must be either a way to pause or stop playback, or a way to adjust the volume independently of the general system volume.
9.1.4.2 Sound Can Be Turned Off
Sounds that play automatically and do not stop after three seconds should be able to be turned off.
Relevance and Applicability
This success criterion is not relevant in the context of Intrexx.
Intrexx does not generate any sounds.
Contrast (Minimum)
(AA)
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1. Large text and images of large text have a contrast ratio of at least 3:1.
9.1.4.3 Sufficient text contrast
All text on the page should have sufficient brightness contrast under all conditions.
Description
This success criterion aims to ensure sufficient contrast between the text and the background so that the text can be read even by people with moderate visual impairment (who do not use contrast-enhancing aids).
Relevance and Applicability
Implementation
-
Intrexx's Accessible Layout
Intrexx's accessible layout ensures that sufficient text contrast is provided.
-
In general, you can adjust the contrast of text in Intrexx.
Change text size
(AA)
With the exception of subtitles and images within a text, the text can be modified by up to 200 percent without the use of assistive technology, without any loss of content or functionality.
9.1.4.4 Text can be enlarged to 200%
It should be possible to enlarge text by up to 200 percent without losing any content or functionality. At least one of the following conditions must be met: The browser's zoom function allows the font size to be increased to 200% (which often causes the page to reflow into a new layout); a control at the top of the page allows the font size to be increased
Description
This success criterion is intended to ensure that visually presented text, including text-based controls, can be successfully scaled so that it can be read directly by people with mild visual impairments without the need for assistive technologies such as a screen magnifier.
Relevance and Applicability
Implementation
Intrexx portal and application pages can be easily zoomed in to 200% (using the browser's zoom function). This ensures optimal display. The site's functionality remains fully intact.
Images from a Text
(AA)
If the techniques used can achieve a visual presentation, then text—rather than images—is used to convey information.
9.1.4.5 Avoiding Text-Based Graphics
Graphics should not be used to display text. Logos are excluded from this.
Relevance and Applicability
This success criterion is not relevant in the context of Intrexx.
The use of text graphics is not supported in Intrexx. If they are used after all, this falls under the responsibility of the application developer.
Contrast (increased)
(AAA)
The visual presentation of text and images in a document has a contrast ratio of at least 7:1.
Description
This success criterion corresponds to the criterion listed above, "Sufficient contrast in text." However, the contrast requirement is even higher here, so that the AAA level is achieved.
A contrast ratio of 7:1 compensates for the loss of contrast sensitivity experienced by people with visual impairments who do not use assistive devices, and it also enhances contrast in cases of color vision deficiencies.
Relevance and Applicability
Implementation
In the Intrexx accessible layout, the contrast ratio is 4.5:1. As an application developer, you can increase the contrast to 7:1 in the "Design" module.
More Information
Quieter or no background audio
(AAA)
1.4.7 Lower volume or no background audio
1.4.7 Low or No Background Audio
Relevance and Applicability
This success criterion is not relevant in the context of Intrexx.
Intrexx is not designed to support background audio content.
Visual Presentation
(AAA)
For the visual presentation of blocks of text, there is a mechanism for achieving the following:
- The user can select the foreground and background colors.
- The width is no more than 80 characters or glyphs (40 if they are CJK characters).
- The text is not justified (it is aligned to both the left and the right).
- The line spacing within paragraphs is at least 1.5 times the standard line spacing, and the spacing between paragraphs is at least 1.5 times the line spacing.
- The text size can be scaled up to 200 percent without the use of assistive technology, in such a way that the reader does not have to scroll horizontally to read a line of text in a full-screen window.
Relevance and Applicability
Implementation
Images from a Text (No Exception)
(AAA)
1.4.9 Images in a Text (No Exceptions)
1.4.9 Images of Text (No Exception)
If the techniques used can achieve a visual presentation, then text—rather than images—is used to convey information.
Relevance and Applicability
This success criterion is not relevant in the context of Intrexx.
The use of text graphics is not supported in Intrexx. If they are used after all, this falls under the responsibility of the application developer.
Reflow
(AA)
Content can be displayed without any loss of information or functionality, without requiring two-dimensional scrolling, for:
-
vertically scrolling content with a width of 320 CSS pixels;
-
Horizontally scrolling content with a height of 256 CSS pixels.
An exception is made for certain parts of the content whose use or meaning requires a two-dimensional layout.
When the browser window width is 320 CSS pixels (or when the browser window width is 1280 CSS pixels and the zoom level is 400%), page content should wrap in such a way that all information and functions are available without requiring users to scroll horizontally.
Relevance and Applicability
General Implementation
Content in Intrexx wraps to the next line unless the application developer has specified different configurations in an element's properties. This does not apply to data tables and images that are permitted as exceptions, as well as other elements that require a two-dimensional layout.
Non-text contrast
(AA)
A contrast ratio of at least 3:1 with adjacent colors applies to the visual presentation of:
User interface elements: Visual information required to identify user interface elements and states, except for inactive elements or when the appearance of the element is determined by the user agent and not modified by the author;
Graphic Objects: Parts of graphics that are necessary for understanding the content, unless a specific presentation of the graphics is essential to conveying the information.
9.1.4.11 Sufficient contrast in graphics and graphical user interface elements
Relevance and Applicability
General Implementation
In general, all graphical user interface elements can be labeled with additional text or text alternatives.
Text Spacing
(AA)
For content implemented using markup languages that support the following text style properties, there will be no loss of content or functionality if you apply all of the following settings and do not change any other style properties:
- Line height (line spacing) of at least 1.5 times the font size;
- Line spacing of at least twice the font size;
- Letter spacing (character spacing) of at least 0.12 times the font size;
- Set the word spacing to at least 0.16 times the font size.
9.1.4.12 Customizable text spacing
Relevance and Applicability
Implementation
The required text spacing can be adjusted in the "Design" module.
More Information
Content when the pointer hovers over it or when it has keyboard focus
(AA)
1.4.13 Content When Hovering with the Pointer or Keyboard Focus
1.4.13 Content on Hover or Focus
If additional content becomes visible when the pointer hovers over an element or when keyboard focus is applied, and that content is subsequently hidden again when the pointer or keyboard focus is removed, the following must be true:
Discardable: There is a mechanism to discard the additional content without moving the pointer or keyboard focus, unless the additional content indicates an input error or does not obscure or replace other content;
Hoverable: If additional content can be triggered by hovering the pointer over it, the pointer can be moved over the additional content without the additional content disappearing;
Persistent: The additional content remains visible until the trigger for the “hover” or “focus” is removed, the user dismisses it, or the associated information is no longer valid.
9.1.4.13 Accessible Overlaid Content
Relevance and Applicability
General Implementation
You can configure content display settings in Intrexx. The application developer is responsible for preventing inappropriate pop-ups.