Login Register

Icon with a11y, i17n and b6g

I would like to discuss a dijit for icons, basically where icons would be used for a tip (tool tip), adding a discussion, rating a thread, displaying true or false values in a table, generally indicating state.

The dijit would need to support branding, accessibility and internationalization.

attributes would be
- rollover change to the icon class
- hiding the label but available to readers
- hooks to be able to check a user preference for changing icons to text.

the use of iconclass for all icons (not just the button and menu) helps keep all the icons in one place and removes the error of the icon as a separate image being updated but the iconclass not.

I am using the css class on a plain div but a widget with a11y and i17n would improve utility and would simplify b6g.

I think dijit.Button does a lot of this

as used by dijit.Toolbar

Yes, but without having to

Yes, but without having to use a toolbar since it is a layout object.

Perhaps a dijit.IconButton to wrap a button and have it show up as just an icon or an attribute on the button.

With a dijit.IconState to display an icon for compact informative info.

Both of which should use iconclass and have titles for a11y.

not really

Look at test_Button.html on the second set of buttons. Those are the buttons used in a toolbar (except they are stand alone).

=========
Bill Keese
Project Lead (aka BDFL) of Dijit