Click to Sign Up for a 7 Day Free Trial!

Email Development

Yandex Webmail Testing: What You Need to Know

Email On Acid

Launched in 1997, Yandex is a Russian multinational technology company specializing in Internet-related services and products, including email. Email on Acid is proud to announce that we support email testing in this client.

The Yandex search engine boasts a huge market share of over 55% in Russia. They also have a large presence in Belarus, Kazakhstan, Ukraine and Turkey. If you're sending to recipients in Russia, it's safe to say you'll see a fair number of Yandex addresses.

In this post we'll see how it copes with some of the most common email techniques. If you'd like to skip straight to the support, you can find a table at the bottom of the post.

The Good

I tested the same elements as that I tested in our post about Telstra webmail to see how Yandex stood up overall. The support for most HTML elements, much like with Telstra, is good. Here's what I found.

Headers and Paragraphs

Semantic HTML markup is very helpful when trying to increase the accessibility of an email. Luckily, Yandex will render both header and paragraph tags without the spacing going awry:

<h1>Header</h1>
<p>paragraph</p>

Spacing

Yandex has a good amount of support for various ways we control spacing in email. Padding, cellpadding and margin are all supported with the following methods being tested:

padding: 20px;  
padding-left: 20px;  
padding-right: 20px;  
padding-top:20px;  
padding-bottom: 20px;  
padding: 20px 0px 20px 0px;

One thing to note is padding does not seem to be supported on a table container, only the cells within. So bear that in mind when controlling your layouts with padding.

Borders

Good news on the border front. Yandex supports the border property when tested with this code:

border: 5px solid #ff0000; 
Border-radius: 5px;

A fun little element to use in email, border-radius enables us to use rounded corners without images. Yandex will render your border radius as expected.

Font and Text styles

Yandex does support our commonly used font styling techniques. Pretty standard stuff, but good to have. We tested with the following code:

font-size: 14px;  
font-family: sans-serif;  
line-height: 16px;

Animated GIFs

I love animated GIFs, and I'm happy to say so does the Yandex email client. No quirks here as it'll render them perfectly.

Background colours

Background colours also render well in the Yandex webmail. In terms of adding colour you have the freedom to do it with either HTML attributes or inline CSS:

HTML: background="#ff0000"
CSS: background-color: #ff0000; 

Max-width

A must-have for Fluid Hybrid layouts, max-width support is working with Yandex just as you'd expect it to:

max-width: 600px !important;

Lists

We find that both ordered and unordered lists work:

<ul></ul> 
<ol></ol>

The Bad

Unfortunately, Yandex does have a few issues with how it renders email which we'll break down now.

Background Images

In our testing, we found that neither CSS nor HTML background images will work. I tested multiple methods of applying the background image and could not achieve the desired results.

<style> in the head and body

Yet again we find that a webmail client doesn't support embedded styles.

This has some serious implications as you can see in the reference table below.

Yandex Support

Element/Style Support
<style> in head
<style> in body
CSS Selectors
classes
ids
padding
margin
<ol>
<ul>
border-radius
border
line-height
font-family
font-size
max-width
Animated GIFs
<h1>-<h7>
<p>
CSS inline background
HTML attribute background

Closing words

Overall the Yandex webmail client is your standard webmail email client, it features a lot of good support for "fun" elements such borders, animated GIFs and border radius. However, the lack of <style> in the head is a big drawback, as is the lack of background images. Do you send to Yandex? Have you found some weird quirks? We'd love to hear what you find so we can keep this guide updated.

It's important to test emails constantly, we never know when an email client will change how it handles code. Yandex is included in our suite of email clients to test on, so if you're sending email to Russian recipients, we've got you covered!

About the Author

Alex Ilhan

Alex Ilhan

Hailing all the way from England, Alex brings his email development expertise along with an endless stream of cups of tea and British cynicism.

Join the Discussion

Good article but there is some mistakes.
Background-image support well. I live in Russia and make ecards every day + test them in Yandex mail app and desktop version.
Igor
Hi Igor!

Could you show me your code to get background images working? I'll get to updating the article.
Alex Ilhan
Yes, sure. Here it is

<td background="img/bg_header.jpg" style="background: url('img/bg_header.jpg') no-repeat center top; background-color: #000000;">
Igor
Thanks Igor! I will test and update the post accordingly.
Alex Ilhan

Leave a Comment