Opened 11 years ago

Closed 11 years ago

#5374 closed defect (fixed)

grid high contrast: no indication of row selection when in high contrast mode

Reported by: Becky Gibson Owned by: Becky Gibson
Priority: high Milestone: 1.2
Component: a11y - review Version: 0.9
Keywords: a11y grid Cc: Becky Gibson
Blocked By: Blocking:

Description (last modified by dylan)

When a row is selected the background color is changed - both in the row itself and in the gridview (in tundra theme). This background color change is not visible in high contrast mode so we need an additional mechanism to indicate that a row is selected. Many designers object to the inclusion of a column with a checkbox just to indicate row selection so dojo should provide another mechanism.

Options: 1) require the use of dojox.GridRowView? in the structure and include a character that can be made visible in high contrast mode when row is in selected state 2)require the use of dojox.GridRowView? in the structure and add a border to the rowbar cell when the associated row is selected in high contrast mode 3)add a dotted or dashed border around the selected row - this can be hard to see and adding borders can sometimes be problematic since it can change the row height

Change History (4)

comment:1 Changed 11 years ago by Becky Gibson

(In [11814]) refs #5374 adds a border around the rowbar cell of a selected row when in high contrast mode to make selection visible. Requires that grid structure includes dojox.GridRowView? in order to be low vision accessible. Needs more work as doesn't yet work in IE.

comment:2 Changed 11 years ago by sorvell

Milestone: 1.11.2
Owner: changed from sorvell to Becky Gibson

[12863] makes an attempt at this by underlining the selected row with a black dashed line.

Passing this back to Becky for approval. If this is not acceptable, hopefully, we can lightly tweak the css.

comment:3 Changed 11 years ago by dylan

Component: DojoX Grida11y - review
Description: modified (diff)

comment:4 Changed 11 years ago by Becky Gibson

Resolution: fixed
Status: newclosed

Yes, this seems to work. I initially had some issues but then realized that not all of the test files use the tundra theme and/or do not import tundraGrid.css. As long as use tundra and properly import tundraGrid.css it works and is visble in high contrast mode so am closing. Thanks!

Note: See TracTickets for help on using tickets.