提示辅助功能的图标

Question

I'm building an 'accessibility bar' that will include functions such as; increase/decrease contrast, text-size, line-spacing etc.

Is there a default, standard, recommended or well known icon that could be used to show/hide this functionality?

I feel like the 'wheelchair' icon: wheelchair accessibility icon doesn't represent web accessibility very well..

Can someone suggest any widely adopted alternatives? What would you use?

Answer 1

You want an icon associated with some action that will unhide the toolbar? There isn't really a common icon for that. I agree that you should stay away from the wheelchair. I sometimes have to bump up my font size or increase contrast, especially in very bright areas, like outside in the sun, but I wouldn't look for such a feature under a wheelchair icon because I don't associate myself with that.

The Mac has an "Accessibility" or "Universal Access" icon in system preferences. It looks like a person with its arms outstretched.

The PC has "Ease of Access" icon in the control panel. I'm not sure how to describe it. Kind of a pie with 8 pieces, but the two pieces in the north-east corner are missing and are replaced with a down and right arrow forming a right angle.

Neither icon conveys accessibility to me. It's just a symbol you have to learn (if you have vision).

Answer 2

I would say, you need to go with the wheelchair symbol if you need a specific symbol. But put that in a textual context too.

Like: "Accessibility features" + Symbol

The wheelchair is not a fresh symbol, but as most people with disabilities agree on is that it's universal and wellknown. Taking the accessibility symbols in Mac or Windows is not to recommend.

As suggested a settings icon would be an option, but it depends on the context of the site itself. Will it interfere with other icons? To avoid confusion, always accompany the icon with text, never rely on visual icons to tell the whole purpose of interaction.