flutter_html icon indicating copy to clipboard operation
flutter_html copied to clipboard

[BUG] <a> tag links create extra accessibility (semantics) element without a description

Open OhTerryTorres opened this issue 2 years ago • 0 comments

Describe the bug: Including any link embeds the entire Html widget in an extra container that contains no useful accessibility description labels indicates to VoiceOver and TalkBack users that there is nothing there. This was tested on iOS and Android.

HTML to reproduce the issue: Go to <a href="https://www.google.com">Google</a>

Expected behavior: There shouldn't be a container for the individual HTML elements, or else it should be semantically excluded. A screen reader should be able to read each element, with links being separate so that users can launch the URL. This is the case on mobile browsers like Safari and Chrome.

Screenshots: https://drive.google.com/file/d/1IJFI6Y4mGcecWJd_BmneyoJDHQE5SuaD/view?usp=sharing While VoiceOver is activated on iOS, tapping on a block of rendered HTML with a link results in no audible description.

A picture of a cute animal (not mandatory but encouraged) IMG_6322

OhTerryTorres avatar Jul 25 '23 18:07 OhTerryTorres