Inclusive design for web-friendly accessibility website

Inclusive design for web-friendly accessibility website

What does it mean? Inclusive design in the web design addresses the needs of people with permanent, temporary, situational disabilities. To meet the goal of having the web design to work for people from a range of hearing, movement, visually impaired disability.

We have to consider different situations for different people. There is no 100% fool-proof plan as each individual’s situation impacts their usability. However here are some highlights of the important principles for accessible design that will help in making a better accessible website.

Consistency and prioritise content


Ensuring that all visual hierarchy, content and design structure is in a logical view and is consistent throughout the website. Help the users to focus on the important tasks and information by including visual and logical cues. This is so that people will know what to focus on first.

Colour contrast

Colour contrast

  • Avoid using red/green and blue/yellow combos.
  • Be careful when using very light subtle shades as it can be difficult for people with low vision.
  • Don’t simply rely on 1 colour alone to convey important information. Users will not be able to distinguish certain information. Ensure that your links have visual cues or other indicators besides colour.



  • Fonts, text size and capital letters play an important part in the content as it can make or break your website.
  • Limit the number of fonts used on your website and always provide alternative fonts if possible.
  • Pick a font that is considered good for readability from the start.
  • Limit the use of font variations such as bold and italics. Be careful of using all caps as it could become difficult to read.

Video animation and audio

Video and animation

  • Ideally, provide a play button for media and avoid flashing content that could turn away those with disorder for strobing content.
  • Add in other links for users to access the media through alternative ways.
  • Add ALT title and text for all images, this is important because the visually impaired relies on listening to content on your website.

Form controls

Web Forms

  • Labelling your forms are important. Your user will not know what information to put if you do not have a label for the field.
  • Make sure your form fields are simple and grouped logically. Such as the First Name should be under “Personal Information”.
  • Submit button should be clear, don’t hide and add in too many different buttons. If you must add in multiple buttons, use different contrast and make it easy as possible for the user.

Make sure you have a double take on going back to look at your website again to ensure you have met the goals for your website.

Get in touch with me if you would like to have an understanding of my web or graphic design services.