Movatterモバイル変換


[0]ホーム

URL:


Skip to content
/Blog
Try GitHub CopilotAttend GitHub Universe
Home/Engineering/User experience

User experience

Our designers, developers, and accessibility teams all work together to build front end experiences that are inclusive, accessible, and intuitive to navigate.

Featured

Some abstract blue shapes contoured with a few git-lines behind text that reads, Design system annotations, part one, How accessibility gets left out of components.

Design system annotations, part 1: How accessibility gets left out of components

The Accessibility Design team created a set of annotations to bridge the gaps that design systems alone can’t fix and proactively addresses accessibility issues within Primer components.

Some abstract blue shapes contoured with a few git-lines behind text that reads, Design system annotations, part one, How accessibility gets left out of components.

Building a more accessible GitHub CLI

How do we translate web accessibility standards to command line applications? This is GitHub CLI’s journey toward making terminal experiences for all developers.

Considerations for making a tree view component accessible

A deep dive on the work that went into making the component that powers repository and pull request file trees.

How to make Storybook Interactions respect user motion preferences

With this custom addon, you can ensure your workplace remains accessible to users with motion sensitivities while benefiting from Storybook’s Interactions.

We do newsletters, too

Discover tips, technical guides, and best practices in our biweekly newsletter just for devs.

Subscribe

Latest

Some abstract blue shapes contoured with a few git-lines behind text that reads, Design system annotations, part 2, Advanced methods of annotating components.

Design system annotations, part 2: Advanced methods of annotating components

How to build custom annotations for your design system components or use Figma’s Code Connect to help capture important accessibility details before development.

Exploring the challenges in creating an accessible sortable list (drag-and-drop)

Drag-and-drop is a highly interactive and visual interface. We often use drag-and-drop to perform tasks like uploading files, reordering browser bookmarks, or even moving a card in solitaire.

How we’re building more inclusive and accessible components at GitHub

We’ve made improvements to the way users of assistive technology can interact with and navigate lists of issues and pull requests and tables across GitHub.com.

Three white, pixelated thumbs up icons are floating on a black background trailed by waves of purple, pink, and yellow and sparkle icons

Exploring developer happiness, inclusion, and productivity at GitHub’s Design Conference

As a design organization, we have the opportunity to make a significant impact on designing the platform for all developers. How does the emergence of creative AI impact our work? How can we achieve an inclusive experience for a spectrum of all abilities? What does designing for developer happiness look like?

Accessibility considerations behind code search and code view

A look at how we improved the readability of code on GitHub.

Graphic image showing GitHub logo centered within a box to represent padding, to the right is a subsection of a color chart to represent color systems and color contrast, to the left is the letter A in uppercase and lower case to represent typography. Parts of the image are blurred and in focus with a color gradient is used in the background and through the logo in purple, with hints of blue and green.

Design’s journey towards accessibility

Design can have a significant impact on delivering accessible experiences to our users. It takes a cultural shift, dedicated experts, and permission to make progress over perfection in order to build momentum. We’ve got a long way to go, but we’re starting to see a real shift in our journey to make GitHub a true home for all developers.

An example of new colors on GitHub with Primer. There are demonstrations of color contrast improvements in a few sections: default text with accessible hyperlinks, secondary text with additional content and an underline hyperlink, and a hyperlink with icon. There is also a subtle green change in the “comment” button with the text that says “solving hundreds of accessibility issues.”

Unlocking inclusive design: how Primer’s color system is making GitHub.com more inclusive

How Primer’s updated light and dark theme color contrast strategy resolved hundreds of color-contrast-related accessibility issues over one thousand use cases.

Creating an accessible search experience with the QueryBuilder component

GitHub’s search inputs have several complex accessibility considerations. Let’s dive into what those are, how we addressed them, and talk about the standalone, reusable component that was ultimately built.

How we’re continuing to enable all developers to build

Learn about what GitHub is doing to make their products more inclusive, and what’s next.

How we illustrate at GitHub

In the fourth installment of our five-part series on building GitHub’s new homepage, we’ll explore the artistic pipeline at GitHub to explain story, character and color, and to show how…

Making GitHub’s new homepage fast and performant

This post is the third installment of our five-part series on building GitHub’s new homepage: How our globe is built How we collect and use the data behind the globe…

Using Figma designs to build the Octicons icon library

How we use Figma files to keep the Octicons icon library up to date

An illustration of two octocats repairing a robot.

Topic Suggestions for Millions of Repositories

We recently launched Topics, a new feature that lets you tag your repositories with descriptive words or phrases, making it easy to discover projects and explore GitHub.com. Topic suggestions on…

An illustration of two octocats repairing a robot.

A formal spec for GitHub Flavored Markdown

We’re releasing a formal specification of the syntax for GitHub Flavored Markdown, and its corresponding reference implementation.

An illustration of two octocats repairing a robot.

LIKE injection

Looking through our exception tracker the other day, I ran across a notice from our slow-query logger that caught my eye. I saw a SELECT … WHERE … LIKE query…

The world's largest developer platform

Docs

Docs

Everything you need to master GitHub, all in one place.

GitHub

GitHub

Build what’s next on GitHub, the place for anyone from anywhere to build anything.

Customer stories

Customer stories

Meet the companies and engineering teams that build with GitHub.

GitHub Universe 2025

GitHub Universe 2025

Last chance: Save $700 on your IRL pass to Universe and join us on Oct. 28-29 in San Francisco.


[8]ページ先頭

©2009-2025 Movatter.jp