# Accessibility

[Accessibility](https://www.w3.org/WAI/fundamentals/accessibility-intro/) is an important and necessary standard for modern web applications. 
There's a set of various techniques that allow making an application or a web site handier to use or work with. 

To make an easier access and interaction with DHTMLX Gantt for people with disabilities, the component contains a set of accessibility features:

- WAI-ARIA Attributes
- Keyboard  Navigation
- High-Contrast Theme

## WAI-ARIA Attributes

DHTMLXGantt provides WAI-ARIA support that implies the use of special attributes in the component's markup.
These are additional attributes which make the component recognizable for screen readers. 

You can find more information in the [official specification](https://www.w3.org/WAI/standards-guidelines/aria/) of WAI-ARIA.

WAI-ARIA attributes in Gantt are enabled by default, to disable them you can use the *wai_aria_attributes* property with the *false* value:

~~~js
gantt.config.wai_aria_attributes = true;
~~~

## Keyboard Navigation

This technique implies providing access to all functionality of an application via the corresponding keys and key combinations
instead of navigating through an application with a mouse pointer. 

You will find the detailed information in the [Keyboard Navigation](guides/keyboard-navigation.md) article.

## High-Contrast Themes {#highcontrastthemes}

DHTMLXGantt supports a theme that uses contrasting colors which make the app's interface more distinct and easier to see.
The high-contrast theme will be helpful for people with special or particular visual needs.

There are two variants of contrast theme available: 

- contrast black skin

![contrast_black_skin](/img/contrast_black_skin.png)

~~~html
<link rel="stylesheet" href="../../codebase/dhtmlxgantt_contrast_black.css" 
    type="text/css" media="screen" title="no title" charset="utf-8">
~~~


[High contrast theme - Black](https://docs.dhtmlx.com/gantt/samples/06_skins/07_high_contrast_black.html)


- contrast white skin

![contrast_white_skin](/img/contrast_white_skin.png)

~~~html
<link rel="stylesheet" href="../../codebase/dhtmlxgantt_contrast_white.css" 
    type="text/css" media="screen" title="no title" charset="utf-8">
~~~


[High contrast theme - White](https://docs.dhtmlx.com/gantt/samples/06_skins/08_high_contrast_white.html)
