Date field calendar icon

[Guy Smith]

SmartClient Version: v11.0p_2016-11-15/LGPL Deployment (built 2016-11-15)

Chrome Version 56.0.2924.87

According to http://www.smartclient.com/smartclie....accessibility "components are fully keyboard navigable and the browser's native focus indicator reveals keyboard focus to the user."

If I create a date field in a modal window then I can tab from the date field to the calendar icon but cannot shift-tab from a subsequent field to the calendar icon.

This can be seen by going to http://www.smartclient.com/#formLayoutTitles clicking on the tiles.js tab and replacing the contents with the following test case:

isc.Button.create({
  click: function() {
    isc.Window.create({
      isModal: true,
      items: [
        isc.DynamicForm.create({
            fields: [
                { name: "A" },
                { name: "B", type: "date", useTextField: true },
                { name: "C" }
            ]
        })
      ],
      autoCenter: true,
      width: 300,
      height: 300
    });
  }
});

Non modal windows do not display this behaviour, i.e. you can tab and shift-tab to the calendar icon. See the following test case and run as above:

isc.Button.create({
  click: function() {
    isc.Window.create({
      items: [
        isc.DynamicForm.create({
            fields: [
                { name: "A" },
                { name: "B", type: "date", useTextField: true },
                { name: "C" }
            ]
        })
      ],
      autoCenter: true,
      width: 300,
      height: 300
    });
  }
});

In editable grids you cannot tab or shift-tab to the calendar icon at all. This can be seen at directly at http://www.smartclient.com/#gridsDataTypesDate

[Guy Smith]

This appears to mean that "SmartClient is a fully accessible technology which fulfills the Section 508 requirements of U.S. government law and similar international standards" is actually an alternative fact.

[Guy Smith]

SmartClient Version: v11.0p_2016-11-15/LGPL Deployment (built 2016-11-15)

Chrome Version 56.0.2924.87

According to http://www.smartclient.com/smartclie....accessibility "components are fully keyboard navigable and the browser's native focus indicator reveals keyboard focus to the user."

If I create a date field in a modal window then I can tab from the date field to the calendar icon but cannot shift-tab from a subsequent field to the calendar icon.

This can be seen by going to http://www.smartclient.com/#formLayoutTitles clicking on the tiles.js tab and replacing the contents with the following test case:

isc.Button.create({
click: function() {
isc.Window.create({
isModal: true,
items: [
isc.DynamicForm.create({
fields: [
{ name: "A" },
{ name: "B", type: "date", useTextField: true },
{ name: "C" }
]
})
],
autoCenter: true,
width: 300,
height: 300
});
}
});

Non modal windows do not display this behaviour, i.e. you can tab and shift-tab to the calendar icon. See the following test case and run as above:

isc.Button.create({
click: function() {
isc.Window.create({
items: [
isc.DynamicForm.create({
fields: [
{ name: "A" },
{ name: "B", type: "date", useTextField: true },
{ name: "C" }
]
})
],
autoCenter: true,
width: 300,
height: 300
});
}
});

In editable grids you cannot tab or shift-tab to the calendar icon at all. This can be seen at directly at http://www.smartclient.com/#gridsDataTypesDate

This is still occurring with the latest version of chrome, i.e. 57.0.2987.133. Is it likely to be fixed any time soon?

[Isomorphic]

With respect to the first case (tabbing through a DynamicForm in a modal window): This issue hasn't been picked up as a priority to fix in 11.0 due to the fact that firstly the date-chooser is reachable via the keyboard through standard forward-tabbing (just not through shift+tabbing) and secondly it doesn't provide any additional functionality for a keyboard user (who can simply enter a date in the text field, or using the select items).

In the 11.1d (development) branch there has been some major overhauling of tab index management, and this issue *has* been addressed as a result of that, but we have no immediate plans to attempt to port this fix back to 11.0.

On the listGrid editing case - the date chooser is indeed excluded from the tab order by default. This was an intentional design decision. It can be overridden by setting a property "canTabToIcons" to true in the field's "editorProperties" block.
This attribute (FormItem.canTabToIcons) is currently undocumented in 11.0 [it has been officially exposed in 11.1]. It does work though, and you've prompted us to make the change to officially expose it. So this will be documented in 11.0 in the next nightly build (May 4 or above)

Regards
Isomorphic Software