Accessibility statement · Abudhabibuscard

The Hafilat top-up desk is built for everyday riders, including riders who use a screen reader, ride with low vision, navigate by keyboard or rely on a mobile assistive technology. This page lists what works today and where there is room for improvement.

Standards we aim for

We aim for the WCAG 2.1 Level AA pattern: meaningful labels on every form field, sufficient colour contrast for text, focus rings on every interactive element, and a logical tab order from the top of the page to the form button at the bottom.

What works today

Every input on the recharge form has a visible label and a programmatic <label> association.
The keyboard tab order follows the visual order of the page; the language toggle is reachable from the first tab stop.
Error messages on the form are read aloud by screen readers because they appear inside the same <label> block as the field they belong to.
The mobile drawer can be closed with the Escape key.
Body copy meets the AA contrast threshold against the off-white background.
Page titles describe the page purpose; <h1> appears once per page.
Both English and Arabic surfaces use the same accessibility pattern; the Arabic side runs in right-to-left mode.

Known limitations

The map embed on the contact page is a third-party iframe; its accessibility falls back to the map provider.
The card desk on the checkout subdomain follows the card processor's own accessibility — the desk we run does not control that surface.
Prefers-reduced-motion is honoured for our own animations; third-party fonts may still load with a subtle FOUT.

If something is in your way

If a page is unreadable, if a form field cannot be reached or filled, or if any other accessibility issue blocks a top-up, write to the contact form with a short description of the device, the screen reader (if any) and the page URL. The desk treats accessibility messages as a priority and replies on the same working day.

Tested with

The pages are tested manually with the following combinations: VoiceOver on macOS Safari, VoiceOver on iOS Safari, NVDA on Windows Firefox and TalkBack on Android Chrome. The recharge flow is also walked end-to-end with a keyboard only.

Updated