Metadata
Title
Accessibility for Developers
Category
general
UUID
8a297ab419fd4552a5eba99fb3dbab7f
Source URL
https://accessibility.huit.harvard.edu/developers
Parent URL
https://accessibility.huit.harvard.edu/digital-accessibility-policy
Crawl Time
2026-03-23T03:05:46+00:00
Rendered Raw Markdown

Accessibility for Developers

Source: https://accessibility.huit.harvard.edu/developers Parent: https://accessibility.huit.harvard.edu/digital-accessibility-policy

This section is for people who develop websites and web applications. It contains best practices, examples, testing methods, and resources to support the following guidelines.

## Structural Markup

People feel confident using the design because it is stable, robust, and secure.

## Visual Presentation

People can perceive and understand elements in the design.

## Interaction

People can use the product across all modes of interaction and operating with a broad range of devices.

## Images, Icons & Media Players

People can understand and use information contained in media, such as images, audio, video, animation, and presentations.

10 Essentials for Developers

The following are core concepts and questions to ask yourself that will help you create accessible websites and web applications.

  1. Semantic Markup: Do all elements have the correct semantic markup?
  2. Input Labels: Are there descriptive labels marking each input element, and labels for input groups?
  3. Focus: Is there an indicator when interactive elements have keyboard focus, and does its order follow a logical sequence?
  4. Keyboard: Can all interactive elements be selected and activated using the keyboard?
  5. Names: Do all interactive controls have an accessible descriptive name?
  6. Roles: Do all custom controls and widgets have the correct role (e.g., link, button, tab panel)?
  7. Dynamic Updates: Are all dynamic updates, including error messages, conveyed to assistive technology?
  8. Colors: Does the design provide sufficient color contrast?
  9. Layouts: Do page layouts adapt to different window widths and text sizes?
  10. Images: Do images and icons have the appropriate text alternative?

Upcoming Developer Training

### Web Accessibility in HTML and CSS

Jun 25, 2026

10:00AM - 4:00PM EDT

Virtual - Zoom

Virtual

Learn how the HTML and CSS that you write or edit can make or break the usability of a site for people with disabilities. Through examples and activities, we'll cover essential steps in designing for accessibility. Attendees should understand what...

All trainings