Accessibility

The tips below describe some of the techniques you can use within Kentico to make your pages more accessible to all users.

Adding alt tags to images

Any image that denotes information requires an alternative description (alt tag) for non-visual devices. If an image is purely decorative and serves no content purpose it can have an empty alt tag.

When inserting an image in Kentico, note that the Image/Edit dialog provides a field for the alt tag.

Image editing area with alternate text field highlighted

The text should describe the image or contain the actual text if there is text in the image. Note that if you insert an image through the Quickly Insert Image option it will automatically put the file name into the alt text field. This should be removed and replaced with readable text.

Example of a file name incorrectly added to the alternate text field

Headings

When selecting heading levels, ensure that they are in outline order. This will help the semantic structure of your page and assist those using non-visual devices. For example, a Heading Four should only be a child of a Heading Three not a Heading Two.

Creating an accessible data table

For a data table to be accessible, column and row headings need to be clearly marked and a caption added if there is not already a clearly related content header. To do this in Kentico use the following steps:

Marking column and row headers

Click on the table tool. In the Table Properties dialog select the Headers drop down. There are three options to create headers in the first row, the first column or both. Select the option that fits your data best.

The table properties dialog box with the Headers drop down

You will know that they are correctly marked as headers by the styling. For example, this table has both row headers (light gray background) and column headers (dark gray background.)

A table displaying column and row headers

Table Captions

If there is not already a descriptive header that introduces the data table, add a caption. The caption will appear before the table.

An example of a table with a caption

The optional summary field is for any details that may provide additional context of the table to a user of a non-visual device.