k-toggle - Universal design problem / VoiceOver

[thomasekdahlN]

Check that this is really a bug

• [X] I confirm

Reproduction link

App mypostnord

Bug description

When the html code for k-toggle is generated, it´s printed as a label, but without the label text and the relationship between the label and the input field that´s placed inside.

It may seem that this creates an error when you use voice over on the phone, nothing happens when you click on it.

Expected Behavior

It should be possible to toggle a checkbox in VoiceOver mode on iOS.

Actual Behavior

It is not possible to toggle a checkbox in VoiceOver mode on iOS.

Konsta UI version

v0.11.1

Platform/Target and Browser Versions

iOS

Validations

• [X] Follow our Code of Conduct
• [X] Read the docs.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• [X] Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

• [ ] I'm willing to open a PR

[thomasekdahlN]

Is it possible to pay to have this issue solved?

[nolimits4web]

Can you give an example of how the HTML should be modified that would work correctly?

[thomasekdahlN]

On a phone with voice over, the title was the only element that was read. It was not possible to click an svg link element used as a back link. We solved this by making the back link to a back button. On voice over, a button is always read as an button. A link need a href to be read as a link.

Thomas Ekdahl Privat Mobile: +47 911 43 630

On 5 Sep 2022, at 10:53, Vladimir Kharlampidi @.***> wrote:

Can you give an example of how the HTML should be modified that would work correctly?

— Reply to this email directly, view it on GitHub https://github.com/konstaui/konsta/issues/69#issuecomment-1236719317, or unsubscribe https://github.com/notifications/unsubscribe-auth/AGG2DR2SXHEFOPLJDXKM7DDV4WYJPANCNFSM554JIFLA. You are receiving this because you authored the thread.