Accessibility
Introduction
Application version used for review: 3.8.0
Although the application is formally following the WCAG and ARIA specifications and requirements, a full set of accessibility features is not always possible to achieve in a complex business application used for managing drawings and visual content,
There are still some areas that require a compromise between functionality and accessibility. Below you will find some information related to accessibility features available and a review of level A and AA compliance for WCAG.
Web Content Accessibility Guidelines (WCAG)
This Section describes conformance with WCAG 2.1 level A and AA.
Requirement | Level | Description | Status | Conformance | |
|---|---|---|---|---|---|
1.1.1 Non-text Content | A | All non-text content that is presented to the user has a text alternative that serves the equivalent purpose | Controls, Input
Time-Based Media, Test, Sensory, CAPTCHA
Decoration, Formatting, Invisible
| ||
Guideline 1.2 Time-based Media | 1.2.1 Audio-only and Video-only (Prerecorded) | A | For prerecorded audio-only and prerecorded video-only media | Video content is uploaded by the system users. System does not offer any built in video and/or audio content. | |
1.2.2 Captions (Prerecorded) | A | Captions are provided for all prerecorded audio content in synchronized media | Video content is uploaded by the system users. System does not offer any built in video and/or audio content. User uploaded video should contain proper captions if needed. | ||
1.2.3 Audio Description or Media Alternative (Prerecorded) | A | An alternative for time-based media or audio description of the prerecorded video content is provided for synchronized media | Video content is uploaded by the system users. System does not offer any built in video and/or audio content. | ||
1.2.4 Captions (Live) | AA | Captions are provided for all live audio content in synchronized media. | Video content is uploaded by the system users. System does not offer any built in video and/or audio content. | ||
1.2.5 Audio Description (Prerecorded) | AA | Audio description is provided for all prerecorded video content in synchronized media. | Video content is uploaded by the system users. System does not offer any built in video and/or audio content. | ||
1.3.1 Info and Relationships | A | Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. Consider possibility to use Using ARIA landmarks to identify regions of a page https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html | Review of how Form Fields are built, to indicate required fields compatible with assistive technology. Review Grid View headers and cells navigation and captions. Review checkboxes - labels for each checkbox can be programmatically determined by assistive technology. | ||
1.3.2 Meaningful Sequence | A | When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined. Verify navigation sequence and table reading sequence | Application presents complex business data. The content must be interpreted by a knowledgeable individual. The sequence does not have to be followed in a specific order. | ||
1.3.3 Sensory Characteristics | A | Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, color, size, visual location, orientation, or sound. | All symbols have text value assigned. This does not apply to drawing viewer as its impossible to describe drawings uploaded by system users. | ||
1.3.4 Orientation | AA | Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential. | Application can be run on a variaety of screen sizes and orientation. For best productivity a minimum resolution of 1024x760 is advised. | ||
1.3.5 Identify Input Purpose | AA | The purpose of each input field collecting information about the user can be programmatically determined when: The input field serves a purpose identified in the Input Purposes for User Interface Components section; and | All input fields have descriptive labels or aria-labels. | ||
Guideline 1.4 Distinguishable | 1.4.1 Use of Color | A | Make it easier for users to see and hear content including separating foreground from background. | Disabled items do not receive focus and provide good feedback (form fields, buttons) | |
1.4.2 Audio Control | A | If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level. | Not applicable | ||
1.4.3 Contrast (Minimum) | AA | Verify themes and all elements for minimum contrast ratio:
| See High Contrast Accessibility Theme section below as well as theme contrast rating. | ||
1.4.4 Resize text | AA | Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. | There are three themes available with different font size. Additionally, application can take advantage of browser zoom function. | ||
1.4.5 Images of Text | AA | If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text | No images of text are used except drawing content that might contain images of text. | ||
1.4.6 Contrast (Enhanced) | AAA | Support hi-contrast mode?
| Application supports high contrast mode. For more information, see High Contrast Accessibility Theme section below as well as theme contrast rating. | ||
1.4.10 Reflow | AA | Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels;
Content exceptions for re-flow:
| For a complex graphical web application, a full re-flow is not possible. | ||
1.4.11 Non-text Contrast | AA | User Interface Components required contrast 3 : 1 | There is adequate contrast in GUI components for easy identification of application components. | ||
1.4.12 Text Spacing | AA | In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:
| No large portions of text or paragraphs are presented in the application. Legible letter-spacing must be determined on a case-by-case basis, as different font families have different character widths. There is no one value that can ensure all font families automatically maintain their legibility. Changing letter spacing or line height is not supported. | ||
1.4.13 Content on Hover or Focus | AA | Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: Dismissable A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; Hoverable If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; Persistent The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid. Exception: The visual presentation of the additional content is controlled by the user agent and is not modified by the author. | Additional content displayed on hoover:
| ||
Guideline 2.1 Keyboard Accessible | 2.1.1 Keyboard | A | All functionality of the content is operable through a keyboard interface without requiring specific timings |
No timing restrictions apply. | |
2.1.2 No Keyboard Trap | A | If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away Focus can be moved using only keyboard (not requiring mouse) | Focus can be moved by keybord Context menu can be opened using Fn Menu button. Drawing content cannot be operated based on keyboard input alone. | ||
2.1.4 Character Key Shortcuts | A | If a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: Turn off A mechanism is available to turn the shortcut off; Remap A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc); Active only on focus The keyboard shortcut for a user interface component is only active when that component has focus. | Key shortcuts are active only for focused elements No single letter shortcuts are used. Some key shortcuts are used for copy/paste/delete (Ce.g. trl+C) Special keys are always required: Esc, Ctrl, Shift | ||
2.2.1 Timing Adjustable | A | For each time limit that is set by the content, at least one of the following is true:
| No time limited functions are present. | ||
2.2.2 Pause, Stop, Hide | A | For moving, blinking, scrolling, or auto-updating information, all of the following are true: Moving, blinking, scrolling Auto-updating | Some drawing elements blink slightly to indicate new element. This is not repetitive and is non intrusive. Some dialogs use auto update function with pre-set intervals. This is essential to represent current state. The refresh function can be disabled. | ||
2.3.1 Three Flashes or Below Threshold | A | Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. | No flashes above three times. | ||
2.4.1 Bypass Blocks | A | A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. | Not applicable | ||
2.4.2 Page Titled | A | Web pages have titles that describe topic or purpose. | Not applicable | ||
2.4.3 Focus Order | A | If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability. | |||
2.4.4 Link Purpose (In Context) | A | The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. | |||
2.4.5 Multiple Ways | AA | More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process. | Not applicable | ||
2.4.6 Headings and Labels | AA | Headings and labels describe topic or purpose. | |||
2.4.7 Focus Visible | AA | Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. | Yes, although not every part of the interface can be fully operated using keyboard (Drawings) | ||
Guideline 2.5 Input Modalities | 2.5.1 Pointer Gestures | A | All functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential. | User interface controls offer the operation using plus and minus buttons to zoom in and out. Drag and Drop links can be also performed using menu options (copy / paste) | |
2.5.2 Pointer Cancellation | A | For functionality that can be operated using a single pointer, at least one of the following is true:
| Down event does not perform the operation (up event is required) | ||
2.5.3 Label in Name | A | For user interface components with labels that include text or images of text, the name contains the text that is presented visually. |