Skip to content

Commit c52ff43

Browse files
committed
Add information about hidden="until-found"
1 parent 6060e77 commit c52ff43

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

README.md

+15
Original file line numberDiff line numberDiff line change
@@ -531,6 +531,21 @@ div {
531531

532532
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.
533533

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+
<a href="/contact">
540+
<svg.../>
541+
<span hidden="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/)
548+
534549
## Remove semantics
535550

536551
Remove the semantics from an element

0 commit comments

Comments
 (0)