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>
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: