Add some a11y to the mix

2020-04-06 13:37:43 +02:00
parent 6561b24f75
commit 11e06c51c9
8 changed files with 40 additions and 33 deletions
--- a/src/molecules/Location.svelte
+++ b/src/molecules/Location.svelte
@@ -6,7 +6,7 @@
    const { name, slug, country } = location
 </script>

-<div class="location">
+<div class="location" role="listitem">
    <a href="/location/{country.slug}/{slug}" rel="prefetch" sapper-noscroll>
        <img src={country.flag.full_url} alt="Flag of {country.name}">
        <div class="anim-mask mask-city">