Inclusion Code is a simple HTML editor for Windows that facilitates the coding process by automating the creation of basic tags. The user selects the desired element from the menu, the program will generate the corresponding codes and integrate them into the editor. So you can create HTML content in a very short time.
The Inclusion Code interface is a simple one with menu bars, which uses standard Windows controls, making it accessible to screen reader programs and braille displays used by blind persons.
Inclusion Code promotes the creation of websites that follow the accessibility guidelines of both the w3c WCAG (International) and the Section 508 (United States).
The tool can be used to show webmasters and web programmers, how to use the accessibility guidelines. For example, when an image is added from the Insert, Image menu, once the image is selected, the program will request for a text description. This lets explain the use of alternative texts is required as a priority in the accessibility guidelines.
Inclusion Code is compatible with the following Windows versions:
10/8/7with 32 and 64 bits.
Also, Inclusion Code does not require installation, since it is a self-running program, ideal for storing it in a portable USB memory drive, and using it on any Windows computer.
The program can generate basic HTML tags automatically when selected from the Insert menu.
Preview the HTML code in the computer default web browser without exiting the program.
Sound effects and text to speech options.
All program options can be used by keyboard.
Program menus available in English or Spanish.
We recommend using Inclusion Code for:
To learn basic HTML code.
To create quick HTML content and copy them and paste them into platforms such as Wordpress.
To create simple HTML pages to be used locally in Windows.
To demostrate accessible HTML coding to webmasters and web programmers.
When Inclusion Code starts, a window will appear with several options that we can select to open the editor. They are:
Global HTML structure
If Blank Editor is selected, the editor will open on a blank screen, where you can start inserting HTML codes. If Global HTML structure is selected, the editor will present the basic tags of the main parts of an HTML page. If My template is selected, the editor will load the mytemplate.html file that is in the mytemplate folder into the main Inclusion Code folder. This file can be edited to present the content desired by the user.
Once in the editor, you can either write the codes manually, or use the menus to generate the HTML codes automatically.
All files saved in Inclusion Code have an ANSI encoding. This is because the tool is used in Windows. If you are interested in publishing your page on the Internet, then you must change the encoding to UTF-8. You can, from the code menu, select the option to send the code to the notepad, and save it as UTF8.
Important note when integrating audios, images and videos
When an audio, image or video is added from the Insert menu, the program will automatically generate the necessary code with the respective HTML tags.
However, this code will assign a specific directory by default. For example, / audio for audio content, / image for image and graphic content and / video for video content.
Therefore, all these multimedia files are required to be stored in the corresponding folders in the initial Inclusion Code folder. This is due to the fact that if you are interested in uploading the contents to a server, using FTP, these contents can be loaded correctly, since they will be in the corresponding directory generated by the program.
If the files are not saved in these folders, they cannot be presented on the website.
Menus and keyboard commands
List of all program menus, with their keyboard shortcut and a brief description.
Clear the editor for a new HTML file.
Alt + f, n
Open a HTML file
Alt + f, o
Save the current HTML file, using the same filename.
Alt + f, s
Save the current HTML file, allowing filename selection.
Alt + f, a
Print a hard copy of the current HTML code.
Alt + f, p
End the program.
Alt + f, x
A list of the three most recent files is maintained.
Alt + f, r
Undo the last action.
Alt + e, u
Remove the current selection and copy it to the clipboard.
Alt + e, c
Copy the current selection to the clipboard.
Alt + e, o
Paste the contents of the clipboard at the current caret position.
Alt + e, p
Select and highlight all text.
Alt + e, s
Find Next - Find the next instance of the text designated.
Replace - Replace the targetted text with designated new text.
Cancel - Close the Find/Replace dialog.
Alt + e, f
General HTML tags
It will present a window with a list of several basic HTML tags. It must be moved with the down arrow or up arrow, and pressing Enter will insert the code in the current cursor position in the editor. If the label requires that texts be written, 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, g
A file browser window will open where you can select a file in .jpg, .gif or .png format. Once selected, a window will appear with an edit box where you must write the text description of that image that is the equivalent of the ALT attribute. This text description is accessible to blind person with their screen reader programs.
Alt + i, i
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
A window is displayed to enter the URL of the button link, and then a window will appear with an edit box to write the text of the button.
Alt + i, b
A file browser window will open where you can select a file in .mp3 format. Once selected, the HTML codes of an audio player that includes buttons for playback, pause, volume up and volume will be automatically generated.
Alt + i, a
A file browser window will open where you can select a file in .mp4 format. Once selected, the HTML codes of a video player that includes buttons to play and stop will be automatically generated, in addition to a selector of the percentage of the video played.
Alt + i, v
Preview in browser
Show the HTML code as a web page, on the default Internet browser.
Alt + c, p
Read out loud
Read the web page content with the system default text to speech engine.
Alt + c, r
Stop the actual text to speech audio feedback.
Alt + c, s
Send code to notepad
Send the current code in the editor to Notepad.
Alt + c, n
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
Select the desired font face, size and style. All text in the editor will appear in this font.
Alt + o, f
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
This help document will open in the 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
Information about the current version and author of Inclusion Code.
Alt + h, a
Inclusion Code has been developed by by José Manolo Alvarez , blind programmer professor at the University of Puerto Rico (UPR), to be used as part of the courses Introduction to HTML programming for special education students offered by the Fundación Manolo.Net .