-
Notifications
You must be signed in to change notification settings - Fork 883
Text stroke (shadow) edge case not getting picked up #4064
Copy link
Copy link
Closed
Labels
color contrastColor contrast issuesColor contrast issuesfixBug fixesBug fixesprA pr has been created for the issueA pr has been created for the issuerulesIssue or false result from an axe-core ruleIssue or false result from an axe-core rulesupport
Milestone
Description
This should pass, however when I run it through axe the text-stroke is seen as too thin to be relevant. Not sure why that is, but this end up with a 1px stroke around text that is really fairly readable. My guess is this comes because it has move overlapping shadows than I initially accounted for:
<style>
h3 {
text-shadow:
-1px -1px 0 #000,
0 -1px 0 #000,
1px -1px 0 #000,
1px 0 0 #000,
1px 1px 0 #000,
0 1px 0 #000,
-1px 1px 0 #000,
-1px 0 0 #000;
color: #ffcc00;
font-size: 24px;
letter-spacing: normal;
text-transform: uppercase;
}
</style>
<h3>Hello World</h3>Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
color contrastColor contrast issuesColor contrast issuesfixBug fixesBug fixesprA pr has been created for the issueA pr has been created for the issuerulesIssue or false result from an axe-core ruleIssue or false result from an axe-core rulesupport
Type
Fields
Give feedbackNo fields configured for issues without a type.