Opened 12 years ago

Closed 12 years ago

#3273 closed defect (fixed)

Display icon next to input box when the value is invalid

Reported by: bill Owned by: Becky Gibson
Priority: high Milestone: 1.0
Component: Accessibility Version: 0.9
Keywords: Cc:
Blocked By: Blocking:

Description

As Owen pointed out, since changing the CSS of a input box to indicate error condition (ie, setting the border color) won't be visible in high contrast mode, should display an icon next to widgets that have an invalid value.

This should be in the template for each widget (or maybe generated; i'm not sure), and then the theme controls whether it shows up or not.

Oh, I guess for high contrast mode we shouldn't use an icon but rather a character, and then for themes like tundra, can use either a background-image or just not display anything. Basically, how Tree works.

Not sure what character to use; maybe the frowny face from "miscellaneous symbols" in http://www.unicode.org/charts/symbols.html :-). But I'm not sure if that shows up on all browsers.

Change History (11)

comment:1 Changed 12 years ago by Becky Gibson

I'm concerned about high contrast mode - this really should have some kind of title text because people may not easily interpret the character or symbol. I guess we could use an ascii 'x' for high contrast mode - that is a bit lame but if we use a symbol it really should include title text to describe it ("error") but then we get into i18n issues.

comment:2 Changed 12 years ago by Becky Gibson

Status: newassigned

comment:3 Changed 12 years ago by davidb

Owner: changed from Becky Gibson to davidb
Status: assignednew

comment:4 Changed 12 years ago by davidb

Status: newassigned

comment:5 Changed 12 years ago by davidb

Is it okay if the page reflows? Or should the indicator space be reserved?

comment:6 Changed 12 years ago by davidb

Status: assignednew

comment:7 Changed 12 years ago by davidb

As per a11y chat today we will create a space for the icon even when not shown so that no reflow is necessary.

comment:8 Changed 12 years ago by Becky Gibson

Owner: changed from davidb to Becky Gibson

comment:9 Changed 12 years ago by Becky Gibson

Status: newassigned

comment:10 Changed 12 years ago by bill

Milestone: 0.91.0

Punting to 1.0. Note that the icon needs to appear for validation text boxes, combobox, dateTextBox, spinner, etc.

comment:11 Changed 12 years ago by Becky Gibson

Resolution: fixed
Status: assignedclosed

(In [10344]) fixes #3273 add icon to indicate validation error and display next to control

Note: See TracTickets for help on using tickets.