{"id":3713,"date":"2016-09-01T17:00:03","date_gmt":"2016-09-01T13:00:03","guid":{"rendered":"http:\/\/dhtmlx.com\/blog\/?p=3713"},"modified":"2023-05-05T13:13:36","modified_gmt":"2023-05-05T10:13:36","slug":"dhtmlxgantt-4-1-full-accessibility-support","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxgantt-4-1-full-accessibility-support\/","title":{"rendered":"dhtmlxGantt 4.1: Full Accessibility Support and Performance Improvements"},"content":{"rendered":"<p>Let&#8217;s begin the Autumn days with a new Gantt version 4.1 that brings us some cool and significant updates:<\/p>\n<ul>\n<li>Keyboard Navigation<\/li>\n<li>WAI-ARIA support<\/li>\n<li>High-contrast themes<\/li>\n<li>Updated Auto Scheduling and Critical Path calculations<\/li>\n<li>Performance improvements for worktime calculation and timescale rendering<\/li>\n<\/ul>\n<p>Now let&#8217;s describe each of them.<\/p>\n<h3>Accessibility<\/h3>\n<p>Starting from the version 4.1, dhtmlxGantt becomes more accessible for using it in the web applications for the people with some types of disabilities. For these purposes, keyboard navigation, WAI-ARIA and high-contrast themes are released.<\/p>\n<p><strong>&#8211; WAI-ARIA support <\/strong><\/p>\n<p>To increase the accessibility of web pages and UI, dhtmlxGantt starts supporting WAI-ARIA based on the common <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/aria\/\" target=\"_blank\">standards<\/a>. Now developing a web application and enabling WAI-ARIA attributes in your code, the screen reader users will be able to use Gantt Charts to the full extent.<\/p>\n<p><strong>&#8211; High-contrast themes<\/strong><\/p>\n<p>Two more skins appear in dhtmlxGantt: black contrast theme and white contrast theme. Both of them passed the contrast tests and are appropriate for people with some types of visual disabilities.<\/p>\n<p>Black contrast theme:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-black.png\" alt=\"Contrast theme black\" width=\"900\" height=\"325\" class=\"aligncenter size-full wp-image-3719\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-black.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-black-300x108.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-black-768x277.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p align=\"center\"><em><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/06_skins\/07_high_contrast_black.html\" target=\"_blank\" >Click to open a sample<\/a><\/em><\/p>\n<p>White contrast theme:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-white.png\" alt=\"Contrast theme white\" width=\"900\" height=\"315\" class=\"aligncenter size-full wp-image-3720\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-white.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-white-300x105.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Contrast-theme-white-768x269.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p align=\"center\"><em><a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/06_skins\/08_high_contrast_white.html\" target=\"_blank\" >Click to open a sample<\/a><\/em><\/p>\n<p><strong>&#8211; Keyboard navigation <\/strong><\/p>\n<p>This feature will be useful for the users who cannot use any pointing device, and for those who feel more comfortable to navigate Gantt via keyboard. So you can enable keyboard navigation functionality that includes a set of shortcuts keys to control the component from the keyboard without using a mouse or a any pointing device. <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/samples\/02_extensions\/16_keyboard_navigation.html\" target=\"_blank\">Open the sample and try yourself.<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Shortcuts-for-gantt.png\" alt=\"Shortcuts for gantt\" width=\"900\" height=\"450\" class=\"aligncenter size-full wp-image-3721\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Shortcuts-for-gantt.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Shortcuts-for-gantt-300x150.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/Shortcuts-for-gantt-768x384.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>What is more, keyboard navigation functionality is quite extendable so you are welcome to customize it to your needs and add your own shortcuts. The supporting information about how to enable this functionality and other details can be found in our <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__keyboard_navigation.html\">documentation<\/a>.<\/p>\n<h3>Updated Auto Scheduling and Critical Path calculations<\/h3>\n<p>Since dhtmlxGantt 4.1, <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__auto_scheduling.html\">auto scheduling<\/a> and <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/desktop__critical_path.html\">critical path calculation<\/a> features are significantly improved so that all the known problems with these functionalities are solved. <\/p>\n<h3>Performance improvements for worktime calculation and timescale rendering<\/h3>\n<p>Moreover, improvements made on timescale rendering and worktime calculation will provide you much faster gantt chart. You don&#8217;t need to enable any modes for this, enjoy the performance all the time.<\/p>\n<p>This update also includes bug fixes and small improvements. More detailed information about this release you may find in <a href=\"https:\/\/docs.dhtmlx.com\/gantt\/whatsnew.html\">our docs<\/a>. PRO users can login to their Client&#8217;s Area or wait a bit for the official newsletter with the download link.<\/p>\n<p>The users of the Standard Edition may <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/download.shtml\">download the package from our website<\/a> or update via CDN.<\/p>\n<p><a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGantt\/download.shtml\" onclick=\"gadhx(this,event,'download-gantt-41-blog')\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/banner-gantt-accessibility.png\" alt=\"banner gantt accessibility\" width=\"900\" height=\"300\" class=\"aligncenter size-full wp-image-3722\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/banner-gantt-accessibility.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/banner-gantt-accessibility-300x100.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/09\/banner-gantt-accessibility-768x256.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p>We hope that you enjoy our new Gantt 4.1! Feel free to leave your thoughts in the comments section, we are looking forward to hear your feedback!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s begin the Autumn days with a new Gantt version 4.1 that brings us some cool and significant updates: Keyboard Navigation WAI-ARIA support High-contrast themes Updated Auto Scheduling and &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3714,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1,38],"tags":[33,20,4],"class_list":["post-3713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-releases","category-uncategorized","category-visible","tag-all-posts","tag-gantt","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=3713"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3713\/revisions"}],"predecessor-version":[{"id":8689,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3713\/revisions\/8689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3714"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=3713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=3713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=3713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}