fix: fix nav links in Voice Control on iOS (#1746)

fixes #1735
2020-04-25 19:35:03 -07:00 · 2020-04-25 19:35:03 -07:00 · a4a9cb7962
parent 1f0d67fcc4
commit a4a9cb7962
1 changed files with 12 additions and 1 deletions
--- a/src/routes/_components/NavItem.html
+++ b/src/routes/_components/NavItem.html
@ -92,7 +92,18 @@

  @media (max-width: 991px) {
    .main-nav-link .nav-link-label {
-      display: none;
+      /* Copied from the sr-only styles in global.scss
+       * the reason we explicitly leave this <span> in is because Voice Control on iOS does not
+       * understand aria-labels very well, but it understands hidden text just fine
+       */
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      border: 0;
    }
  }
 </style>