WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Color for positive / negative value

for

Number of posts in this thread: 4 (In chronological order)

From: Sumit Patel
Date: Fri, May 10 2024 8:29PM
Subject: Color for positive / negative value
No previous message | Next message →

Hai all,

I have a page where a list of shares are given. Next to these names, the
current price of that share and its last change are also mentioned.
For example :
"XYZ
1010
10"
Here, 1010 is the current trading price and 10 is the last change in price.
Heer, 10 will be written in either red or green color to indicate whether
the share went up or down .
So, just by adding + / - along with the color would be sufficient to pass
1.4.1 or something also needs to be made as an alternative ?


Regards,
Sumit.

From: Birkir R. Gunnarsson
Date: Sat, May 11 2024 2:52AM
Subject: Re: Color for positive / negative value
← Previous message | Next message →

Exactly, either add a + to positive, - to negative or both.
It just has to be an indication other than color.
If that indication is a graphic (not text) it must have a text alternative.

So if you add an icon that looks like a plus but isn't actually the +
symbol, it should have alt="up" or "plus"..

From: Dax Castro
Date: Mon, May 13 2024 10:58AM
Subject: Re: Color for positive / negative value
← Previous message | Next message →

Yes. Adding the additional text indicator satisfies Use of Color.

Thanks!

Dax Castro, ADS
Certified Digital Accessibility Trainer
Accessibility Advocate | IAAP
www.accessibilityUnraveled.com

From: Jared Smith
Date: Mon, May 13 2024 2:46PM
Subject: Re: Color for positive / negative value
← Previous message | No next message

As has been noted, adding the adjacent text is sufficient to meet the WCAG requirements.

Instead of the "-" hyphen character used in your email, or dash or similar, which are very likely to be ignored by screen readers, you should instead use the correct negative / minus sign symbol (or − in HTML) which is much more likely to be identified.

Jared