Hide an element visually but keep it available for screen readers and other assistive technologies.

Open preview in a new tab
Edit withViteNext.js
import "./style.css";
import { Button, VisuallyHidden } from "@ariakit/react";
import { undo } from "./icons.jsx";
export default function Example() {
return (
<Button className="button">


Follow updates

Join 1,000+ subscribers and receive monthly updates with the latest improvements on Components.

Read latest issue

No Spam. Unsubscribe at any time.