Im working on a project now but I'm not sure if an icon alone is accessible (AA) or if it needs to be accompanied by text?
Which would meet the WCAG AA standards?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.Sign up to join this community
Normally my advice would be to always pair an icon with text on the screen, making both clickable. In this way you can use an aria-hidden attribute to hide the icon for screen readers, which just leaves the text link for audio screen readers.
However, if it is not possible to do this, then you have to consider that someone cannot see the screen because they are using an audio screen reader, so you need to ensure there is a text equivalent for the icon, so that the audio screen reader user can understand its meaning. This is covered in WCAG 2.0 Guideline 1.1.1 Non-text Content, and is a Level A requirement (remember, if you want to meet AA it means meeting all Level A and all level AA requirements).
A text equivalent will depend on your icon format.
Text is important, because for some users who would be using your project would get confused with only icons, this would lead to a Bad User Experience. But then again if your Project already has too many data to be shown(on each pages) then adding extra texts just for icons may cluster your screen with too many things, so in my opinion,
Text is an important part of UI development for AA. So the best choice would be including text.