Accessibility

How to create accessible interfaces for GitHub.

Accessibility at GitHub

Get started with accessibility at GitHub.

Guidelines

Basic guidelines for designers when creating or updating features.

Tools

Tools to help you design accessible interfaces.

Alternative text for images

Alternative text on images allows assistive technology like screen readers to understand the purpose of an image on a page or allow them to skip it if purely decorative.

Assistive technology announcements

Events like toasts and status messages are visually communicated to GitHub users. Making sure those announcements are read via assistive technology allows users with low or no vision to get that status information.

Descriptive buttons

Labeling buttons properly let's users know what will happen when they activate the control, lessens errors, and increases confidence.

Focus management

Managing focus within a page or application is essential for users to successfully navigate, complete actions, and understand where they are.

Headings

Headings play a critical role in communicating the structure of a page. Find out why they're critical and how to create an accessible hierarchy in your pages.

Links

Links help us navigate a website. Learn how to style links appropriately to keep them usable by all.

Semantic HTML

Understand when and how to use semantic HTML to improve the experience of the largest number of users possible.

Text resize and respacing

People on the web should be able to resize text to improve legibility without blocking or obscuring any other part of the UI.

Tooltips

Most UI cases don't call for tooltips. Learn some alternative methods to use in place of tooltips.