Skip to content
ENالعربية

R070: tel/email/url inputs rendered RTL (these must stay LTR)

Phone, email and URL fields left right-to-left on an Arabic page: their values are left-to-right strings, so digit groups and punctuation can display out of order as users type.

The check

Id
R070
Category
Forms
Default severity
medium

When it fires

  1. medium

    A visible tel, email or url input on an Arabic page is set to dir="rtl". Its value is a left-to-right string, so typing into it runs the caret and the digit groups the wrong way.

    Fix: Set dir="ltr" on this tel, email or url field (keep the label and layout RTL).

  2. mediummedium confidence

    The same kind of field with no dir of its own, inheriting the page's right-to-left direction. Reported at medium confidence, since nothing on the field itself asked for it. In practice this is email and URL fields: Chromium already renders a tel field left-to-right unless it is told otherwise.

    Fix: Set dir="ltr" on this tel, email or url field (keep the label and layout RTL).

What it leaves alone

Other input types, like free-text fields, which R023 checks the other way round, and fields that already render left-to-right. Up to six per page.

Broken, then fixed

before.html
<input type="email" name="email">
after.html
<input type="email" name="email" dir="ltr">

Check it by hand

Select the field and run [$0.type, $0.dir, getComputedStyle($0).direction] in the DevTools console. A tel, email or url field that computes rtl is the finding.

What the report shows you

Each R070 finding carries the fields below that apply to it, so you can see why it fired without rerunning the scan.

type
The input's type: tel, email or url.
dirAttr
Its dir attribute as written, or nothing when it has none.
computedDirection
The direction it renders in.

Components that pass it by construction

These Ritla UI components satisfy R070 by how they are built. Used as documented, they do not bring this defect onto your page.

More forms checks

Does your page trip R070?

Paste a URL. Ritla renders the page on desktop, tablet and mobile, runs every check, and shows the top issues with screenshot evidence.

Scan a page freeBrowse the checks