Invalid aria-checked attribute for radiobutton

[bjarnef]

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.8.2

Bug summary

The radiobutton component sets invalid value for aria-checked attribute compared to checkbox component:
https://uui.umbraco.com/?path=/story/uui-radio--radio-group

aria-checked attribute accept the following values:

true, false or mixed. Mixed value is only supported by checkbox and not radio though.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked

Furthermore it mention in specs:

https://dequeuniversity.com/rules/axe/4.8/aria-allowed-attr?application=axeAPI
https://www.w3.org/TR/html-aria/#docconformance

aria-checked is not to be used on elements that support the checked attribute.

Specifics

No response

Steps to reproduce

Inspect radiobutton component and evaluate using WAVE

It is also rapported in Storybook under Accessibility when a radiobutton it selected/checked.

Expected result / actual result

No response

[bjarnef]

It was fixed in https://github.com/umbraco/Umbraco.UI/pull/625/files and at that time I tried making the checkbox/radiobutton a bit more consistent regarding the markup/styles.

Besides that I think there are some issues with tabindex as it requires double tab to focus the radiobutton. Especially in a radiogroup it is notable. There's another issue for that here: #619