{"id":27209,"date":"2026-04-21T14:11:55","date_gmt":"2026-04-21T12:11:55","guid":{"rendered":"https:\/\/birdux.studio\/?p=27209"},"modified":"2026-04-21T14:37:32","modified_gmt":"2026-04-21T12:37:32","slug":"wcag-aa-html-newsletter-rptu","status":"publish","type":"post","link":"https:\/\/birdux.studio\/en\/wcag-aa-html-newsletter-rptu\/","title":{"rendered":"Bird UX Designs New WCAG-AA Compliant HTML Newsletters for RPTU"},"content":{"rendered":"

The Rheinland-Pf\u00e4lzische Technische Universit\u00e4t Kaiserslautern-Landau (RPTU) commissioned Bird UX to redesign their internal newsletter communications. The previously plain text newsletters needed to be transformed into modern, accessible HTML mailings that invite people to read. <\/strong><\/p>\n\n\n\n

Previously, the mails were sent out to students and staff as unformatted text only emails \u2013 functional, but hardly inviting. Our assignment included developing two newsletter templates (digest and single-topic newsletters), each for desktop and mobile, while adhering to WCAG-AA guidelines.<\/p>\n\n\n\n

<\/p>\n\n\n\n

From Plain Text to Snackable and Structured Design Offering Quick Orientation<\/h2>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The RPTU newsletter before the redesign: a purely text-based email with long, unformatted text. <\/em><\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n

Visual hierarchy and the Gestalt principle of proximity play a crucial role<\/strong> , especially in newsletters. The faster recipients can perceive and understand whether and which content is relevant to them, the more likely they are to engage with it. This is particularly important for information that regularly lands in inboxes \u2013 otherwise, the reflex to delete the email may dominate over actually reflecting on its content.\u00a0<\/p>\n\n\n\n

When designing the RPTU HTML newsletters, we therefore focused heavily on typography, colour combinations, spacing, and whitespace, as these elements create structure and orientation. Of course, the design also needed to align with the existing corporate design while remaining WCAG 2.2-AA compliant. <\/p>\n\n\n\n

How We Brought Together 20 Topics, 3 Target Groups, and 3 Event Locations<\/h3>\n\n\n\n

<\/p>\n\n\n\n

For the digest newsletter, which thematically covers a wide range of content for diverse target groups, we created a solution with clear headline structures, icons, and colour coding.<\/strong><\/p>\n\n\n\n

The previous 20 topics for three recipient groups (students, staff, all) across three locations (Kaiserslautern, Landau, all, or online) were consolidated into 6 topic clusters (Events \u2013 Leisure, Events \u2013 Teaching, Events \u2013 General, News, Campus Life, Other), each colour-coded. <\/p>\n\n\n\n

The colour coding of topic clusters significantly improves orientation and information capture, helping recipients identify relevant information at a glance. Additionally, we selected suitable icons from the RPTU's icon library that serve as ideal visual anchors for subtopics (e.g., Events \u2013 Leisure\/Sports).<\/p>\n\n\n\n

Technical requirements such as file size limitations and the use of web-safe fonts (Arial instead of the corporate font specified in the corporate design) also required pragmatic solutions.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Layouts<\/figure>\n\n\n\n

The RPTU newsletter after the redesign: WCAG 2.2-AA compliant,<\/em> structured HTML newsletters with colour-coded topic clusters, icons for subtopics (Events \u2013 Leisure\/Sports and Events \u2013 Teaching\/Science), and clear visual hierarchies.<\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n

Communication Optimisation Through Thoughtful Structure and Aesthetics<\/h2>\n\n\n\n

<\/p>\n\n\n\n

This project demonstrates how thoughtful design improves communication: visual hierarchies created through strategically used font sizes and spacing guide attention, clear structures simplify navigation, and accessibility ensures that all recipients can actually use the information.<\/p>\n\n\n\n

With the new mailing templates, RPTU now reaches over 20,000 students and staff across its two locations in Kaiserslautern and Landau \u2013 with newsletters that not only look better but, according to corporate communications, primarily function better.<\/strong><\/p>\n\n\n\n

\"So far, we\u2019ve received nothing but positive feedback. With its structure and new design, the new newsletter offers real added value.\"<\/h3>\n\n\n\n

Iris Fares, University Communications<\/strong><\/p>","protected":false},"excerpt":{"rendered":"

Die Rheinland-Pf\u00e4lzische Technische Universit\u00e4t Kaiserslautern-Landau (RPTU) hat Bird UX mit der Neugestaltung ihrer internen Rundmails beauftragt. Die bisher rein textbasierten Rundmails sollten in moderne, barrierefreie HTML-Mailings transformiert werden, die Lust auf Lesen machen.  Zuvor erreichten die Informationen Studierende und Mitarbeitende als unformatierte Textbl\u00f6cke, das ist zwar funktional, aber wenig einladend. Unser Auftrag umfasste die Entwicklung […]<\/p>\n","protected":false},"author":3,"featured_media":27214,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[11,285],"tags":[],"class_list":["post-27209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-studio-news","category-rptu"],"_links":{"self":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/27209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/comments?post=27209"}],"version-history":[{"count":5,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/27209\/revisions"}],"predecessor-version":[{"id":27230,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/posts\/27209\/revisions\/27230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/media\/27214"}],"wp:attachment":[{"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/media?parent=27209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/categories?post=27209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/birdux.studio\/en\/wp-json\/wp\/v2\/tags?post=27209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}