# 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.

<figure><img src="https://2172486256-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKAQsDlg_P20iQy3JDs%2Fuploads%2Fm4vBBgFuOYl9VuB4wA4u%2Fimage.png?alt=media&#x26;token=f5837369-2a23-4f7f-a2de-b067ed67f9d8" alt="" width="375"><figcaption><p>Configuring preferences in CodeGrade</p></figcaption></figure>

{% hint style="success" %}
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.
{% endhint %}

***

### 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.

| Setting                      | Options / Values                               | Default         | Description                                                                                   |
| ---------------------------- | ---------------------------------------------- | --------------- | --------------------------------------------------------------------------------------------- |
| **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.

{% hint style="info" %}
Note: Additional information, including access to our VPAT can be requested [here](https://security.codegrade.com/resources).
{% endhint %}