Accessibility Conformance Report for Github Classroom

(Based on VPAT® Version 2.4)

Report Date

This report was last updated on June 6, 2024.

Product Description

GitHub Classroom is a teaching tool that lets teachers and school administrators create and manage digital classrooms and assignments.

Contact Information

Please share questions or comments on the accessibility community discussion page.

Scope

The scope of this report is limited to the following user scenarios on classroom.github.com:

  • Create new classroom and organization
  • Classroom settings
  • Collaborators and student roster
  • Roster syncing in an LMS
  • Manage assignments details and settings
  • Find classroom, view active, sort controls, dropdowns controls

Note: The UI is the same for all LMS integrations

Evaluation Methods Used

Scenarios were tested using:

  • Keyboard-only interactions
  • JAWS and NVDA with Google Chrome
  • axe
  • Colour Contrast Analyzer
  • Platform features such as high contrast and zoom

Applicable Standards/Guidelines

This report reflects outstanding issues found by an audit based on the level A and AA criteria of the Web Content Accessibility Guidelines version 2.1 (WCAG 2.1 AA).

Terms

  • Supports: The functionality of the product has at least one method that meets the criterion without known defects or meets with equivalent facilitation.
  • Partially Supports: Some functionality of the product does not meet the criterion.
  • Does Not Support: The majority of product functionality does not meet the criterion.
  • Not Applicable: The criterion is not relevant to the product.
  • Not Evaluated: The product has not been evaluated against the criterion.

WCAG 2.1

Level A Success Criteria

Success Criteria Conformance Level Remarks and Explanations
1.1.1 Non-text Content

Partially Supports

Exceptions include:

  • [GithubCLRM1.7] [Classroom-Last step! Add students to your roster] ALT is not defined for informative images.
1.2.1 Audio-only and Video-only (Prerecorded)

Supports

1.2.2 Captions (Prerecorded)

Supports

1.2.3 Audio Description or Media Alternative

Supports

1.3.1 Info and Relationships

Partially Supports

Exceptions include:

  • [GithubCLRM1.32] [New Classroom-Starter code and Environment] The screen reader is announcing incorrect search result information after providing invalid input in 'Find a GitHub repository' input field.
  • [GithubCLRM1.32] [New Classroom-Starter code and Environment] The screen reader does not announce the associated label for the list items present inside 'Select an editor' dropdown.
  • [GithubCLRM1.35] [GitHub Classroom-Run the command]: Heading is not defined on the dialog-'Input/Output test case'.
  • [ GithubCLRM1.23] [GitHub Classroom- Create Assignment]- The group label 'Repository visibility' is not associated with the radio buttons.
  • [GithubCLRM1.27] [Classroom-Edit Assignments/ Assignment Basics]- Screen reader is not announcing the associated 'choose grading method' group name for the menu items that appear under 'Add test' dropdown.
  • [GithubCLRM1.43] [Classroom-Starter code and environment-Add a template repository to give students starter code] On the Add a template repository to give students starter code section, lists are not marked up correctly.
  • [GithubCLRM1.44] [Classroom-Grading and feedback-Add autograding tests] On the Add autograding tests section, lists are not marked up correctly.
  • [GithubCLRM1.1] [GitHub Classroom-Welcome] The heading structure on the page is not in the hierarchy level on the 'GitHub Classroom' page
  • [GithubCLRM1.23] [Classroom- Create assignment] In the dialog box lists are not marked up correctly.
  • [GithubCLRM1.42][GitHub Classroom- Reuse assignment] 'Download grades' lists are not marked up correctly.
  • [GithubCLRM1.6] [Classroom- Assignments] On the 'Success! Next, add collaborators to your classroom' lists are not marked up correctly.
  • [GithubCLRM1.26] [Classroom- Assignments] On the Assignment page lists are not marked up correctly.
  • [GithubCLRM1.29] [Classroom-Assignment Basics-Assignment title] On the Assignment Basics page, lists are not marked up correctly.
  • [GithubCLRM1.29] [GitHub Classroom-Edit] Separator control is defined as an unnecessary list item.
  • [GithubCLRM1.3] [GitHub Classroom-Classroom] The aria child role is not defined for the menu items inside the 'view' dropdown.
1.3.2 Meaningful Sequence

Supports

1.3.3 Sensory Characteristics

Supports

1.4.1 Use of Color

Supports

1.4.2 Audio Control

Supports

2.1.1 Keyboard

Partially Supports

Exceptions include:

  • [GithubCLRM1.8] [GitHub Classroom- accessibility testing-classroom-1ba9b8-Navigation] The tab items is not accessible through the keyboard direction keys.
  • [GithubCLRM1.6] [GitHub Classroom- Success! Next, add collaborators to your classroom.] The tool tip information for the 'copy to clipboard' is not accessible through the keyboard.
2.1.2 No Keyboard Trap

Supports

2.1.4 Character Key Shortcuts

Supports

2.2.1 Timing Adjustable

Supports

2.2.2 Pause Stop Hide

Supports

2.3.1 Three Flashes or Below Threshold

Supports

2.4.1 Bypass Blocks

Supports

2.4.2 Page Titled

Supports

2.4.3 Focus Order

Partially Supports

Exceptions include:

  • [GithubCLRM1.46] [New Classroom-New Classroom] The keyboard focus goes hidden element after the 'My personal account' control below the 'This organization belongs to' text.
  • [GithubCLRM1.42] [New Classroom-Reuse Assignment] The keyboard focus moves to the next interactive control without the -'Choose an organization' dropdown automatically collapsing.
  • [GithubCLRM1.32] [New Classroom-Starter code and Environment] The keyboard focus moves to the next interactive control without the -'Select an editor' dropdown automatically collapsing.
  • [ GithubCLRM1.26] [GitHub Classroom- Assignments]: Expanded 'Invite link' dropdown is not getting collapsed when the keyboard focus moves to the next interactive control.
  • [GithubCLRM1.35][GitHub Classroom-Run the command]: Keyboard focus is moving out of dialog after the last control-'save test case'.
  • [GithubCLRM1.3] [GitHub Classroom-Classroom]: Keyboard focus moves out of the expanded items of '...'details dropdown to the background controls of the page without the dropdown automatically collapsing.
  • [GithubCLRM1.27] [Classroom-Edit Assignments/ Assignment Basics] - The 'Add test' dropdown is not collapsing automatically when keyboard focus moves to the next interactive control.
  • [GithubCLRM1.40] [GitHub Classroom-Check the output details] The 'Re-run jobs' dropdown is not collapsing automatically when keyboard focus moves to the next interactive control.
  • [GithubCLRM1.3] [GitHub Classroom-Classroom] The 'View' dropdown is not collapsing automatically when keyboard focus moves to the next interactive control.
2.4.4 Link Purpose (In Context)

Partially Supports

Exceptions include:

  • [GithubCLRM1.42] [Classroom-Reuse Assignment-Here] 'Here' Link is not descriptive.
  • [GithubCLRM1.7] [Classroom-Last step! Add students to your roster-Learn more] Learn more link is not descriptive.
2.5.1 Pointer Gestures

Supports

2.5.2 Pointer Cancellation

Supports

2.5.3 Label in Name

Supports

2.5.4 Motion Actuation

Supports

3.1.1 Language of Page

Supports

3.2.1 On Focus

Supports

3.2.2 On Input

Supports

3.3.1 Error Identification

Supports

3.3.2 Labels or Instructions

Supports

4.1.1 Parsing

Supports

4.1.2 Name Role Value

Partially Supports

Exceptions include:

  • [GithubCLRM1.42][GitHub Classroom- Reuse assignment] Elements with ARIA roles does not have all required ARIA attributes.
  • [GithubCLRM1.26] [GitHub Classroom-Select any organization] The label name is not defined for the check box or form element.
  • [GithubCLRM1.2] [GitHub Classroom-Assignment-Learn more] Aria-expanded property is not defined for the 'Learn more' button.

Level AA Success Criteria

Success Criteria Conformance Level Remarks and Explanations
1.2.4 Captions (Live)

Supports

1.2.5 Audio Description (Prerecorded)

Supports

1.3.4 Orientation

Supports

1.3.5 Identify Input Purpose

Supports

1.4.3 Contrast (Minimum)

Partially Supports

Exceptions include:

  • [GithubCLRM1.5] [GitHub Classroom- Select any organization] The Luminosity contrast ratio for the 'Classroom name' placeholder text in search edit field is 4.3:1 which is less than required ratio 4.5:1.
1.4.4 Resize text

Partially Supports

Exceptions include:

  • [GithubCLRM1.28] [Supporting the platform-New Classroom-Delete Assignment] On resizing the page up to 200%, then the scrollable region of 'Delete assignment' dialog box is not accessible by the keyboard.
  • [GithubCLRM1.42] [Supporting the platform-New Classroom-Reuse Assignment] The list items that appears upon activating 'Choose an organization' control are truncated after zooming the page to 200%.
1.4.5 Images of Text

Supports

1.4.10 Reflow

Partially Supports

Exceptions include:

  • [GithubCLRM1.30] [GitHub Classroom-Assignment Details] On setting the viewport 320*256 pixels then the horizontal scrollbar appears on the page and the text of table does not remain inside it.
  • [GithubCLRM1.32] [New Classroom-Starter code and Environment] The sub menu controls inside the 'Select an editor' gets overlapping with the footer content on changing the viewport to 320*256pixels.
  • [GithubCLRM1.45] [GitHub Classroom-Copy the clipboard (Group assignment)] A horizontal scroll bar appears on the 'Accept the group assignment' page upon setting the viewport 320*256 pixels
  • [GithubCLRM1.38] [New Classroom-Accept the assignment] A horizontal scroll bar appears on the page upon setting the viewport to 320*256 pixels.
  • [GithubCLRM1.25] [New Classroom-You're ready to go] A horizontal scroll bar appears on the page upon setting the viewport to 320*256 pixels.
  • [GithubCLRM1.27] [New Classroom-Edit Assignment] A horizontal scroll bar appears on the page upon setting the viewport to 320*256 pixels.
  • [GithubCLRM1.32] [New Classroom-Starter code and Environment] A horizontal scroll bar appears on the page upon setting the viewport to 320*256 pixels.
  • [GithubCLRM1.4] [New Classroom-New Classroom] Upon setting the viewport to 320*256 pixels, 'Organizations' controls getting overlapped.
  • [GithubCLRM1.2] [GitHub Classroom-New Classroom.] The Horizontal Bar appears upon changing the viewport to 320*256 pixels.
  • [PGAccessibility1.1] [GitHub Classroom-Select any organization] The Horizontal Bar appears upon changing the viewport to 320*256 pixels.
  • [GithubCLRM1.4] [GitHub Classroom-Classroom] The Horizontal Bar appears upon changing the viewport to 320*256 pixels.
  • [GithubCLRM1.3] [GitHub Classroom-Classroom] The Horizontal Bar appears upon changing the viewport to 320*256 pixels.
1.4.11 Non-text Contrast

Partially Supports

Exceptions include:

  • [GithubCLRM1.28] [Classroom-Delete already created Assignment] The luminosity ratio for borderline for the edit fields in the dialog is 1.4:1, which is less than the required contrast ratio 3:1.
  • [GithubCLRM1.35][GitHub Classroom-Run the command] The luminosity ratio for borderline for the edit fields in the dialog is 1.3:1, which is less than the required contrast ratio 3:1.
  • [ GithubCLRM1.23] [GitHub Classroom- Create Assignment]: Luminosity contrast ratio of the borderline over the ‘Assignment Title’ edit field is 1.4:1, which is less than minimum required ratio of 3:1.
  • WCAG Audit] [GithubCLRM1.16] [GitHub Classroom-Select any organization] The luminosity ratio for borderline of edit field-'Classroom name' is 1.4:1, which is less than the required contrast ratio 3:1.
  • [GithubCLRM1.5] [GitHub Classroom-Select any organization] The luminosity ratio for borderline of edit field-'Classroom name' is 1.4:1, which is less than the required contrast ratio 3:1.
  • [GithubCLRM1.3] [GitHub Classroom-Classroom] The luminosity ratio for borderline of search edit field-'Find a Classroom...' is 1.5:1, which is less than the required contrast ratio 3:1.
1.4.12 Text-spacing

Partially Supports

Exceptions include:

  • [GithubCLRM1.40] [GitHub Classroom- Check the output details-Show workflow options] Upon applying text spacing, the content of the list item 'Create status badge' gets truncated.
1.4.13 Content on Hover or Focus

Supports

2.4.5 Multiple Ways

Supports

2.4.6 Headings and Labels

Supports

2.4.7 Focus Visible

Supports

3.1.2 Language of Parts

Supports

3.2.3 Consistent Navigation

Supports

3.2.4 Consistent Identification

Supports

3.3.3 Error Suggestion

Supports

3.3.4 Error Prevention (LFD)

Supports

4.1.3 Status Messages

Supports

Disclaimer

©2024 GitHub Inc. All rights reserved. The names of actual companies and products mentioned herein may be the trademarks of their respective owners. The information contained in this document represents the current view of GitHub Inc. on the issues discussed as of the date of publication. GitHub cannot guarantee the accuracy of any information presented after the date of publication.

GitHub’s WCAG 2.1 conformance reports provide the information included in ITI’s “VPAT® 2.4Rev WCAG (March 2022)” template. “Voluntary Product Accessibility Template” and “VPAT” are registered service marks of the Information Technology Industry Council (ITI). This document includes material copied from or derived from the Web Content Accessibility Guidelines (WCAG 2.1). Copyright © 2017-2018 W3C® (MIT, ERCIM, Keio, Beihang). This document is not the Web Content Accessibility Guidelines (WCAG) and should not be used as a substitute for it. Excerpts of WCAG are referenced solely for purposes of detailing GitHub’s conformance with the relevant provisions. A full and complete copy of the Guidelines is available from the W3C WAI.

GitHub regularly updates its websites and provides new information about the accessibility of products as that information becomes available. Customization of the product voids this conformance statement from GitHub. Customers may make independent conformance statements if they have conducted due diligence to meet all relevant requirements for their customization. Please consult with Assistive Technology (AT) vendors for compatibility specifications of specific AT products. This document is for informational purposes only. GitHub MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT.