Inclusion Code for Windows
Introduction
Inclusion Code is an accessible educational tool, that facilitate the learning of HTML basic tags to blind people. HTML stands for Hyper Text Markup Language, and is the standard markup language for Web pages.
The program interface is a simple one with classic menus, which uses the standard Windows controls, making it accessible to screen reader programs and braille displays used by blind people. The benefits that a blind person learns HTML, includes being able to create accessible content to be published in web -based tools such as WordPress, write E-mails With structured format, create accesible HTML documents and promote digital accesibility.
It is important to clarify that Inclusion Code is an educational tool and is not designed as an editor to create web sites. However, the use of Inclusion Code is an excellent accessible alternative as the first step for HTML learning by a blind person. The program allows practice HTML coding in an non -intimidating way. An example of an educational use in the program, is that through the insert menu, the principal HTML tags can be generated automatic and integrate them directly into the editor. This code will be presented highlighted in the editor, so the blind user must review the code using the arrows keys, so that code is no longer selected. This process allows the blind person to review the code and learn the different HTML tags. For advance HTML programming software, we recommend the use of a Integrated Development Environment (IDE), like Visual Code Studio.
Download
Download Inclusion Code for Windows (Version 2.60)
Documentation
Starting screen
When Inclusion Code starts, a screen will appear with various options that we can select. They are:
- Blank editor
- HTML global structure
- Exit
If Blank editor is selected, the editor will open in a blank page, where the blind person can start either adding HTML tags codes through the insert menu or write them manually.
If HTML global structure is selected, an interactive screen will appear, where the blind person can navigate it and learn about that main tags. When the blind person press the enter key, Codes with the html, head and body sections will be integrated in the editor, with the focus will be in the tag where the enter key was press.
Selecting Exit will exit the program.
Web accessibility
Learning HTML's basic codes will help blind people to get a basic knowledge of digital accessibility and promote it, either by creating accessible digital content or testing the behaviour of a screen reader in a web page, to understand and inform accessibility errors in a clear way.
Inclusion Code recommends the creation of digital contents that follow the accessibility guidelines of both the w3c WCAG (International) and the Section 508 (United States).
Recommended use
We recommend using Inclusion Code to:
- As an initial HTML programming learning tool.
- To learn how to create quickly HTML content and copy and paste it into web publishing tools such as Wordpress, among others.
- To learn how to write structure conten with format and paste it in E-mails editors.
- To learn how to create accesible formatted HTML documents.
- To learn HTML basic structure and main tags to promote digital accessibility navigating the code with a screen reader.
HTML editor features
- The program can generate HTML tags automatically for the element selected from the Insert Menu, copying them into the editor.
- Preview the HTML codes in the web browser from within the program.
- Reading aloud the HTML codes in the editor as well as the menus selections and program messages. The user can select any of the SAPI5 voices available in Windows.
- Copy editor code to clipboard.
- Sound effects for various program events.
- Select the font type and size to use in the editor.
- Select high contrast colors for background and editor texts.
- Menus of the program available in English or Spanish.
Program compatibility
Inclusion Code is compatible with the following Windows versions:
11/10/8/7 and with both 32 and 64 bit architectures.
Also, Inclusion Code does not require installation, since it is a self-executing program, ideal to have it on a portable USB flash drive, and use it on any Windows computer.
Menus and keyboard commands
List of all program menus, with their keyboard shortcut combination and a brief description.
File Menu
New
Clear the editor for write new HTML content. If there is content in the editor, a window will come out and ask if you want to copy it on the clipboard.
Alt + f, n
Print a hard copy of the current HTML code which is in the editor. Alt + f, p
Exit
Exit the program. If there is content in the editor, a window will come out and ask if you want to copy it on the clipboard.
Alt + f, x
Edit Menu
Undo
Undo the last action.
Alt + e, u
Cut
Remove the current selection and copy it to the clipboard.
Alt + e, c
Copy
Copy the current selection to the clipboard.
Alt + e, o
Paste
Paste the contents of the clipboard at the current caret position.
Alt + e, p
Delete
Delete the selected text.
Alt + e, l
Select All
Select and highlight all text.
Alt + e, s
Find/Replace
Find instance of text and replace it with designated new text.
Alt + e, f
Find Next
Find the next instance of the text designated.
Alt + e, n
Insert menu
Important: Through this insert menu, the principal HTML tags can be generated automatic and integrate them directly into the editor. But, this causes this code to be highlighted, so the blind user have to review them, using the keyboard arrows, so that code is no longer a selected text, and not be erased when the next code is written.
Heading
It will show a window with a list of headings level 1 to 6. It must be moved with the down arrow or up arrow, and pressing Enter will insert the slected heading level code in the current cursor position in the editor. Alt + i, h
Paragraph
A window will appear with an edit box and once the texts have been written, the Enter key must be pressed for integration into the editor. Alt + i, p
List
A window is presented where the type of list must be selected, then another window will appear to select the number of items and finally the windows will appear with edit boxes to write the items in the list.
Alt + i, l
Link
A window will appear with an edit box and the user must write the URL and press enter. Then, another window will appear with an edit box, and affter the text of the link was written, pressing enter will integrate the code in the editor. Alt + i, l
Bold
A window will appear with an edit box and once the texts have been written, the Enter key must be pressed for integration of the strong tag into the editor. Alt + i, b
Italic
A window will appear with an edit box and once the texts have been written, the Enter key must be pressed for integration the em tag into the editor. Alt + i, i
New line
Insert the br tag into the editor, that produces a line break in text (carriage-return). Alt + i, n
Code menu
Preview in browser
Show the HTML codes as a web page, on the default Internet browser.
Alt + c, b
Copy to clipboard
Copy all the current text in the editor to the clipboard.
Alt + c, c
Read editor text
Read the current editor content with the system default text to speech engine.
Alt + c, r
Stop reading
Stop the actual text to speech audio feedback.
Alt + c, s
Settings menu
Language
Select between English or Spanish language for the menus of the program. The software will restart, so the new language can take effect. Also, verify that the actual SAPI5 text to speech voice, is in the same language of the menus. Alt + o, l
Font size
Select various sizes for the arial font.
Alt + o, f
High contrast
High contrast colors combinations (black background and white letters) can be selected for use in the editor.
Alt + o, h
Sounds
Use sound effects on options windows and code selected from the menus.
Alt + o, s
Text to speech preferences
Choose to activate the speech messages option. Also, change the actual system SAPI5 text to speech voice and language.
Alt + o, t
Help menu
Documentation
This help document will open in your browser.
Alt + h, d
Inclusion Code web page
You will access the www.inclusioncode.com web page, you must have an active Internet connection.
Alt + h, i
About
Information about the current version and author of Inclusion Code.
Alt + h, a