How to use reaction stickers in newsletters and planners

A small face at the end of a newsletter paragraph, a mood marker on a planner page, a "well done" in a class group chat: reaction graphics do a quiet job. They add tone to written words, which are otherwise flat. They also raise questions that are easy to skip. Is a sticker an emoji? Does a screen reader need to be told about it? Will it still be clear at the size you actually use? This guide answers those questions and gives a short checklist, so that a friendly graphic does not become a barrier.

Stickers and emoji are different things

An emoji is a character. The Unicode Consortium's Technical Standard #51 defines the structure of emoji characters and sequences and the data that supports them, including which characters count as emoji and how they may be displayed. You type an emoji, it travels as text, and each device draws it in its own style, so the same character looks different on different phones.

A sticker is a picture. You place it in a document, an email or a design, and it looks the same wherever the file is shown. The trade-offs follow directly.

Consistency. A sticker set has one style. An emoji looks different on each platform.
Reach. An emoji works in any text field, including places that do not accept images. A sticker needs a place to put an image.
Accessibility. An emoji is usually read aloud by a screen reader using its standard name. An image is read only if it has a text alternative.
Search. An emoji can be found in a keyboard picker. A sticker needs a file name, a tag or an index.

Neither is better. Use emoji where text is the medium, and stickers where you are designing a page.

When a sticker needs alt text

The W3C Web Accessibility Initiative publishes an alt decision tree that you can apply to any image on a web page or in an HTML email. Its answers depend on what the image does in its context. For reaction stickers, three cases come up again and again.

The sticker is decoration, or repeats the text beside it. Use an empty alt attribute. In a line such as "We are so pleased this is ready!" followed by a smiling sticker, the words already carry the feeling. Telling a screen reader user about the face adds noise.
The sticker adds meaning that the text does not carry. Use a short description. If a planner page shows a tired face next to "Thursday" with no other words, the face is the information, and the alt text might read "tired face".
The sticker is part of a link or a button. Use alt text that describes the action, not the picture. A thumbs-up that sends a reply should read "Reply with approval", not "thumbs up".

Write the alternative text for the job, not for the picture. You will often choose differently for the same sticker in different places, and that is the right outcome.

Ambiguity: one face, many readings

A face is a compact signal, and compact signals are easy to misread. A neutral expression can look calm to one reader and unimpressed to another. A smile can be warm or ironic depending on what comes before it. Cultures differ in which expressions they read as polite, and people differ in how they take a reaction at work or from a stranger.

A few habits reduce the risk.

Pair the face with words when the message matters. "Thanks, that really helped" plus a smile is clear. A smile alone is not.
Choose by the feeling you want, not by the expression alone. A set that is organised by mood, such as happy, thinking, tired, celebrating, confused and encouraging, helps you pick one on purpose.
Avoid using a reaction to replace a decision. A thumbs-up in a work chat is not the same as a written approval.
Ask someone else. If a message depends on a graphic, show it to one person who did not make it.

Check legibility at the size you will use

Stickers are drawn large and shown small. A design that works at 1,024 pixels can lose its meaning at 64. Test at the real size, on a real screen, and look at the eyes and the mouth, because that is where the expression lives. Simple shapes, a thick outline and a clear border around the shape help a sticker stay readable on light, dark and photo backgrounds.

Also think about the screen. On a high-density display, an image shown at 64 CSS pixels is drawn with more physical pixels, so the source file should be larger than 64.

Worked example: sizes and rotation

The figures are our own arithmetic. A newsletter shows a reaction sticker at 64 CSS pixels wide. On a screen with a pixel ratio of 2, that needs 64 x 2 = 128 pixels of image data to look sharp, and on a ratio of 3 it needs 192. A source image of 1,024 pixels is 1,024 / 128 = 8 times larger than the first case needs, and 1,024 / 192 = 5.3 times larger than the second. Browsers scale it down for you, so the source is more than enough, but it also means you should not send the full-size file in an email if file weight matters. Export a smaller copy for sending.

A second calculation: if you use one new sticker in each weekly issue of a newsletter, a set of 120 lasts 120 / 52 = 2.3 years before you repeat one. Whether you want that variety is up to you. Many newsletters work better with a small, consistent set so that readers learn what each one means.

Where stickers fit, and where they do not

Stickers suit informal, friendly writing: newsletters, class and community updates, planner pages, thumbnails and creator posts. They suit it less when the message is formal, legal, medical, financial or serious in tone, and they should never be the only way a message is conveyed. If a reader loses the images, because images are blocked or a screen reader skips them, the message should still make sense.

A short checklist

Does the message make sense if every sticker is removed?
Does each sticker have the right alt text for its job: empty, descriptive or functional?
Is the meaning clear without relying on a face alone?
Have you seen it at the real size, on a real screen?
Is there enough contrast between the sticker's outline and the background?
Is the file size acceptable for the place where you use it?

Tool that fits

Plainwork Reactions (EUR 9, paid once) is a set of 120 original face stickers in six sets of 20: happy, thinking, tired, celebrating, confused and encouraging. Each has its own expression and props, in one style with a dark outline and a white die-cut border, and is supplied as a transparent 1024 x 1024 px PNG and as an editable SVG. A contact sheet PDF and a CSV index with names and keywords help you find the right one. They are stickers and graphics, not Unicode emoji. Unlimited personal and commercial projects of your own; the files may not be resold or shared.

What to do next

Plainwork Reactions has 120 original face stickers in six sets of 20: happy, thinking, tired, celebrating, confused and encouraging, as 1024 px PNG and SVG. They are images, not Unicode emoji. €9 once, for your own projects; the files may not be resold.

See the Reaction Stickers

Questions people ask

Are reaction stickers the same as emoji?

No. Unicode emoji are characters defined by the Unicode standard and drawn by the font on each device. A sticker is an image file that you place in a design, so it looks the same everywhere, but it is not text and it does not travel with a keyboard or a search box. Unicode Technical Standard #51 defines emoji characters and sequences.

Do reaction images need alt text?

It depends on the job the image does. The W3C alt decision tree says to use an empty alt when an image is decorative or repeats real text nearby, a brief description when the image adds meaning, and text describing the action when the image is part of a link or button. Decide per use, not once for the whole set.

Can one expression mean different things?

Yes. A face can read differently across cultures, ages and contexts, and a face alone may be ambiguous. Pair a sticker with a few words when the meaning matters, and test it on someone who did not make the design.

Sources

We checked each source on 17 October 2026. If a fact here is out of date, tell us at hello@hiddenway.info.