Accessible list of tags

[dbohdiev]

I can't find a case in our project where we use the Tag component in a single instance. It is always a list of tags, and my guess is that it isn't just our case.

The proposal is to create a component that will group a bunch of tags, similar to toggle groups, or button groups(from Angular).

It could implement next features:

• can be aligned horizontally and vertically
• can be wrapped to the next line or can have a tooltip tag to show a list of all tags

But the main idea is to have it accessible. Here is a nice article that demonstrates how it could be (link, link to part 2).
The screen reader is announcing the list name and the number of list items, it reads the tag name on iterating over the tags and when it is closable it says that it can be removed. Also, it could have a special way to iterate by list, but I'm not sure about this one.

[dbohdiev]

Also, I want to mention that there is no way to understand that a tag is closable by a screen reader.