Checked checkboxes should have checked="true" and not aria-checked="true"

[coliff]

Prerequisites

• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the issue

The current behaviour is problematic.

• Checked checkboxes should have checked="true" (and not aria-checked="true")
• Unchecked checkboxes should have checked="false" (and not aria-checked="false")

Deque university has more details on this:
https://dequeuniversity.com/rules/axe/4.9/aria-conditional-attr?application=AxeEdge

Reduced test cases

Run Axe Core scan on: https://coliff.github.io/modus-web-components-example/

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Microsoft Edge

What is the issue regarding ?

@trimble-oss/modus-web-components

What version of npm package are you using ?

latest

Priority

Medium

What product/project are you using Modus Components for ?

Modus

What is your team/division name ?

Modus

Are you willing to contribute ?

Yes

Are you using Modus Web Components in production ?

No response