question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

region flags for svg sprite

See original GitHub issue

When I run axe on https://www.svt.se/recept I get that the region rule says “All page content must be contained by landmarks” and points to my SVG symbol sprite that lives directly in body.

Is this a bug or is there a good way for me to fix to that my SVG sprite passes the test? Preferably I don’t want to move it elsewhere in the dom. Maybe wrap it in some element or set some attribute? Any suggestions? My first take is this: <div aria-hidden="true"><svg /></div>

Thanks

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
strakercommented, Nov 12, 2020

It’s been fixed in the latest develop branch (tested and verified). We are planning to release axe-core v4.1 on the 16th.

0reactions
badtantcommented, Nov 12, 2020

@straker what was the reason for closing this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

FlagMeister - SVG Flags in one Custom Element/Web ...
FlagMeister 250+ SVG Flags in one 32KB Custom Element/Web Component.
Read more >
How to display country flag using image sprite - IP2Location.com
Display multiple of country flags in various designs and different sizes in your website by using IP2Location image sprite.
Read more >
Region flag Icons & Symbols - Flaticon
1125 region flag icons. Vector icons in SVG, PSD, PNG, EPS and ICON FONT.
Read more >
Freak Flags! The High Resolution Flag Sprite
Freak Flags is the most efficient and beautiful flag sprite system available. Freak Flags are specially designed to look great on high resolution...
Read more >
flag-icons: Free Country Flags in SVG
All flags are in 4x3 and 1x1 formats only. yarn add flag-icons. For more instructions check out on GitHub. View on GitHub Download...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found