Skip to content
easeweb
Search topics

Jargon and unusual words with no definition

A car rental booking offers cover for the excess, an insurance word that looks like an everyday one, and nowhere on the page says what it means.

WCAG 2.2
SC 3.1.3AAA
Required by
Not required by Section 508 or EN 301 549
Broken <p>Excess: 1,000.00 …</p>
The accessibility problem illustrated: Cognitive:What is an excess?
01

The problem

People who don't know the insurance meaning of excess can't tell what the 1,000.00 is

02

Try it

Work out what the 1,000.00 excess is, using only what the page says

This is the extras step of a car rental booking. Choose an answer under it, then apply each fix, find where the page says what the excess is, and answer again.

Broken Can you fix this?

BrokenA trade term with no definition
Car rental booking · Step 2 of 3: Extras Compact car, 3 days

Protection

Excess: 1,000.00 for each accident

What is the 1,000.00?

A recreated demo. The broken version is intentionally inaccessible.

03

The fix

Say what each trade word means, where people read it

Before
BrokenA trade term with no definition
<h2>Protection</h2><p>  Excess: 1,000.00 for each accident</p><label>  <input type="checkbox" name="excess-cover">  Excess cover, 12.00 a day</label>
What is wrong2 points
  • In insurance, excess means the most the hirer pays towards damage in each accident, a meaning the everyday word doesn't give.
  • Nothing on the page, or on the site, says what it means, and the offer of excess cover depends on it.
After

Define the term where it is used

<h2>Protection</h2><p>  Excess: 1,000.00 for each accident. This is the most you pay towards damage to the car; the insurance pays the rest.</p><label>  <input type="checkbox" name="excess-cover">  Excess cover, 12.00 a day: you pay nothing towards damage</label>
How it is fixed2 steps
  1. Write the meaning straight after the term, in the same paragraph and in everyday words: the most you pay towards damage to the car, with the insurance paying the rest. This is W3C technique G112, an inline definition.
  2. Say in the checkbox's label what excess cover does for the reader: they pay nothing towards damage. The label is the checkbox's name, so a screen reader reads the meaning with it.

This fixes the Before and passes 3.1.3. Every reader meets the meaning together with the word, without having to know that there is anything to look up, and it reaches every browser, screen reader and translation tool as part of the text. It costs one sentence on the page.

04

Design ideas

A meaning can be shown in more than one way

Three more ways to give the meaning of excess, and one that only looks as if it does. Point at them, tap them and Tab to them.

In the design file

  • Mark every trade word on the page, and write its meaning in the words a first-time customer uses.
  • Put the meaning on the same screen as the word, on a phone too.
  • Draw any button that opens a meaning both closed and open, and with its focus ring.
  • Use one word for one thing on every page, and in the emails and the contract too.

Passes

  • The most you pay for damage (excess): 1,000.00

    Plain words first, the term in brackets The line leads with what the reader needs, and keeps the trade word in quieter grey after it, 6.04:1, for when they meet it again in the contract.
  • Excess: 1,000.00

    Info button with a bubble A small round “i” after the word opens the meaning in a bubble on a click, a tap, Enter or Space, and the bubble stays until the button is pressed again. Hover alone never opens it, so a phone gets the same as a mouse.
  • Excess: 1,000.00

    Words in this step

    Excess
    : the most you pay towards damage.
    Excess cover
    : you pay nothing, for 12.00 a day.
    A card of the words in this step One soft card beside the options defines each word the step uses, once, so the line itself stays short. It suits a step with several such words; keep it on the same screen as the choice.

Fails

  • ExcessThe most you pay towards damage to the car in each accident. The insurance pays the rest.: 1,000.00

    Dotted underline with a hover tooltipWCAG 3.1.3 The dotted line promises a meaning, but only a mouse resting on the word opens it: a keyboard never reaches the word, and a touch screen never shows the tooltip. A title attribute fails the same way.

    See also: Form field labels and hints only in a title tooltip

05

Verify the fix

4 checks, no mouse.

Test with: Keyboard, Touch, Screen reader

0 of 4 checked

Record the OS, browser and assistive-technology versions, the build, the date, and the actual result of each step. Repeat whenever the copy changes.

Limits

This is a starting pattern, not a guarantee. The example is one word on one booking step. 3.1.3 is Level AAA, above the AA level that most policies ask for, but a definition costs a sentence, and on a booking or checkout page it decides whether people know what they are paying for. Which words need defining depends on who reads the page, so a page for specialists can define fewer than a page for the public. Definitions don't make a hard text easy: they help with single words, and a page full of them needs rewriting more than it needs a glossary.

This is a recreated teaching example, not a finding about a named client. The code is a starting pattern: test it in your own product. No completed assistive-technology test is claimed here.

EaseWeb service

Fixed it? Keep it from coming back.

I turn guides like this one into rules your coding agents follow and checks your CI runs. Then I retest by hand with a keyboard and screen readers, periodically.

See the service