[Bug] Inaccessibility: duplicate IDs on checklist page

Created by: aarongoldenthal

Thank you for reporting a bug. Please fill out the following information:

Bug description

The Checklist page contains four instances of duplicate IDs, a violation of WCAG success criterion 4.1.1.

The checklist title renders the ID as a slugified version of the title. So, in the checklists any cases where checkboxId matches the slugified title there will be duplicate IDs on the page.

The current issues are listed below, but with the current template implementation this could recur.

• Remove invisible focusable elements
• Don't skip heading levels.
• Remove seizure triggers.
• Remove horizontal scrolling.

Expected outcome

Page does not have a11y issues.

Steps to reproduce

Open page (although in this case a Pa11y scan did flag this issue).

Technical info

What device were you using when you encountered the bug?

Laptop computer

What operating system were you using? What version is the operating system?

Win 10 21H2

What web browser were you using? What version is the web browser?

Chrome 101.0.4951.67

Assistive technology and version (optional)

None

Terms

• I have read, and agree to follow this project's Code of Conduct