WCAG Perceivable Support

According to the Web Content Accessibility Guidelines (WCAG) definition of the Perceivable accessibility principle, "information and user interface components must be presentable to users in ways they can perceive".

The Perceivable principle provides the following categories of success criteria:

Text Alternatives

The 1.1 Text Alternatives WCAG category requires you to "provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language".

The success criteria under the Text Alternatives category is 1.1.1 Non-Text Content, Conformance Level A. The Kendo UI for Angular components provide labels for built-in non-text content such as icons.

Time-Based Media

The 1.2 Time-Based Media WCAG category requires you to "provide alternatives for time-based media". The category is not applicable to Kendo UI for Angular because it does not include time-based media.

Adaptable

The 1.3 Adaptable WCAG category requires you to "create content that can be presented in different ways (for example simpler layout) without losing information or structure" and includes the following success criteria:

  • 1.3.1 Info and Relationships, Conformance Level A.
    • Kendo UI for Angular uses WAI-ARIA attributes and semantic markup to make information, structure, and relationships available to screen readers.
  • 1.3.2 Meaningful Sequence, Conformance Level A.
    • The criteria is not applicable to Kendo UI for Angular because the ordering of content depends on the application logic.
  • 1.3.3 Sensory Characteristics, Conformance Level A.
    • The Kendo UI for Angular components include labels and do not rely solely on shape, size and location of items.
  • 1.3.4 Orientation, Conformance Level AA.
    • The Kendo UI for Angular components do not restrict their view and operation to a single display orientation.
  • 1.3.5 Identify Input Purpose, Conformance Level AA.
    • The Kendo UI for Angular components include labels to identify the purpose of input fields.
    • (Tip) Add labels to identify the purpose of Kendo UI for Angular input components.
  • 1.3.6 Identify Purpose, Conformance Level AAA.
    • Kendo UI for Angular includes labels to identify the purpose of UI elements such as icons.

Distinguishable

The 1.4 Distinguishable WCAG category requires you to "make it easier for users to see and hear content including separating foreground from background" and includes the following success criteria:

  • 1.4.1 Use of Color, Conformance Level A.
    • The Kendo UI for Angular components do not rely solely on color to convey information.
  • 1.4.2 Audio Control, Conformance Level A.
    • The criteria is not applicable to Kendo UI for Angular because the components do not include audio.
  • 1.4.3 Contrast (Minimum), Conformance Level AA.
  • 1.4.4 Resize Text, Conformance Level AA.
    • The Kendo UI for Angular components do not require additional actions to meet this criteria.
  • 1.4.5 Images of Text, Conformance Level AA.
    • Except for the Chart, the Kendo UI for Angular components do not include images of text.
  • 1.4.6 Contrast (Enhanced), Conformance Level AAA.
    • The themes that ship with Kendo UI for Angular do not meet the enhanced contrast ratio of 7:1.
    • (Tip) Adjust the theme colors by using the Kendo UI Theme Builder or color swatches.
  • 1.4.7 Low or No Background Audio, Conformance Level AAA.
    • The criteria is not applicable to Kendo UI for Angular because the components do not include audio.
  • 1.4.8 Visual Presentation, Conformance Level AAA.
    • The criteria is not applicable to Kendo UI for Angular because the visual representation of blocks of text depends on the application styling.
  • 1.4.9 Images of Text (No Exception), Conformance Level AAA.
    • Except for the Chart, the Kendo UI for Angular components do not include images of text.
  • 1.4.10 Reflow, Conformance Level AA.
    • The criteria is not applicable to Kendo UI for Angular because the content dimensions depend on the application styling.
  • 1.4.11 Non-Text Contrast, Conformance Level AA.
    • The themes that ship with Kendo UI for Angular meet the minimum contrast ratio of 3:1 for non-text elements.
  • 1.4.12 Text Spacing, Conformance Level AA.
    • The Kendo UI components continue to function normally when larger text spacing is in use.
  • 1.4.13 Content on Hover or Focus, Conformance Level AA.
    • The Tooltip and Menu allow extensive customization of the open and close behavior.
    • Currently, the Chart tooltips cannot be dismissed with the keyboard.

In this article