Accessibility Issue: Inaccessible Close ‘X’ Icon on Bookmark Login Modal

Version: 1.7.31?

Browser: Chrome

Description: When attempting to bookmark an item while not logged in, the plugin displays a login modal. The close ‘X’ icon on this modal is inaccessible to screen readers because the link associated with the ‘X’ icon is empty. This creates an accessibility barrier for users relying on screen readers to navigate the site.

Steps to Reproduce:

1. Navigate to a page with bookmark functionality provided by the CBX Bookmark & Favorite plugin.
2. Click on the bookmark icon while not logged in.
3. Observe the login modal that appears.
4. Inspect the close ‘X’ icon on the modal.

Expected Behaviour: The close ‘X’ icon should be accessible to screen readers. It should have a meaningful label or description that can be read by assistive technologies, allowing users to understand and interact with the element.

Actual Behaviour: The close ‘X’ icon has an empty link, making it invisible to screen readers and creating an accessibility issue.

Screenshot:

Code Snippet:

<a class="cbxwpbookmarkguestreg_close"></a>

The above HTML shows the ‘X’ icon with an empty anchor tag.

Suggested Solution: Add text or screen reader only text that details what will happen

<a class="cbxwpbookmarkguestreg_close">Close</a>