Hi maxer7,
1/ Here are some guidelines for making your elements accessible:
Add Descriptive Text: For buttons, links, and menu items, ensure that they have descriptive text that conveys their purpose or action. This text should be meaningful and informative. Use the aria-label attribute, alt attribute for images, or provide visible text within the element.
For example:
for a button:
<button aria-label="Search" type="button">Search</button>
For a link:
<a href="/about" aria-label="About Us">About Us</a>
2/ Add Appropriate Attributes: For elements like buttons and links, use the aria-label attribute to specify the accessible name if necessary. This attribute is particularly useful when the visible text label differs from the actual purpose of the element.
For example:
<button aria-label="Search" type="button">Search</button>
Hope this helps!
