a11y and understandability for feature list on client details page

[weeman1337]

Currently there are icons for the status of a feature on a client detail page

• ✅ if supported
• ❌ if unsupported
• ❔ if unknown
• 🧪 if experimental

There are some issues with that:

• For persons that use assistive technologies (such as screen readers) there are no accessible texts for the items
• For other persons it may be unclear what the icons mean

Suggestions:

• Add a legend below the feature list that explains the icons
• Add aria-label to the items (ensure that child elements are aria hidden then)

[HarHarLinks]

there is also 🧪 if partially supported

[awtj8o81ryywg793]

I'm not going to say no to improving accessibility and helping more people understand what they're looking at.

Quoted from a previous comment:

Add a legend below the feature list that explains the icons

Instead of below the list, how about placing a horizontal legend just below the "Features" heading?