Accessibility Issue: Map Page Button component lacks discernible text for screen readers

[crocmons]

Issue Description:

The mzima-client-button component lacks discernible text for screen readers, which violates accessibility guidelines and hinders users who rely on screen readers to navigate the application.

Steps to Reproduce:

1. Navigate to the page or component containing the mzima-client-button.
2. Use a screen reader to interact with the button component.
3. Notice that the Search Icon Button and Create Post Button lacks discernible text or a descriptive label.

Expected Behavior:

The button should have discernible text or a descriptive label for screen readers, ensuring accessibility compliance.

Actual Behavior:

The button lacks visible text, making it inaccessible for screen reader users. Accessibility testing tools flag it as an issue.

Possible Solution:

One possible solution is to dynamically generate an aria-label attribute based on the button's content. Alternatively, ensure that the button includes visible text or a descriptive label.

screencast-localhost_4200-2024.03.14-09_26_34.webm

Task Submission Label: #4750