freenowtech / freenowtech/wave

Make icons accessible.

Open
#164 0 comments 0 reactions 0 assignees View on GitHub
a11y enhancement
Dominant language
TypeScript
Stars
67
Forks
31
Avg merge
1d 8h
Merged PRs (30d)
4

Description

### Describe the feature you'd like
The ability to select icons through accessible means. For example in a current codebase we have a duplicate of the download icon like this:

```
const DownloadIcon = ({
color = Colors.ACTION_BLUE_900,
className,
title = 'download icon',
titleId,
}: {
color?: string
className?: string
title?: string
titleId: string
}) => {
return (

)
}
```
This allows you to specify a title for the icon and then reference it accessibly, it might be nice if instead of passing an id for the title it could be autogenerated.

### Describe alternatives you've considered
Wrapping the parent components in the accessible attributes, this might work for buttons but there might be other states where icons are displayed only as informative.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.