{"id":12584,"date":"2026-09-03T11:26:00","date_gmt":"2026-09-03T11:26:00","guid":{"rendered":"https:\/\/www.mailcraft.eu\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/"},"modified":"2026-09-25T08:09:04","modified_gmt":"2026-09-25T08:09:04","slug":"dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka","status":"publish","type":"post","link":"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/","title":{"rendered":"Dost\u0119pny projekt e-maila: co sprawdzi\u0107 przed wysy\u0142k\u0105"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Accessible email design means your message still makes sense when a screen reader reads it out loud, when images are switched off and when the reader can&#8217;t tell certain colours apart. Simple idea. Have you ever actually listened to your own newsletter through a screen reader, or opened it with images blocked? If not, you&#8217;ve probably missed something (most of us have). Below are five checks: structure, alt text, contrast, link text and the plain text part.<\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-6abd7534ee513\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #102830;color:#102830\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #102830;color:#102830\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6abd7534ee513\"  \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#What_does_accessible_email_design_mean_for_an_image-heavy_newsletter\" >What does accessible email design mean for an image-heavy newsletter?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Structure_build_an_order_a_screen_reader_can_follow\" >Structure: build an order a screen reader can follow<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Alt_text_in_emails_what_to_write_for_each_image\" >Alt text in emails: what to write for each image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Color_contrast_in_email_readable_in_light_and_dark_mode\" >Color contrast in email: readable in light and dark mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Link_text_and_buttons_that_make_sense_out_of_context\" >Link text and buttons that make sense out of context<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Do_you_still_need_a_plain_text_version_of_your_email\" >Do you still need a plain text version of your email?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Email_accessibility_checklist_before_you_hit_send\" >Email accessibility checklist before you hit send<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#FAQ\" >FAQ<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#How_long_should_alt_text_in_an_email_be\" >How long should alt text in an email be?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#How_can_I_test_if_my_email_is_screen_reader_friendly_without_special_tools\" >How can I test if my email is screen reader friendly without special tools?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.mailcraft.eu\/pl\/dostepny-projekt-e-maila-co-sprawdzic-przed-wysylka\/#Does_the_European_Accessibility_Act_apply_to_my_newsletter\" >Does the European Accessibility Act apply to my newsletter?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_does_accessible_email_design_mean_for_an_image-heavy_newsletter\"><\/span>What does accessible email design mean for an image-heavy newsletter?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">For an image-heavy newsletter, it means the important stuff isn&#8217;t locked inside pictures. Put the offer, the headline or the button in an image and some readers get an empty message. A screen reader has nothing to announce. A client that blocks images shows grey boxes, and that&#8217;s it. Then there&#8217;s the legal side. The European Accessibility Act may apply to some businesses and services, so ask your own legal adviser whether it covers yours.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Structure_build_an_order_a_screen_reader_can_follow\"><\/span>Structure: build an order a screen reader can follow<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">A screen reader follows the order of the code, so your HTML has to run in the same order people are meant to read. Use real text headings, nested logically, not headings made from images or big bold text. Layout tables get <strong>role=&#8221;presentation&#8221;<\/strong>, otherwise assistive software reads out every row and cell (painful to sit through). And set the <em>lang<\/em> attribute so the right pronunciation is used.<\/p>\n\n<p class=\"wp-block-paragraph\">Keep copy as live, left-aligned text. Short paragraphs, single-column blocks. The same layout helps you build <a href=\"https:\/\/www.mailcraft.eu\/simple-steps-to-design-mobile-responsive-emails\/\">emails that work on mobile<\/a>, where narrow screens break complex grids anyway. Two birds, one stone.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Alt_text_in_emails_what_to_write_for_each_image\"><\/span>Alt text in emails: what to write for each image<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Alt text stands in for an image for screen reader users and for anyone with images off, so it should say what the image does in the message, not just what it shows. What you write depends on the type of image:. Podobnie dzia\u0142a <a href=\"https:\/\/www.mailcraft.eu\/pl\/preheader-maila-jak-wykorzystac-linie-po-temacie\/\">preheader wy\u015bwietlany po temacie<\/a>, kt\u00f3ry w skrzynce odbiorczej te\u017c musi m\u00f3wi\u0107, po co jest wiadomo\u015b\u0107, a nie tylko j\u0105 ozdabia\u0107.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Informative images:<\/strong> describe the content briefly and in context. Never the file name, never a pile of keywords.<\/li>\n<li><strong>Decorative images<\/strong> such as spacers, dividers and ornaments: use an empty <em>alt=&#8221;&#8221;<\/em> so screen readers skip them.<\/li>\n<li><strong>Images with text:<\/strong> move the headline, the offer and key dates into live HTML. If some text really has to stay in the image, repeat it in the alt text.<\/li>\n<li><strong>Linked images and banners:<\/strong> say where the link goes, not what the picture looks like.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Then test with images off. Block them, open the email and ask yourself: does the message still land, and is the main action still obvious?<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Color_contrast_in_email_readable_in_light_and_dark_mode\"><\/span>Color contrast in email: readable in light and dark mode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Text has to stand out clearly from its background, and colour should never be the only thing carrying meaning. Run every text and background pair through a contrast checker. Yes, every one, including text on background images and on buttons. Some email clients invert colours in dark mode, so check logos, transparent PNGs and that pale grey text there as well.<\/p>\n\n<p class=\"wp-block-paragraph\">Underline links. Label sale prices and error states with words, not just red or green. Pick a body font size people can read without squinting, and skip thin typefaces and long stretches in capitals.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Link_text_and_buttons_that_make_sense_out_of_context\"><\/span>Link text and buttons that make sense out of context<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Screen reader users often jump from link to link, so each link and button has to say where it leads without any help from the text around it. &#8222;Click here&#8221; and &#8222;more&#8221; tell them nothing. Swap them for a specific action, like &#8222;Download the spring catalogue&#8221;. Build buttons from HTML and CSS (people call these bulletproof buttons) so they still show up with images off. Make them big enough to tap, leave some breathing room between neighbouring links, and don&#8217;t give several links the same text if they go to different places.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Do_you_still_need_a_plain_text_version_of_your_email\"><\/span>Do you still need a plain text version of your email?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">Yes. The plain text part, the text\/plain part of a multipart message, is the fallback for clients and readers that can&#8217;t handle HTML, and it helps show the message is legitimate. Write it on purpose. An automatic copy usually comes with leftover code, long tracking URLs and no clear order. Include the main message, the key links written out in full and your sender details.<\/p>\n\n<p class=\"wp-block-paragraph\">The text-to-image balance matters for delivery too. A message that&#8217;s mostly pictures is as hard for spam filters to read as it is for people, so read up on <a href=\"https:\/\/www.mailcraft.eu\/twelve-reasons-emails-land-spam\/\">image-heavy emails and spam<\/a> before your next campaign.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Email_accessibility_checklist_before_you_hit_send\"><\/span>Email accessibility checklist before you hit send<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p class=\"wp-block-paragraph\">A short routine before sending catches most problems in a few minutes. Run through it for every campaign:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>The subject line and preheader make sense on their own.<\/li>\n<li>Headings are in a logical order and the reading order matches the layout.<\/li>\n<li>Every image has alt text, and decorative images have an empty alt.<\/li>\n<li>Contrast holds up in both light and dark mode.<\/li>\n<li>Link and button text describes the destination.<\/li>\n<li>The images-off preview still delivers the message.<\/li>\n<li>The plain text part is clean and complete.<\/li>\n<li>You have listened to the email with a screen reader, such as VoiceOver on Mac or iPhone or NVDA on Windows.<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">Want to see how the layout holds up on different screens? MailCraft&#8217;s <a href=\"https:\/\/www.mailcraft.eu\/features\/\">responsive templates and live preview<\/a> let you check before sending. Once a layout passes, save it as a reusable template so the fixes stick. There are more ideas in our articles on <a href=\"https:\/\/www.mailcraft.eu\/category\/email-templates-design\/\">email templates and design<\/a>.<\/p>\n\n<p class=\"wp-block-paragraph\">My advice: run this checklist on your very next newsletter and save every fix in your template. Do that and accessible email design becomes the default for every send, not a last-minute patch.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1790292026273-0\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_long_should_alt_text_in_an_email_be\"><\/span>How long should alt text in an email be?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Short, and focused on what the image does in the message. Drop &#8222;image of&#8221;, because screen readers already announce that it&#8217;s an image. Need more than a short sentence? Then the content belongs in live text.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790292026273-1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_test_if_my_email_is_screen_reader_friendly_without_special_tools\"><\/span>How can I test if my email is screen reader friendly without special tools?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Use VoiceOver, which is built into Mac and iPhone, or NVDA, a free screen reader for Windows. Listen to the whole message from top to bottom, then open an images-off preview. If both make sense, you&#8217;ve covered the biggest risks.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790292026273-2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Does_the_European_Accessibility_Act_apply_to_my_newsletter\"><\/span>Does the European Accessibility Act apply to my newsletter?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>It depends on your business and the services you offer. The Act doesn&#8217;t automatically cover every company&#8217;s newsletter, so check with a legal adviser. Either way, accessible emails are worth building, simply because more people can read them.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Accessible email design means your message still makes sense when a screen reader reads it out loud, when images are switched off and when the reader can&#8217;t tell certain colours apart. Simple idea. Have you ever actually listened to your&#8230;<\/p>\n","protected":false},"author":1,"featured_media":12565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[505],"tags":[],"class_list":["post-12584","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-szablony-i-projektowanie-e-maili"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810.jpg",1200,800,false],"thumbnail":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-150x150.jpg",150,150,true],"medium":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-300x200.jpg",300,200,true],"medium_large":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-768x512.jpg",768,512,true],"large":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-1024x683.jpg",1024,683,true],"1536x1536":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810.jpg",1200,800,false],"2048x2048":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810.jpg",1200,800,false],"blog-featured":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-1200x534.jpg",1200,534,true],"woocommerce_thumbnail":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-300x300.jpg",300,300,true],"woocommerce_single":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-600x400.jpg",600,400,true],"woocommerce_gallery_thumbnail":["https:\/\/www.mailcraft.eu\/wp-content\/uploads\/2026\/09\/accessible-email-design-checks-810-100x100.jpg",100,100,true]},"uagb_author_info":{"display_name":"Krzysztof Balicki","author_link":"https:\/\/www.mailcraft.eu\/pl\/author\/websystems\/"},"uagb_comment_info":0,"uagb_excerpt":"Accessible email design means your message still makes sense when a screen reader reads it out loud, when images are switched off and when the reader can&#8217;t tell certain colours apart. Simple idea. Have you ever actually listened to your...","_links":{"self":[{"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/posts\/12584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/comments?post=12584"}],"version-history":[{"count":3,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/posts\/12584\/revisions"}],"predecessor-version":[{"id":12662,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/posts\/12584\/revisions\/12662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/media\/12565"}],"wp:attachment":[{"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/media?parent=12584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/categories?post=12584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mailcraft.eu\/pl\/wp-json\/wp\/v2\/tags?post=12584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}