Input Field Number - manual accessibility testing

[thrbnhrtmnn]

Description / User story

The idea of this issue is to compare our coded Input Field Number component with similar components from at least 2 other component libraries in terms of accessibility.

We should closely inspect the accessibility tree, find differences and evaluate which approach we think is the best. If this means we need to adjust our component we should do so.

As this is the first such task that we have, the outcome should be presented to the dev team to enable them to also start with similar tasks looking at our other components.

This task could be done best in pairs.

We initially had the same idea within issue #376, but we decided to split this up as it was too big of a task.

Requirements / Prerequisites

• none

Acceptance Criteria

• Input Field Number accessibility tree has been compared with other number input components
• Differences have been evaluated
• Input Field Number has been updated in case we think other approaches are better than ours
• Outcome has been presented to the whole dev team

Additional information

Links

• https://www.w3.org/WAI/ARIA/apg/ has good guides regarding accessibility

One thing we should probably also change is that aria labels should not be props in our components. Also see recommendation here and the discussion above.

Code of Conduct

• I agree to follow this project's Code of Conduct