Audit Table Footer Block for React

Edit the AUDITS array at the top of the file: each entry has a standard, a scope, an audit cadence and the report name that the link's hidden text uses. The cadences are words ("Annual"), not dates, so the table never goes stale; if you show a date, keep it current.

No. The names are generic (a controls audit, a security management standard) and the caption says they are examples. Replace them with the exact name of each programme you hold, and remove any you do not, because a certification claim on a footer must be true.

The table is wider than a phone, so it scrolls sideways inside its own box instead of squeezing the columns. The box is a focusable region named by the figure's caption ("Assurance programme"), so a keyboard user can Tab to it and scroll with the arrow keys, and a screen reader says what it is. Nothing else on the page scrolls sideways at 320 pixels.

They are plain links (href="#"): point each at your report request form or a gated download. Each link has a hidden suffix naming its report ("Request the controls audit report"), so a list of links read out of context still makes sense.

The block is a footer element, so at the end of the page it is the content-info landmark. The link groups are one nav labelled Footer, each with an h2. The table is a plain table on every target, with real column headers and the standard in each row as a row header, and the figure's caption names the region. The legal links are a labelled list.

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.