Edit On Github Link

Updated 2 months ago

Accessibility

Target: WCAG 2.2 AA.

Conformance notes

  • A real <a> element, not a styled <div> or <span> with a click handler — keyboard-focusable and correctly announced as a link by default.
  • Link text is a full, descriptive phrase ("Edit this page on GitHub"), never a bare "click here" or "edit" — meets 2.4.4 Link Purpose (In Context) and reads correctly out of context in a screen-reader links list.
  • If a decorative icon is added, it must carry aria-hidden="true" so it isn't announced separately from the link text.
  • Opens in a new tab (target="_blank") — consider pairing with visually hidden text or an icon indicating "opens in a new window," since 3.2.5 (Change on Request, AAA) recommends warning users before a context change they didn't request.
Important Information

Design System disclosure

This site provides open-source design tokens, documentation, and self-hostable software published by Woodfine Capital Projects Inc. Information here is for general reference only and does not constitute an offer, warranty, or a guarantee of fitness for any particular purpose. Statements regarding planned, intended, or targeted future features are forward-looking and subject to change without notice; they are not undertaken to be updated except as required by law.