Don't use images to display text
Don't use images to display text on your website. It may look nicer, oftentimes the same effect can be generated using style sheets while making the text more accessible to all users.
Publishing information on a website gives users some control over their access to the information, as they can alter the font size, colour and contrast. But this only works if the content has been added as text to your web pages.
Mobile Users
Using an image to display text means that the lines cannot reflow when the width of the browser or screen changes. This means mobile users are left with sometimes long lines of text squashed or zoomed to fit the width of their device making it difficult to read.
Low Vision Users
Uses with vision problems will find images are difficult to read because althought they may regulary "zoom-in" or increase the text size on websites, this cannot be done with images. Or when it can the images become blurry when scaled up in their browser.
Screenreaders
Users who rely on screen readers will also struggle with text in images. The screen reader will only be able to read aloud the alternative (alt) text on the image which will be read as a single run-on sentence. It won't be able to identify headings tables or lists of text.
- Dos and don'ts on designing for accessibility — accessibility.blog.gov.uk
- W3C Web Accessibility Initiative - Images Tutorial — w3.org
Latest posts
—
Structured data for SEO
Adding structured data to a website is one of those steps that often gets overlooked, yet it can make a real difference to how a site performs in search engines.…
—
Using WordPress as a static site generator
Static site generators have gained significant traction amongst developers, designers, and businesses seeking faster, more secure websites. Unlike traditional dynamic sites, which rely on a database to deliver content on…
Continue reading "Using WordPress as a static site generator"
—
Simple steps to protect your privacy online
In today’s digital world, protecting your privacy online has become essential. With personal data constantly being shared, stored, and potentially accessed by unauthorised parties, safeguarding your privacy can help you…
Continue reading "Simple steps to protect your privacy online"
—
Moving a WordPress Website with ACF and Custom Post Types to Brightspot CMS
Migrating a website from WordPress to Brightspot CMS can seem daunting, particularly when the WordPress installation relies heavily on Advanced Custom Fields and Custom Post Types. Both ACF amd CPT…
Continue reading "Moving a WordPress Website with ACF and Custom Post Types to Brightspot CMS"