Knowledge base

Design

The design of a webpage is essential for accessibility. A lot of information is conveyed with colour, shape and location, but not all visitors can properly perceive the design. So make sure there is enough contrast, but also that there are other ways available to convey the same information. By paying attention to these important points, you make sure that the design of your website is accessible as well.

Forms

Forms can be made accessible using a combination of technology, design and text. A form which is properly built in the code, can be operated with the keyboard. An accessible form provides the visitors with a suggestion on how to solve an input error. It also allows the visitors who use assistive technology to complete the form correctly. A form can consist of various form fields:

• input fields
• checkboxes
• comboboxes
• radiobuttons
• etc.

Images

The content of a website which does not consist of text, such as photos, icons and other images, can be made accessible by making them available as text as well. This is because text can be presented in various ways by assistive technologies. Reading software can convert a text to speech (auditory) and a braille display can translate it to braille (tactile). This way images are also accessible to visitors who cannot see the image. The content of a text alternative depends on the context of the image. The same image in a different situation can need a different text alternative.

Media

Media files make it possible for the information to be transferred quickly and easily. To make them accessible to everyone, it must be ensured that visitors can experience films and sound fragments with the senses available to them. Visitors who are deaf or hard of hearing cannot hear (clearly) what is being said in a sound fragment. Visitors who are blind or visually impaired cannot see what is shown in a video. Therefore, add an alternative way of communication, such as subtitles, a transcript or an audio description. The guidelines distinguish between different forms of audio and video:

• Sound fragments (sound without image)
• Moving pictures (picture without sound)
• Movies (image with sound)

Sound fragments or video are sometimes used as an alternative to text. If all the information that can be seen or heard is also available in the text, then you speak of a media alternative. With an equivalent media alternative, a media file does not have to meet the associated requirements such as subtitles, transcript or audio description. In the Netherlands an exception applies to media published before September 23, 2020. Live media does not have to be directly accessible either. If it is available online after the broadcast or is republished somewhere else, then it must be made accessible.

Navigation

Navigation is an important part of a website. By making sure that all visitors can navigate a website properly, they are given access to all available information. A well built and consistent page structure and skip links help visitors to navigate the page without much effort.

Operation

The operability of a website is important for good interaction. Many visitors use a mouse and a keyboard to navigate the web. Unfortunately, this is not suitable for everyone. Make sure that the functionality of the content does not rely only on a mouse or a keyboard.

Text

Text is the most accessible form of digital information. Text can be presented in different ways by assistive technologies. For example, reading software can convert a text into speech (auditory) and a braille display can translate it into braille (tactile). A clear structure is important for the accessibility of a text. Elements such as headings, subheadings, and lists are used for structure. The structure also needs to be properly coded. In addition, the content must be understandable and presented to visitors in a logical order. All of this must be indicated correctly in the code.

Designers

Editors

Programmers