Setup of the accessibility environment
For creating websites with accessibility in mind, you need to have some specific software at hand. The chapters in this second part of our guide, the Setup part, will teach you how to set up all of the software. The complete setup is tailored to the needs of developers, but for readers with lesser demands, we also provide a pragmatic minimal version of the setup.
To guarantee the accessibility of your websites, you must ensure that they are compatible with commonly used input and output tools (software and/or devices). This also includes Assistive Technologies which are created specifically for people with special needs, like blind, hard-of-hearing, or motor-impaired people.
- Input tools: pointing devices (mouse), keyboards, touch screens, alternative controlling systems, etc.
- Output tools: visual displays (monitors), audio (produced for example by screen readers), braille displays, etc.
Luckily, you do not need to own and operate each and every single one of them. In the following chapters, the presented list of software covers most, if not all requirements. Furthermore, we show how to configure everything properly so that you can use them effectively.
The good news is that most of the proposed software can be used free of charge.
How to go through this part
First of all, before you continue reading, be sure you have gone through the previous part already: Introduction to our guide.
Not everyone reading this guide may be involved as deeply in accessibility as the typical frontend developer. And thus, not everyone may have the same setup requirements.
Complete setup: all the power you need
If you are a developer, you will have to perform the complete setup of most (if not all) proposed software. As it is quite a lot (and a few of the tools will hook themselves deeply into the operating system), we show how to set up a self-contained environment (a virtual machine) that does not interfere with your main one. For this, please work through all chapters of the current part thoroughly.
You should stick to the sequential order of the chapters, as they build up on each other. So, we neither recommend jumping extensively between the parts of this guide, nor between each parts' chapters. To support the sequential reading flow, we generally do not offer links pointing "outside" the current chapter (except for some rare, well-justified cases).
Minimal setup: a pragmatic quick solution
Maybe you are not interested in having all the tools, or your company does not allow you to install new software at all. In this case, we propose a minimal setup. Although it's definitely not on-par with a complete setup, it will still serve you very well.
In order to get there, please work through the following list of pages, as they will guide you to the software that's most important for having a well-working, minimal environment available. If you're not running a Windows system yet, please work through the chapter Windows operating system first.
- Firefox installation and configuration
- NVDA installation and configuration
- Colour Contrast Analyser
- PDF Accessibility Checker
- Windows High Contrast Mode
By the way: all of the minimal software is available in some portable version. Thus, it does not need any admin rights for installation. See What is a portable app? (PortableApps.com) for more information.