use visually hidden tag

docs/getting-started/overview.md

@@ -2,7 +2,7 @@
 <div class="splash-start">
 <img class="splash-logo" src="/assets/images/wordmark.svg" alt="Shoelace">
 
-# <span hidden>Shoelace:</span> A forward-thinking library of web components.
+# <sl-visually-hidden>Shoelace:</sl-visually-hidden> A forward-thinking library of web components.
 
 - Works with all frameworks 🧩
 - Works with CDNs 🚛