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.
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:
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.
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;
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 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;
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;
We find that both ordered and unordered lists work:
Unfortunately, Yandex does have a few issues with how it renders email which we’ll break down now.
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.
|<style> in head|
|<style> in body|
|CSS inline background|
|HTML attribute background|
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!
Author: 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. Follow him on Twitter: @omgitsonlyalex.