Techniques for WCAG 2.0

On this page:

-

# G163: Using standard diacritical marks that can be turned off

## Applicability

All technologies.

This technique relates to:

- Success Criterion 3.1.6 (Pronunciation)
  - How to Meet 3.1.6 (Pronunciation)
  - Understanding Success Criterion 3.1.6 (Pronunciation)

## Description

The objective of this technique is to provide users with a mechanism for turning standard diacritical marks on or off.

Many languages use diacritical marks or diacritics to indicate the pronunciation of words or to help distinguish between words. Some languages may use diacritics to denote vowels, to indicate consonant doubling, to indicate the absence of a vowel or a consonant, or for other purposes. Although text without such diacritics can be readable, the addition of diacritics can improve readability.

## Examples

### Example 1

A Web page in Hawaiian displays all diacritical marks by default and provides links that allow users to select the level of display of diacritical marks:

- Display no diacritical markings

- Use the footmark (‘) for the ʻokina, but do not display macrons

- Show all diacritical markings

The visitor selects the level he or she prefers, and this preference is stored into a session cookie. All subsequent pages during that same session have access to the cookie, and show or hide diacritics according to the selected level.

On the server side, content is stored with all diacritical markings. If a visitor prefers fewer or no diacritics, a server-side function replaces or removes diacritics as desired before sending the response.

Example at Hawaiian language online.

## Tests

### Procedure

For any Web page in a human language that uses diacritical marks to distinguish between meanings:

1. Check that the default version of the content uses diacritical marks.

2. Check that there is a mechanism to turn diacritical marks on or off.

3. Check that using the mechanism to turn off diacritical marks results in content that does not display diacritical marks.

4. Check that using the mechanism to turn on diacritical marks results in content that displays diacritical marks.

### Expected Results

- Checks #1 - #4 are true.

- Top
- Contents
- Intro
- Previous: Technique G162
- Next: Technique G164