3. What does good
look like?
RNIB (Royal National Institute for
the Blind) – obviously main
accessibility needs are for the
partially sighted.
• Clear text
• High contrast
• Large Font
• Descriptive links
• Double identifiers for actions
(underline and colour to show
links)
4. What does good
look like?
Scope – campaigning for disability
equality
• Super simple navigation
• Navigation Hierarchy
• Good and usable search (it
actually returns relevant results)
• Big Fonts
• Good colour contrast
5. What does good
look like?
Happy Penguin – fin-tech company*
• Big Fonts
• Good colour contrast
• Easy to use functions
*Just ‘cause it’s accessible doesn’t mean it’s a
great organisation. Happy Penguin provides
short term loans and I don’t know enough
about them to endorse what they do
10. What can you focus
on without the help
of a developer?
• Don’t forget the ALT-text
• Go for Contrast
• Write it, test it, write it again
• Keep your design simple
• Make sure you describe your
linked text
• Check how things work on
many devices and many
browsers
• Go beyond and use a screen-
reader on your site
It can seem that accessibility considerations can get in the way of your design but, good digital design is accessible design. It doesn’t have to be a burden either, most of the basics are just that and will also help with things like SEO. So who are we looking to be accessible for?
Also, it’s kind of the law. The Disability Discrimination Act 1995 states that we should not discriminate those that are differently abled by removing access to our product or service – this means wheelchair ramps, but it also means web accessibility. No private individual has actually been prosecuted for not complying as yet for web accessibility – there are different and more exacting standards for public services.
No-one can be 100%
There are some guidelines to follow and some test you can do, but please don’t concern yourself too much with those. If you really want to – take a look at the WCAG 21 guidelines if you want to get really in to it.
No-one can be 100%
There are some guidelines to follow and some test you can do, but please don’t concern yourself too much with those. If you really want to – take a look at the WCAG 21 guidelines if you want to get really in to it.
No-one can be 100%
There are some guidelines to follow and some test you can do, but please don’t concern yourself too much with those. If you really want to – take a look at the WCAG 21 guidelines if you want to get really in to it.
Neuro diversity can cover those with severe autism to those with dyslexia and dyspraxia. The basics of good copywriting and ensuring good contrast for text can really help you out. Good copywriting in this sense means, understandable from the users perspective. Using simple, basic language to convey your messaging. A lot of the work that we did around clarifying our values and USP will really help with this. But another thing that can help, ask a friend that knows nothing about what you are doing to not only look at your website but complete an action. I would normally advocate for using this to have a customer conversation and ask a stranger in a coffee shop to take a look, but that’s off the cards for the next few months.
Those that have visual impairments and others with learning difficulties may use screen-readers to understand websites and apps.
Some key things to be aware of here.
Alt text – don’t add images with text on
Descriptive links
Video Transcripts
The good news? This can also help your SEO
The other thing to consider is that some people with physical disabilities (and those that are a bit lazy) may use keyboard navigation on your website.
This means that your menu and page set up needs to be set up for this. Most website builders will do this for you on the menu but the key thing here is to ensure that each menu item is clickable. If you have submenu options they need to open as soon as the cursor gets to the parent menu option.
e.g. About (parent), Our Team and Contact Us (children)
As well as this a Heading and link hierarchy is really important. Descriptive links are key here to as some people my be using both screen-readers and keyboard nav on your site.
We all do it – we go to a site on our phone and the links are too small or too close together for us to interact with on our phones and so we give up.