Good Structure H1

Then H2 for subtitles

H3 section titles

Paragraph normal textLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus ac risus id posuere.

Sed nec libero ut massa tristique scelerisque. Maecenas suscipit dui eu lorem vehicula feugiat.

Quisque id ex pharetra, eleifend sapien sed, posuere risus. Aliquam erat volutpat. Integer fringilla vestibulum ex at blandit.

Maecenas blandit et ligula in Services.

Good Contrast

Good Contrast

Bad

H3 in wrong order.

H1 after H3 wrong order. Check colour contrast, make sure it’s really dark on light or really light on dark in the middle is not as accessible.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus ac risus id posuere. Sed nec libero ut massa tristique scelerisque. Maecenas suscipit dui eu lorem vehicula feugiat.

Sed nec libero ut massa tristique scelerisque. Maecenas suscipit dui eu lorem vehicula feugiat.
Use paragraph ‘bold’ instead of H4 to highlight text.

Click here for our Services

You don’t need to say ‘click here’, just make Services clickable.

rctn website accessibility report

Zero Errors & Zero Contrast issues.

It’s difficult to be 100% accessible 100% of the time, we just aim to try.

bbc sport website accessibility report

Even the BBC Sport website is not 100% accessible. 

alt text accessibility example

When filling in the alternative text, make sure it’s not identical to the title text. Describe what it is.

Try to avoid stuff like ‘rctncampaign 03B’ instead use ‘shout-up campaign participant’

duplicate image accessibility example

Instead of uploading duplicates of the same image, search the library and re-use the same image. The size will be dictated by the column width.