DojoCode is committed to improving access to quality computer science curriculum for everyone. Our mission is to provide each student with the opportunity to learn to code, regardless of background or ability. As part of this commitment, we continuously work to enhance the accessibility of our platform to ensure that all students can have a meaningful learning experience.
Main Accessibility Measures
To ensure that our platform is accessible, we’ve implemented several key accessibility features:
Images
We have applied descriptive alt tags to images throughout DojoCode to provide alternative text descriptions for users relying on screen readers. All decorative images have been marked with null (empty) alt tags, which prevents them from being announced by screen readers.
Links
All links throughout DojoCode are equipped with descriptive link names to clearly explain the context of the links. This helps users understand the purpose of each link and navigate the platform with ease.
Use of ARIA (Accessible Rich Internet Applications)
DojoCode leverages ARIA roles, properties, and states to ensure that screen reader, voice control, and switch control users have the information they need to make informed decisions while navigating the platform. We recommend using a modern browser for the best experience with these features.
Headings
Clear and well-structured headings are used to organize the content on each page. This helps users, especially those using screen readers, easily navigate and understand the content.
Keyboard Navigation
DojoCode is fully navigable via keyboard, allowing users to interact with the site’s menus, forms, and interactive elements using the keyboard. To navigate forward, use the Tab key; to navigate backward, use Shift + Tab. To escape out of the Code Editor, press Opt + Tab to move forward from the editor.
Text-to-Speech Support
Our AI Companion features audio and speech functionality within the chatbox, allowing users to engage in spoken conversations. This interactive feature enhances accessibility and provides a natural, hands-free way to communicate, catering to auditory learners and users who prefer verbal interactions.
Editor Accessibility Features
Our code editor has several accessibility settings to enhance usability for all users:
Editor Font: Users can adjust the font size of the code within the editor for better readability.
Console Output Font: Users can adjust the font size of the console output on the right side of the editor, making it easier to read console logs and errors.
Editor Theme: Students can switch between different color schemes in the Code Editor, including high-contrast themes such as Terminal or Monokai, which help improve readability for users with visual impairments.
Editor Autocomplete: The editor automatically adds closing brackets while typing, providing users with a more efficient and error-free coding experience.
Blocks/Text Settings: Students can toggle between block-based and text-based coding. This feature allows users to choose the format that best suits their learning preferences and abilities.
Ongoing Commitment to Accessibility
DojoCode is dedicated to continuously improving accessibility and ensuring that every student, regardless of ability, can fully participate in learning to code. We strive to meet the highest accessibility standards and provide features that make learning easier for all users.
If you experience any accessibility issues or have feedback, please don’t hesitate to contact our support team. We value your input and are committed to making DojoCode a fully accessible learning platform.
