Beginner Tutorial — Introduction

4X

4X is a rendering API that includes a collection of powerful ARIA-related functions for building feature-rich internet applications that ensure accessibility for people with disabilities.

How to load:


                            <script src="4X/4X.js"></script>

Once loaded, all the properties and methods documented within the following Help subfolders at the root of this project are available for immediate use:

  • Help/$A API
  • Help/ARIA Development
  • Help/DC API

If you haven't done so already, you should download Apex 4X. This will allow you to follow along with the referenced help documents that are included within the tutorial.

Local Webserver

If you don't already have a local webserver up and running, it is important to do so before continuing with this tutorial. This will ensure that all of the examples run correctly within the practice sessions.

You can check this by looking at the address bar. If you see "file://" at the beginning, then you are not running a local webserver. You should see "localhost" at the beginning instead.

To install and run a local webserver, simply do the following.

  1. Install NodeJS.
  2. Run the script file "WebserverInstall.sh" from the project root: Installs a local webserver. (Need only be done once.)
  3. Run the script file "WebserverRun.sh" from the project root: Starts the local webserver.
  4. After this is done, return to this page and click here to refresh the page using the local webserver before continuing.