How design and colour can impact your recruitment website

Rick Maré • October 4, 2022

Colour contrast is essential for ensuring effective readability for all users, especially those with visual impairments. Colour contrast is measured as the ratio of difference in brightness between two colours. This ranges from 1:1 (white on white) to 21:1 (black on white). You can find out the requirements for the minimum contrast ratio here as specified by the Web Content Accessibility Guidelines (WCAG). Below, we have listed a variety of tools that can help you ensure that you meet these contrast guidelines.

- WebAIM

https://colourcontrast.cc/

WebAim Contrast checker

Colour alone is insufficient for indicating importance

Candidates that are visually impaired, including those with color blindness, may be less receptive to color-based visual clues. This includes color-based classification systems. Color-based cues still have their place however, though should be accompanied by semantic and structural cues, such as formatting in bold text, underlining , or use of italics as an accompaniment to colored hypertext. 

If you’ve ever used Trello for task management, you may have noticed their accessibility mode, which when switched on displays patterns alongside their color-coded labels. 

When it comes to input, labels and instruction are essential

Forms ultimately serve as the primary gateway to your services. It is critical that your forms maximize ease of use and are accessible to all. Usage of instructions and effective labelling ensures all are able to properly submit the required forms, whilst further providing essential context cues for those making usage of screen readers.

Support keyboard navigation

​Many website users with motor disabilities as well as visually impaired users may rely upon keyboards to access and navigate through web content. Symptoms may range from mild essential tremor, to a complete inability to use a mouse. A range of specialty keyboards allow such users to effectively navigate sites without the usage of mice. Keyboard navigation will allow candidates to navigate through the various interactive elements of your website such as links, forms, buttons etc and then continue to engage with each element via keyboard.

Design usable focus states

​Focus states provide useful visual indicators to indicate that interactive elements such as forms or dialogue boxes have been selected. These days browsers tend to apply this by default - typically appearing as a change in outline colour. This indication may be insufficient for ensuring effective usage for all, you may wish to apply a change in background colour, or a stronger border change than what is provided by default. User testing will be essential for achieving the best balance.

Include informative alt text for images and other non-text content

Alt-text enables visually impaired candidates to understand the content of non-text content. This should include not only image descriptions, but transcripts of all written content (for instance regarding screenshots). A screen-reader can read textual content, but without a written description, it won’t be able to provide any detail regarding the content of an image. Moz provides a great guide to alt text which you can check out here

Employ correct semantic markup for your content

Semantic markup essentially involves using HTML to add meaning to your content so that non-human entities may read it. If you’re not familiar with HTML, don’t worry, your website provider should take care of this for you. It is important however for designers to understand that semantic markups does more than merely enable bots to crawl your content. Some candidates may use assistive technologies that read your site in the very same manner that Google does.

Share this article

Latest articles

November 26, 2025
Discover how smart, trackable email marketing helps recruitment agencies attract employers and engage passive job seekers.
November 26, 2025
Discover how smart, trackable email marketing helps recruitment agencies attract employers and engage passive job seekers.
November 26, 2025
Understand the difference between SEO and AEO for recruitment websites. Learn how to optimize your site for Google and AI search engines to attract more candidates and clients.
November 26, 2025
See how to connect your email marketing, smart website forms, and ATS to track every lead. Discover how integrated recruitment marketing delivers measurable ROI and business growth.
November 26, 2025
Find out why recruitment websites fail to rank and how to fix it fast. Improve visibility with SEO, AEO, native job hosting, and ATS-integrated tracking that drives measurable results.
November 26, 2025
Discover how AI, SEO, and AEO are transforming recruitment marketing. Learn how to make your recruitment website rank, attract employers and candidates, and track ROI through ATS and email integration.
By Nicole Clarke October 28, 2025
How to Track Your LinkedIn Leads (and Finally See What’s Working) Most recruitment agencies post regularly on LinkedIn, but few actually know what’s working. You might get great engagement, but how do you know if those likes and clicks are turning into new clients or candidate enquiries? If you’re not tracking your leads, you’re flying blind. The good news is that it’s incredibly easy to fix. You just need a simple setup using UTM tracking and Google Analytics (GA4) . Here’s how to do it properly so you can see exactly which posts, people, and campaigns are driving real results. Step 1: Add UTM Links to Every LinkedIn Post Whenever you share a link on LinkedIn, whether it’s to a job, a blog, other content or a “book a demo” page etc you should add a little bit of tracking code at the end of your URL. This code is called a UTM , and it tells you exactly where your traffic came from once people land on your website. Example: https://www.xyzrecruitment.com/book-demo?utm_source=linkedin&utm_medium=social&utm_campaign=demo_launch&utm_content=post1 Here’s what each tag means: utm_source=linkedin → tells you the traffic came from LinkedIn utm_medium=social → identifies it as an organic social post utm_campaign=demo_launch → labels your specific campaign utm_content=post1 → helps you see which post or person shared it You can use Google’s free Campaign URL Builder to generate these in seconds. Step 2: Use Tagged Links in Every Post and Profile Once you’ve created your UTM-tagged links, use them everywhere you share links from LinkedIn: Company updates Recruiter and consultant posts LinkedIn articles or newsletters Comments and DMs If multiple people in your team are posting, give each person their own UTM content tag (for example: utm_content=sarah_post or utm_content=liam_article ) so you can easily see who’s driving the most traffic or conversions. Step 3: Track the Results in Google Analytics 4 With your UTM links live, it’s time to see what’s working. In Google Analytics (GA4) , go to: Reports → Acquisition → Traffic Acquisition Filter by: Source / Medium = linkedin / social Now you’ll see: How many visitors came from LinkedIn Which pages they viewed Whether they filled out a form, booked a demo, or applied for a role That’s how you finally connect your LinkedIn activity to actual business outcomes. Step 4: If You Run Paid Ads — Connect LinkedIn to GA4 If you’re also running LinkedIn Ads , connect your LinkedIn Campaign Manager to GA4 . This gives you the complete picture, not just clicks and impressions, but which ads and audiences are driving conversions. Step 5: Create a Simple Dashboard Once you’re tracking everything, pull it together in a Google Looker Studio (Data Studio) dashboard. You’ll get a clear visual of: Traffic from LinkedIn (organic + paid) Conversions by campaign Which recruiters generate the most leads Your overall ROI from LinkedIn It’s simple, visual, and finally gives you proof of what’s working. Why This Matters for Recruitment Agencies Without UTM tracking, your LinkedIn traffic shows up in Google Analytics as “direct” or “referral”, which tells you nothing. With proper tracking, you’ll know: Which campaigns or posts bring in new client leads Which recruiters or consultants drive the most engagement What content types actually convert It’s not about guessing, it’s about growing with real data. Quick Recap Step 1: Add UTM links to every LinkedIn post — Tracks traffic accurately Step 2: Use consistent naming — Keeps your data clean Step 3: Check GA4 reports — See conversions clearly Step 4: Connect LinkedIn Ads — Measure full ROI Step 5: Build a dashboard — See what’s working at a glance Final Tip Consistency is key! One untagged link can throw off your data. Once you start tracking properly, you’ll quickly see which content drives leads and where to focus your marketing energy next. If you’d like help setting up UTM links or building a simple LinkedIn-to-GA4 dashboard, contact the team at www.shazamme.com we can show you exactly how to do it right!
Show More