Yandex Webmail Testing: What You Need to Know

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:

Header

paragraph

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:

      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.

      in the head and body

      Yet again we find that a webmail client doesn’t support embedded styles. tags in the head or body, with the head section of the email being stripped entirely. This has some ripple effects such as not supporting animated CSS, but the big thing is that we have no ability to use classes or IDs. You’ll want to use a CSS Inliner, like the one we offer with our Email Editor tool.

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

      Yandex Support

      Element/Style Support
      in head
      in body
      CSS Selectors
      classes
      ids
      padding
      margin
      border-radius
      border
      line-height
      font-family
      font-size
      max-width
      Animated GIFs

      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 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!

      Leave a Reply