Inclusion Code para Windows

Introducción

Inclusion Code es una herramienta educativa accesible que facilita el aprendizaje de etiquetas básicas de HTML a personas ciegas. HTML significa Lenguaje de Marcado de Hipertexto y es el lenguaje estándar de marcado para páginas web.

La interfaz del programa es sencilla, con menús clásicos, y utiliza controles estándar de Windows, lo que lo hace accesible para lectores de pantalla y líneas Braille utilizadas por personas ciegas. Los beneficios de que una persona ciega aprenda HTML incluyen poder crear contenido accesible para publicarse en herramientas basadas en la web como WordPress, redactar correos electrónicos con formato estructurado, crear documentos HTML accesibles y promover la accesibilidad digital.

Es importante aclarar que Inclusion Code es una herramienta educativa y no está diseñada como un editor para crear sitios web. Sin embargo, el uso de Inclusion Code es una excelente alternativa accesible como primer paso en el aprendizaje de HTML por parte de una persona ciega. El programa permite practicar la codificación HTML de una forma no intimidante. Un ejemplo del uso educativo del programa es que, mediante el menú insertar, se pueden generar automáticamente las etiquetas HTML principales e integrarlas directamente en el editor. Este código se presentará resaltado en el editor, por lo que el usuario ciego debe revisar el código utilizando las teclas de flecha para que deje de estar seleccionado. Este proceso permite que la persona ciega revise el código y aprenda las diferentes etiquetas HTML. Para software avanzado de programación HTML, se recomienda el uso de un Entorno de Desarrollo Integrado (IDE), como Visual Code Studio.

Descargar Inclusion Code

Descargar Inclusion Code versión 2.60 para Windows

Documentación

Pantalla de inicio

Cuando se inicia Inclusion Code, aparecerá una pantalla con varias opciones que podemos seleccionar. Estas son:

  • Editor en blanco
  • Estructura global HTML
  • Salir

Si se selecciona Editor en blanco, el editor se abrirá en una página en blanco, donde la persona ciega podrá comenzar a añadir código HTML a través del menú insertar o escribirlo manualmente.
Si se selecciona Estructura global HTML, aparecerá una pantalla interactiva donde la persona ciega podrá navegar y aprender sobre las etiquetas principales. Al presionar la tecla enter, se integrarán códigos con las secciones html, head y body en el editor, y el enfoque estará en la etiqueta donde se presionó enter.
Seleccionar Salir cerrará el programa.

Accesibilidad web

Aprender los códigos básicos de HTML ayudará a las personas ciegas a obtener un conocimiento básico sobre accesibilidad digital y promoverla, ya sea creando contenido digital accesible o probando el comportamiento de un lector de pantalla en una página web para entender e informar sobre errores de accesibilidad de forma clara.

Inclusion Code recomienda la creación de contenidos digitales que sigan las pautas de accesibilidad tanto del W3C WCAG (internacional) como de la Sección 508 (Estados Unidos).

Uso recomendado

Recomendamos usar Inclusion Code para:

  • Como herramienta inicial para aprender a codificar en HTML.
  • Aprender a crear contenido HTML rápidamente y copiarlo y pegarlo en herramientas de publicación web como WordPress, entre otras.
  • Aprender a redactar contenido estructurado con formato y pegarlo en editores de correos electrónicos.
  • Aprender a crear documentos HTML accesibles con formato.
  • Aprender la estructura básica de HTML y las etiquetas principales para promover la accesibilidad digital navegando el código con un lector de pantalla.

Características del editor HTML

  • El programa puede generar etiquetas HTML automáticamente para el elemento seleccionado en el menú Insertar, insertándolas al momento en el editor.
  • Previsualizar los códigos HTML en el navegador web desde el propio programa.
  • Leer en voz alta los códigos HTML en el editor, así como las selecciones de menú y mensajes del programa. El usuario puede seleccionar cualquiera de las voces SAPI5 disponibles en Windows.
  • Copiar el código del editor en el portapapeles.
  • Efectos de sonido para varios eventos del programa.
  • Seleccionar el tipo y tamaño de fuente a usar en el editor.
  • Seleccionar colores de alto contraste para el fondo y el texto del editor.
  • Menús del programa disponibles en inglés o español.

Compatibilidad del programa

Inclusion Code es compatible con las siguientes versiones de Windows:
11/10/8/7 y con arquitecturas de 32 y 64 bits.

Además, Inclusion Code no requiere instalación, ya que es un programa autoejecutable, ideal para tenerlo en una memoria USB portátil y utilizarlo en cualquier computadora con Windows.

Menús y comandos del teclado

Lista de todos los menús del programa, con su combinación de atajos de teclado y una breve descripción.

Menú Archivo

Nuevo

Limpia el editor para escribir nuevo contenido HTML. Si hay contenido en el editor, saldrá una ventana y preguntará si desea copiarlo en el portapapeles.
Alt + f, n

Imprimir

Imprimir una copia física del código HTML actual que está en el editor. Alt + f, i

Salir

Salir del programa. Si hay contenido en el editor, saldrá una ventana y preguntará si desea copiarlo en el portapapeles.
Alt + f, s

Menú Edición

Deshacer

Deshacer la última acción.
Alt + e, u

Cortar

Eliminar la selección actual y copiarla al portapapeles.
Alt + e, c

Copiar

Copiar la selección actual al portapapeles.
Alt + e, o

Pegar

Pegar el contenido del portapapeles en la posición actual del cursor.
Alt + e, p

Eliminar

Eliminar el texto seleccionado.
Alt + e, l

Seleccionar todo

Seleccionar y resaltar todo el texto.
Alt + e, s

Buscar/Reemplazar

Buscar una instancia de texto y reemplazarla por el texto nuevo designado.
Alt + e, f

Buscar siguiente

Buscar la siguiente instancia del texto designado.
Alt + e, n

Menú Insertar

Importante: A través de este menú insertar, se pueden generar automáticamente las etiquetas HTML principales e integrarlas directamente en el editor. Pero esto hace que el código aparezca resaltado, por lo que el usuario ciego debe revisarlo usando las teclas de flecha para que deje de estar seleccionado y no se borre al escribir el siguiente código.

Encabezado

Mostrará una ventana con una lista de niveles de encabezado del 1 al 6. Debe moverse con la flecha arriba o abajo, y al presionar Enter se insertará el código del nivel de encabezado seleccionado en la posición actual del cursor en el editor. Alt + i, e

Párrafo

Aparecerá una ventana con un cuadro de edición y, una vez que se haya escrito el texto, se debe presionar Enter para integrarlo al editor. Alt + i, p

Lista

Se presenta una ventana donde debe seleccionarse el tipo de lista, luego aparecerá otra ventana para seleccionar el número de elementos, y finalmente ventanas con cuadros de edición para escribir los elementos de la lista.
Alt + i, l

Enlace

Aparecerá una ventana con un cuadro de edición donde se debe escribir la URL y presionar enter. Luego, otra ventana aparecerá con un cuadro de edición donde se escribirá el texto del enlace, y al presionar enter se integrará el código en el editor. Alt + i, k

Negrita

Aparecerá una ventana con un cuadro de edición y, una vez que se haya escrito el texto, se debe presionar Enter para integrar la etiqueta strong en el editor. Alt + i, n

Cursiva

Aparecerá una ventana con un cuadro de edición y, una vez que se haya escrito el texto, se debe presionar Enter para integrar la etiqueta em en el editor. Alt + i, c

Salto de línea

Insertar la etiqueta br en el editor, que produce un salto de línea (retorno de carro). Alt + i, n

Menú Código

Vista previa en navegador

Mostrar los códigos HTML como una página web en el navegador predeterminado.
Alt + c, n

Copiar al portapapeles

Copiar todo el texto actual del editor al portapapeles.
Alt + c, c

Leer texto del editor

Leer el contenido actual del editor con el motor de voz de texto a voz del sistema.
Alt + c, l

Detener lectura

Detener el audio de texto a voz actual.
Alt + c, d

Menú Opciones

Idioma

Seleccionar entre idioma inglés o español para los menús del programa. El software se reiniciará para aplicar el nuevo idioma. También, verificar que la voz actual SAPI5 coincida con el idioma de los menús. Alt + o, i

Tamaño de fuente

Seleccionar varios tamaños para la fuente Arial.
Alt + o, t

Alto contraste

Se pueden seleccionar combinaciones de colores de alto contraste (fondo negro y letras blancas) para usar en el editor.
Alt + o, a

Sonidos

Usar efectos de sonido en ventanas de opciones y código seleccionado desde los menús.
Alt + o, s

Preferencias de voz

Elegir activar la opción de mensajes hablados. También, cambiar la voz y el idioma del sistema SAPI5.
Alt + o, v

Menú Ayuda

Documentación

Este documento de ayuda se abrirá en tu navegador.
Alt + h, d

Página web de Inclusion Code

Se accederá a la página web www.inclusioncode.com. Debes tener conexión a Internet activa.
Alt + h, w

Acerca de

Información sobre la versión actual y autor de Inclusion Code.
Alt + h, a

Síguenos en X

X: @inclusioncode