Opened 14 years ago
Closed 13 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 14 years ago by
comment:2 Changed 14 years ago by
Status: | new → assigned |
---|
comment:3 Changed 14 years ago by
Owner: | changed from Becky Gibson to davidb |
---|---|
Status: | assigned → new |
comment:4 Changed 14 years ago by
Status: | new → assigned |
---|
comment:5 Changed 14 years ago by
Is it okay if the page reflows? Or should the indicator space be reserved?
comment:6 Changed 14 years ago by
Status: | assigned → new |
---|
comment:7 Changed 14 years ago by
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 13 years ago by
Owner: | changed from davidb to Becky Gibson |
---|
comment:9 Changed 13 years ago by
Status: | new → assigned |
---|
comment:10 Changed 13 years ago by
Milestone: | 0.9 → 1.0 |
---|
Punting to 1.0. Note that the icon needs to appear for validation text boxes, combobox, dateTextBox, spinner, etc.
comment:11 Changed 13 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
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.