Skip to main content

Overview

The react-a11y-footnotes package is a thin React implementation of accessible footnotes. It was originally published in 2020 and announced in Accessible footnotes and a bit of React.

It is built around three pieces that are used together:

  • FootnotesProvider: a context provider with no HTML footprint.
  • FootnoteRef: an inline reference component that links to a note.
  • Footnotes: a component rendering the endnotes section.
info

Make sure to understand the terminology before getting started.

Install

Install it from npm:

npm install react-a11y-footnotes