Accessibility Statement Footer Block for React

Edit the FACTS array at the top of the file: each entry is a label and a value. The rows are a real definition list (dl, dt and dd), so a screen reader announces each label with its value. The sentence above the list says the statement is an example; replace it with a claim you have tested, and keep the standard, the level and the review cadence true.

No. It is a small drawing (two rings, a ring of ticks and an open figure) in the foreground tone, hidden from assistive technology. The claim lives in the text next to it, so nothing depends on the picture. Do not replace it with a logo you are not licensed to show.

It is a mailto: link to an example address, access@openlane.example. Point it at a mailbox someone reads, or at your feedback form. The address is printed in the link so people who copy it, or use a mail client that is not set up, can still write to you.

The block is a footer element: placed at the end of the page, outside main, it is the page's content-info landmark. The statement has an h2, the facts are a definition list and the three link columns sit in one nav labelled Footer, each with its own h2. The legal links are a labelled list. Every link shows the theme's focus ring when reached by keyboard.

The halves stack with a hairline between them: the statement first (the seal above the facts), then the link groups two to a row, then the legal band. Nothing scrolls sideways at 320 pixels.

It is the current year, read when the footer renders, so it never goes stale. The block is a server component with no state, so on a server-rendered site the year is the server's when the page was built or rendered.