USDepartmentofLabor / Comply-Chain

Comply Chain web application with Cordova mobile apps.
3 stars 6 forks source link

Accessibility - Bookmarks Page/Screen - Bookmark Text is Wrapped in Link and then a Button #204

Closed jfc3-dol closed 3 years ago

jfc3-dol commented 3 years ago

For the web version of the Bookmarks page, my screen reader reads the highlighted items as a button.

For iOS, VoiceOver reads it once as a button and a link.

For Android, the text would be read twice, once as a link and then again as a button.

I would expect them to be a link only instead because they go to a page/screen.

Please see the attached screenshot.

ilab- comply chain - bookmarks page - screen readers are reading bookmarked items as a link and a btton for some resason

The reason that the screen readers are reading things not as I would expect them is that the text is first wrapped in a link and then has a button tag wrapped within that.

Please see the below code in the attached screnshot.

ilab- comply chain - bookmarks page - text wrapped first by a link and then by a button
jfc3-dol commented 3 years ago

@pbhatt17

Thanks for removing the extra button tag inside the bookmark links, so I'm closing the issue.

I did notice in the web version I can not now tab to the bookmarked items, so I'm going to open a new issue for that.