Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[LowVis] Can text shadowing be used to meet minimum contrast requirements? #98

Closed
joshueoconnor opened this issue May 31, 2015 · 11 comments

Comments

Projects
None yet
4 participants
@joshueoconnor
Copy link
Contributor

commented May 31, 2015

Name: Moe Kraft
Email: maureen_kraft@us.ibm.com
Affiliation: IBM
Document: UW
Item Number: Understanding Success Criterion 1.4.3
Part of Item: Sufficient Techniques
Comment Type: technical
Summary of Issue: Can text shadowing be used to meet minimum contrast requirements?
Comment (Including rationale for any proposed change):
On a recent design review call, the designer proposed that although the text color does not meet sufficient contrast minimum requirements with the background color or image, the border around the text does meet contrast minimum requirements and that the text with shadowing should be sufficient to meet the success criteria of 1.4.3.

Is this possible? Should there be guidelines on the weight/thickness of the shadow and that it goes around all the text and not just one side?
Should this be entered as a proposed technique?

A good sample can be seen in the article, Design Accessibly, See Differently: Color Contrast Tips And Toolshttp://www.smashingmagazine.com/2014/10/22/color-contrast-tips-and-tools-for-accessibility/ In the Pay Now images, the middle column shows text with a drop shadow on the foreground text and the tests are in Normal view, gray scale and deuteranopia. http://media.mediatemple.netdna-cdn.com/wp-content/uploads/2014/10/buttongradients-large.png

@joshueoconnor

This comment has been minimized.

@joshueoconnor joshueoconnor changed the title Slovak translation Can text shadowing be used to meet minimum contrast requirements? May 31, 2015

@joshueoconnor joshueoconnor changed the title Can text shadowing be used to meet minimum contrast requirements? [LowVis] Can text shadowing be used to meet minimum contrast requirements? May 31, 2015

@DavidMacDonald

This comment has been minimized.

Copy link
Contributor

commented Jun 2, 2015

Yes a 360 degree drop shadow that surrounds the entire letter is sufficient if it provides the minimum contrast with the letter. We should create a CSS technique for that.

@joshueoconnor

This comment has been minimized.

Copy link
Contributor Author

commented Jun 2, 2015

Thanks David. Are you offering??

@WayneEDick

This comment has been minimized.

Copy link

commented Aug 8, 2015

I am not sure if this will work. It only seems to work with a positive blur, but that is unpredictable.

Judge for yourself:

http://nosetothepage.org/text-shadow-test.html

I made this test. It might be the most extreme case, but if we adopt a technique like this we will have to be very specific.

Wayne

@DavidMacDonald

This comment has been minimized.

Copy link
Contributor

commented Aug 27, 2015

I think we should table this for the low vision committee...

@joshueoconnor

This comment has been minimized.

Copy link
Contributor Author

commented Aug 29, 2015

Thanks David- please update the group with any progress

@DavidMacDonald

This comment has been minimized.

Copy link
Contributor

commented Sep 2, 2015

I've looked at the issue. I believe that we should punt it to the low vision task force. a 360 degree shadow with sufficient contrast should be fine, but this is the type of thing that the Low Vision team might want to vet. There may be certain shadow types, opacity, blur etc that they'll want to explore. Wayne's discussion above is case in point... after they vet the issue we can revisit and put together a sufficient technique.

@joshueoconnor

This comment has been minimized.

Copy link
Contributor Author

commented Sep 12, 2015

Agreed, lets let the Low Vision TF review.

@WayneEDick

This comment has been minimized.

Copy link

commented Sep 12, 2015

I believe essentially the same method used for gradient background would work for this. Tabling is fine, but I think it is quite solvable. I am not sure how to upload code.

@awkawk

This comment has been minimized.

Copy link
Member

commented Dec 1, 2015

Will send to Low Vision TF for consideration.

@awkawk

This comment has been minimized.

Copy link
Member

commented Apr 12, 2016

Preparing to mark as deferred due to inactivity and group resource constraints (https://www.w3.org/WAI/GL/wiki/Handling_Issues).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.