Guidelines and checklist for accessibility (HTML)

Here we provide a checklist you can use to ensure that your Windows Runtime app using JavaScript is accessible.

Set the accessible name (required) and description (optional) for content and interactive UI elements.

An accessible name is a short, descriptive text string that a screen reader uses to announce a UI element. You should set the accessible name explicitly for images (use the alt attribute), input fields (use the label tag with the for attribute), custom div controls, so on. Accessible descriptions and tooltips help users understand the UI.

Visually verify your UI to ensure that the text contrast is adequate, elements render correctly in the high contrast themes, and colors are used correctly.

Use the system display options that adjust the display's dots per inch (dpi) value, and ensure that your app UI scales correctly when the dpi value changes. (Some users change dpi values as an accessibility option, it's available from Make the computer easier to see in Ease of Access Center.)

Use a color analyzer tool to verify that the visual text contrast ratio is at least 4.5:1.

Switch to a high contrast theme and verify that the UI is readable and usable.

Ensure that your UI doesn’t use color as the only way to convey information.