WPDS Documentation & Resources

export default function Example() {
  return (
    <>
      <span>
        Tab into this element to see VisuallyHidden used for a "Skip link"
        feature.
      </span>
      <VisuallyHidden
        as="a"
        href="#hello-world"
        css={{
          color: "$cta",
        }}
        data-testid="skip-link"
      >
        This is a visually hidden label
      </VisuallyHidden>
    </>
  );
}