Skip to content

Text stroke (shadow) edge case not getting picked up #4064

@WilcoFiers

Description

@WilcoFiers

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>

Metadata

Metadata

Assignees

Labels

color contrastColor contrast issuesfixBug fixesprA pr has been created for the issuerulesIssue or false result from an axe-core rulesupport

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions