CODEWITHSUNDEEP
htmlaccessibilitysemantics
Dan
Dan

Reputation: 3870

Correct character for writing dimensions in HTML

When I'm writing dimensions in HTML, what is the correct, semantic way to write them so that screen readers and other assistive technologies will interpret them correctly?

For example, I'm talking about physical dimensions of a building on a page, I want to write something along the lines of "the building is 100x200 feet in size". For this, I can use a regular lower-case x, × or ✕. Beyond these, there are several other similar characters to choose from, but I don't know which is best.

Any suggestions or input would be appreciated.

Upvotes: 3

Views: 147

Answers (2)

Adam
Adam

Reputation: 18807

The problem is also a problem of text-alternative. How do you pronounce it?

  • the building is 100 by 200 feet in size

If so, then you should chose between using the full form, or using a text-replacement:

  • the building is 100<span aria-label="by">x</span>200 feet in size

No matter which char you use, the most important thing is to have something understandable by screen readers (and sighted users of course)

Upvotes: 2

Darren Gourley
Darren Gourley

Reputation: 1808

After a quick Google search of "area" the top result I got was maths is fun. They use × (&times;) Seems perfectly reasonable to me.

Wikipedia uses it too, I think &times; is a safe bet.

Upvotes: 1

Related Questions