ARIA support

[vasco3]

The refills have no Aria support for accessibility.
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

[tysongach]

@vasco3 That’s a great point and something we should do better.

Would you be up for submitting some PR’s to add ARIA support? We can do a little at a time; doesn’t have to be everything at once.

Also, I have found The Accessibility Project to be a great resource for this stuff.

[vasco3]

@tysongach what do you mean by PR?
Thanks for the link!

[tysongach]

@vasco3 Pull Request

[vasco3]

Yeah sure, count me in

[7mary4]

While looking at accessibility
There are no styles for :focus
Images are given alt="" when they are the only element within a link
Avoid "read more" links by adding a hidden span that provides additional context, such as read more about this hero subject

[Magnus-G]

@7mary4 thank you. Looking into these issues now. Alt tags are added where relevant.

[Magnus-G]

@vasco3 we have added some role tags where appropriate. Since many of the components can be used in different ways I am hesitant to using tags for some of them. Please take a look and see if you miss anything.

[teoljungberg]

Closing this issue for now, please open new issues if there are anything else we can do to increase the ARIA support for the documentation.

Thanks!