Accessibility and Personalization Settings
CodeGrade provides several accessibility and personalization options that allow users to customize how the interface and code viewer appear. These settings help create a more comfortable working environment and can be adjusted at any time from the User Profile icon located on the left-hand side of the app.
CodeGrade includes built-in support for screen readers, ensuring that essential parts of the interface can be accessed using assistive technologies. These features do not need to be turned on or configured separately—the platform is designed to be accessible by default from the moment you log in.
Personalization Settings Overview
Users can tailor CodeGrade to their personal preferences, and all settings are saved to their account so they persist across sessions. Accessibility and personalization options can be updated at any time through the user profile menu.
To update these settings: Click the User Profile → Preferences → choose your desired options.
Show Whitespace
On / Off
On
Toggles visibility of whitespace characters such as spaces, tabs, and newlines in code views.
Code Font Size
Pixel value (e.g., 12, 14, 16)
12px
Sets the font size used in code blocks.
Theme
Light, Dark, System
Light
Controls the appearance of the CodeGrade interface.
Submission Tab Selection
Smart, Code, Feedback, AutoTest, Peer Feedback
Smart Selection
Determines which tab opens first when viewing a submission.
CodeGrade strives to ensure that every student and instructor can fully engage with coding assessments and feedback — regardless of their device, preferences, or accessibility needs.
Last updated