k-navbar - Universal design problem / VoiceOver

[thomasekdahlN]

Check that this is really a bug

• I confirm

Reproduction link

App mypostnord

Bug description

When the html code for k-navbar is generated, an extra div is added at the top of the code that is printed. This is marked below, and begins with the class absolute.

… Because of this, the return link does not work when you use voice over on the phone. It only reads out the title.

Expected Behavior

Navigation elements should be clickable when the phone is using VoiceOver mode on mobile phone

Actual Behavior

Not possible to click on navigation links in VoiceOver mode on mobile phone

Konsta UI version

v0.11.1

Platform/Target and Browser Versions

iOS

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• 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 <#68 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AGG2DR2JYT3IFPQ2HGLNZPDV4WYKNANCNFSM554I5MTQ>. You are receiving this because you authored the thread.