Skip to main content

How to Make Your Blog More Accessible

Do you write a blog or are you thinking of starting one? If you answered yes to one of these questions, you will want to make your blog fully accessible. Below are some suggestions on how to make your blog more accessible:

1. Enter alt text for essential images

Any image on a website that conveys some type of message needs to be accessible to all. To ensure this, you must enter alt text. Alt text is text read by screen readers and must describe each image in detail (everything that is known about the image, such as date and time). To enter alt text, click on the image after uploading it and enter the alt text in the designated box.

Add null alt text (e.g., alt=””) to images that are purely decorative, This tells screen readers that the image is not important.

2. Use page headings to illustrate main points

Page headings make content more readable for screen readers. Use the H1, H2, H3, etc. option designed for websites, not just styling (e.g., bold text).

3. Use simple font styles and easy to read font sizes

Stick with traditional fonts such as Arial, Times New Roman, Courier, Tahoma, and Calibri. If you need to use stylish fonts, use it in image text and make sure your alt text includes the same text as the image. In any case, the simpler and easier to read, the better.

Use at least 9-10 pt font size. Make sure that your text can be enlarged if users need to magnify their screen.

In sentences such as “Click here for accessibility news,” avoid having the link on the words “Click here.” Because screen reader users often tab from link to link through a web page, all they would hear is “Click here link” and become confused after hearing that so many times. Instead, you should put the link on the words “accessibility news” since “accessibility news link” makes more sense to users.

You also want to make sure that links are different colors than the rest of the text. If possible, have links change colors when they receive focus, either by mouse or keyboard.

5.  When using data tables, screen readers must be able to correctly read column and/or row headers

Make sure table headers are marked as headers and not as data cells.

6. There must be high color contrast between text and background

High contrast makes content easier to read for everyone, and especially people with visual impairments. Avoid light colors on light backgrounds and dark colors on dark backgrounds. The preferred contrast is a ratio of at least 4.5:1.

Original article:

← Return to the blog

Find out how A360 can help

1422 W Lake Street
Suite 314
Minneapolis, MN 55408

ph: 612-440-3601