Correct Semantic Markup for Section Headings and Tables

[SamiyahKey]

Story

As a user relying on assistive technology,
I need section titles like "Audit Log" and "Registrar" to be properly marked up as headings,
So that I can easily understand and navigate the page's structure and hierarchy.

Site administration | Django site admin (cloud.gov)

Acceptance Criteria

• Refactor the HTML to move "Audit Log" and "Registrar" as < h2 >.
• Review other pages with similar issues to ensure consistent markup.

Additional Context

Issue Links

No response

[Katherine-MN]

@SamiyahKey Can you add a screenshot of the "audit log" and "registrar" labels you're referring to? You can paste under Additional Context.

Also, for this AC: Include captions for tables as an optional enhancement to improve usability and context for all users.

• That sounds like a separate ticket because I think dev would need content for those captions. Is that update required as part of the remediation plan? If not, let's extract that AC and turn it into a separate design ticket to tackle the content.

[SamiyahKey]

@Katherine-Osos just updated the ticket with that screenshot. Also the captions are not 100% part of the remediation but is best practice for adding additional context to the page. I'll separate out into a separate ticket!

[zandercymatics]

@SamiyahKey Thinking from a screenreader perspective, should this be "caption" instead of an h2, since its a description for the table?

[SamiyahKey]

@zandercymatics per our slack convo, yes lets do caption and I'll check it out when it's ready! ty

[witha-c]

Removed "skipped design" to reflect that an update to design documentation or libraries is not needed.