E-mail List Archives

styling phone links


From: Angela French
Date: Oct 11, 2017 1:52PM

On our website our links are blue with a border-bottom that change to orange when they receive focus. However on phone numbers (we use the tel attribute), we use media queries to remove the link styling on devices we can generally assume (by their size) are not capable of making phone calls.

This style is dinging us on Siteimprove because there is the link is not distinguishable. Of course an automated device does not consider the media queries.

I tried a white border-bottom to try to fool the evaluator, but that didn't work. (our background color is white).

Any ideas on the best way to style phone links so as not to flag this error? We made this media query because in the beginning I was getting calls from people saying they were getting a weird message when they clicked on these links (from their computer). In IE, it opens a dialog that asks what application you want to use to open the link.


Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges