Introduction to the icon control
Icons are used to represent several different things to users like shapes, action icons etc. To learn about its properties, click here.
Screen reader
- Set the Tooltip property and AccessibleLabel property to help users understand the purpose and context of interactive icons.
- To announce when a picture is added, changed, or deleted, use a live label.
Keyboard tabbing
- Set the Tabindex property to 0 if an icon is interactive.
- Set the FocusBorderThickness to a number greater than 0.
Color/contrast
- Set the FocusBorderColor with a contrast ratio of 3:1 with the background color.
- Set the Color property with a minimum luminosity contrast ratio of 3:1 with the adjacent colors. There are several tools available to analyze contrast ratios. Click here for one such tool.