You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: README.md
+15
Original file line number
Diff line number
Diff line change
@@ -531,6 +531,21 @@ div {
531
531
532
532
The [aria-label attribute](https://html5accessibility.com/stuff/2024/05/22/not-so-short-note-on-aria-label-usage-big-table-edition/) has much more uses.
533
533
534
+
## Make icons searchable
535
+
536
+
Use `hidden="until-found"` to hide text until the user searches for it, recommended when using icons without text.
537
+
538
+
```html
539
+
<ahref="/contact">
540
+
<svg.../>
541
+
<spanhidden="until-found">Contact</span>
542
+
</a>
543
+
```
544
+
545
+
This feature is only supported in Chrome, but it's expected to be supported in all browsers in 2025.
546
+
547
+
See [Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone](https://schepp.dev/posts/rethinking-find-in-page-accessibility-making-hidden-text-work-for-everyone/)
0 commit comments