CheckBox does not apply readonly when using accessibilityReadOnly

[paularmstrong]

Is there an existing issue for this?

• I have searched the existing issues

Describe the issue

aria-readonly / readonly attributes for checkboxes

Expected behavior

using <CheckBox accessibilityReadOnly /> should apply readonly attribute to the output <input type="Checkbox" reaonly /> when using `, but it currently does not.

Steps to reproduce

<CheckBox accessibilityReadOnly />

See test case

Test case

https://codesandbox.io/s/icy-fire-fr2ct4

Additional comments

I'm uncertain if there are other accessible props that are also not translating through and/or if this is only related to CheckBox. It does appear to work correctly on TextInput, as shown in the test case link.

There may also be needs to have the colors either the same as a disabled checkbox, or muted in some other way.

[omeralpi]

There is no property to make the native checkbox readonly.
When I look at the test case, an aria-readonly parent div appears as it should.

I opened a pull request the other day, but it doesn't seem to be a problem right now.

[necolas]

@paularmstrong see #2375. For different styling, that is something you can define in your component when setting the readonly prop. The native checkbox doesn't provide any different visual treatment for readonly states either.