Ok,

I'll add other WAI-ARIA attributes to make clear to screen reader software how many items are selected in the desktop version (the screen readers already tell the user if an item is selected or not, each items is wrapped inside label element with a for attribute set to an unique checkbox id)

As for visual feedback, should we display the checkbox like in low screen mode?

Samuel

2016-04-25 18:39 GMT-03:00 Aline Manera <alinefm@linux.vnet.ibm.com>:

Hi Samuel,

I don't like the idea to have only the color as reference to know which element is selected.
Based on the accessibility issues open, the color must not be the unique reference to user decide on what to do.
Said that, my suggestion is, in addition to color, add a check icon or something like that.

Regards,
Aline Manera

On 04/25/2016 04:29 PM, sguimaraes943@gmail.com wrote:

From: Samuel Guimarães <sguimaraes943@gmail.com>

This patch updates wok.list.js widget to allow multiple selection in Debug Reports and Repositories in Gingerbase.
Another patch was sent to Ginger Dev List covering the changes necessary.
This patch also includes changes in Wok SCSS and CSS aiming accessibility and responsive design.

Samuel Guimarães (1):
   Changes in wok.list.js widget to allow multiple selection

  ui/css/bootstrap.custom.css            |   8 +-
  ui/css/src/modules/_buttons.scss       |   8 +
  ui/css/src/modules/_wok-forms.scss     |   1 +
  ui/css/src/modules/_wok-grid.scss      | 254 +++++++++++++++++++++++++++-----
  ui/css/src/modules/_wok-variables.scss |   4 +-
  ui/css/wok.css                         | 257 ++++++++++++++++++++++++++++-----
  ui/js/src/wok.list.js                  | 174 +++++++++++-----------
  7 files changed, 538 insertions(+), 168 deletions(-)