Skip to content
Nicolesmagicspatula

Nicolesmagicspatula

We know finance

Primary Menu
  • Business News
  • Business Development
  • Business Networking
  • Business Knowledge
  • Finance Companies
  • Finance Analyst
  • About Us
    • Advertise Here
    • Contact Us
    • Privacy Policy
    • SITEMAP
  • Home
  • How To Improve Your Website Accessibility
  • Business Development

How To Improve Your Website Accessibility

By Bernadette 11 months ago

[ad_1]

Are you looking for a starting point into the vast discipline of accessibility? We’ll delve into real practices and tools you can implement into your design process to improve your digital products by making them inclusive to more of your users.

We are going through a digital transformation, with more and more businesses offering their products and services digitally.

User Experience (UX) has become a lot more mainstream and companies have realised it pays off to ensure their website is optimised for usability. This is because providing a good user experience can have a very positive impact on their online conversion.

However, have you ever considered how accessible your website is to the millions of users with impairments?

What is website accessibility?

In short, accessible web design is the practice of making your website usable by as many people as possible. As designers, we often don’t think about people who aren’t able to use the website in the same way we do, which results in them having a worse experience or even being unable to use your service at all.

computer screen displaying text that says designers should always keep their users in mind

The latest government data shows that 22% of people in the UK – that’s 14.6 million – are living with a disability or impairment, but there are many more people who may be temporarily impaired (broken arm or another injury) or situationally impaired (holding a baby in one arm, looking at a screen in bright sunlight).

All of these people want and need to be able to use your services in a way that is as frictionless as possible.

Why should I care about website accessibility?

It’s ethical

Website accessibility is the right thing to do. As designers, it’s our responsibility to make sure we design in a way that’s accessible to all users irrespective of their situation, abilities or context.

As a result, the web can be a space which is inclusive to all, whether they have a cognitive disability, visual impairment or physical disability.

To comply with the law

The UK has website accessibility laws in place. In 2018, the UK government made it the law for the websites of central government and local government organisations, some charities and other non-government organisations to be coded and designed to meet the web accessibility standards, Web Content Accessibility Guidelines (WCAG 2.1)

All UK service providers have a legal obligation to make reasonable adjustments under the Equality Act 2010 or the Disability Discrimination Act 1995 (in Northern Ireland).

If companies fail to make reasonable adjustments, they could be taken to court. In 2019, a blind customer successfully sued Dominos Pizza for not providing him with an accessible experience.

Positive business impact

Of course, improving accessibility to your website can also benefit your business in a number of ways:

  • It allows more of your users to pass through your conversion funnel.
  • Clean code (which improves accessibility) improves your site speed and SEO, making your website more findable in search engines.
  • Improving digital accessibility doesn’t just affect users with impairments. Everyone can benefit from accessible web design. By making your website more accessible, you will improve the user experience for all your users.

It takes little effort

Creating an accessible website doesn’t have to require large amounts of budget or big changes. There is no need for additional features or content to make a website more accessible. A lot of issues can be solved with a little thought, planning and awareness, which will be covered later in this blog.

How to test website accessibility

WAVE is a free accessibility checker and evaluation tool you can use to test the accessibility of your website. 

You can either paste your URLs into the box on the site, or you can download their extension to quickly run diagnostics on any page you visit.

screenshot of website accessibility checker

When you run WAVE, it produces a very detailed diagnostics report covering the main areas of accessibility, including contrast errors, alternative text on images and semantic HTML structure.

The reports created by WAVE are incredibly detailed and can be a bit overwhelming, especially if you’re new to accessibility. To give you a clearer overview on how to make your website more accessible, we have pulled out a few of the key areas below with tips on how to improve.

Ways to improve your website’s accessibility

Colours and contrast

Colours and contrast are especially important to allow people with impaired vision and colour blindness to navigate the website easily.

This affects a much higher number of users than you expect. According to the NHS, 8% of all men are colour blind and many more people suffer from some degree of impaired vision. As we have an ageing population, this will be an even more important focus for the future.

Accessible web design ensures there is enough contrast between any text used and its background to allow everyone to read it with ease. 

Testing the contrast of the colours used on your website is a quick job with this contrast checker tool. There must be a minimum contrast ratio of 4.5:1 to provide enough clarity for users with impaired vision.

In addition, accessibility guidelines dictate that colour should never be the only way to convey information. In other words, there must be an additional cue (such as underlined text for hyperlinks) for those users who perceive colours differently and may miss our colour-based instructions.

Font choice and size

Font choice and size are also important not just to users with impaired vision, but also helps users with cognitive disorders like dyslexia.

In terms of choice, steer clear of Serif fonts (Times New Roman, Georgia, Garamond). The decorative hooks and swirls at the end of the letter strokes obscure the shapes of letters and cause reading problems for dyslexic users.

The good news is that you don’t need to change your website to Comic Sans to make it dyslexia-friendly. The letters of Sans Serif fonts (Helvetica, Arial, Open Sans, Roboto) can appear less crowded and are widely available in most OS and design softwares.

The default browser body font size is usually 16px (12pt); this is also the minimum advised font size for body text by accessibility guidelines.

It’s not just about text size, though. Increasing the amount of white space between both lines of text and individual words can really help users that are visually impaired or have dyslexia.

computer screen displaying different fonts

The following minimum spacing ensures that the requirements of those users are met:

  • Letter spacing: x0.12 the font size
  • Word spacing: x0.16 the font size
  • Line spacing: x1.5 the font size
  • Paragraph spacing: x2 the font size

Alternative text

Alternative text (or “alt tag”) is a tag in your HTML code that allows you to input a text description for images.

These text descriptions are used to describe images to visually impaired users who rely on screen readers. This means it is important to accurately describe the meaning or purpose of the image for those who cannot see it.

It may not always be necessary to add alt text. For example, there may be enough contextual indicators surrounding the image or the image has no other function than aesthetic. In this case, add an empty alt tag (alt=””) or it will get flagged as a missing alt tag by diagnostic tools.

example of image alternative text

Forms

Forms can be complex for anyone, but those with additional accessibility issues can often struggle when forms are too minimalist and unclear. Below are listed some common items that need to be addressed in order to tackle accessibility:

  • Labels – using placeholder text as a label rather than text outside the field creates confusion as the text disappears when the user begins to type. Omitting crucial directions for the user in favour of minimalism or aesthetics is a major error to avoid.
  • Borders – something as simple as a border around a text input is important for users with cognitive disabilities so it is clear where they need to click.
  • Additional instructions – often forms use a minimalist approach in an attempt to declutter the design. However, this hinders the usability and therefore accessibility.
  • Error messages – these should be indicated by multiple elements, commonly colour is used but in addition to this errors should be indicated via symbols or text.
  • Review – forms should allow a period of review before submission to allow the user to correct any information.

HTML structure

Even when the web page looks good after following the basics above, it can still suffer from severe accessibility issues if the semantic structure of your code isn’t up to scratch. 

It’s important to ensure that all content structures are marked up correctly and follow a clear hierarchy, because people using screen readers will use this structural markup for navigation.

An additional bonus is that it also allows Google to better interpret your content which can benefit your SEO.

A piece of simple advice would be to have one <h1> element on your page and then <h2> for your next important sections. If you have a child of a subsection then use an <h3> and so on:

<h1>Usually your page title</h1>

<p>Some paragraph text here</p>

<h2>The next important section of your page</h2>

<p>Some paragraph text here</p>

<h3>Something not so important but related to the h2 above</h3>

<p>Some paragraph text here</p>

<h2>The next important section of your page</h2>

In short

Making your website more accessible doesn’t require a large budget or a lot of time. Using the tips and tricks above can already dramatically change the experience and make it more inclusive for ALL of your users.

Start including accessible web design in your design process now and you will not only create a more accessible and inclusive space for your users, but also improve your standing with Google. It’s a win-win for everybody. 

If you need any further advice on website accessibility, please don’t hesitate to contact us.


If you need help with your user experience
don’t hesitate to contact us.

[ad_2]

Source link

Tags: Amazon Business Login, Amazon Business Prime, Bank Of America Business Account, Best Business Schools, Business Attorney Near Me, Business Bank Account, Business Card Holder, Business Card Maker, Business Card Template, Business Cards Near Me, Business Casual Attire, Business Casual Shoes, Business Casual Woman, Business Plan Examples, Ca Business Search, Ca Sos Business Search, Capital One Business Credit Card, Chase Business Checking, Chase Business Credit Cards, Chase Business Customer Service, Chase Business Login, Chase Business Phone Number, Cheap Business Cards, Citizens Business Bank, Cox Business Login, Digital Business Card, Facebook Business Suite, Finance In Business, Free Business Cards, Google Business Login, Harvard Business School, Lands End Business, Massage Parlor Business Near Me, Michigan Business Entity Search, Mind Your Business, Mind Your Own Business, Ohio Business Search, Risky Business Costume, Skype For Business, Small Business Loan, Small Business Saturday 2021, Starting A Business, Texas Business Entity Search, Triumph Business Capital, Vending Machine Business, Verizon Business Customer Service, Vonage Business Login, Wells Fargo Business Account, Yahoo Small Business, Yahoo Small Business Login

Continue Reading

Previous Ben & Jerry’s sues parent company Unilever over sale of Israeli business
Next BEST IN BUSINESS 2022: BUSINESS SERVICES | Best in Business
May 2023
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
293031  
« Apr    

Archives

  • May 2023
  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • November 2022
  • October 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018

BL

Recent Posts

  • 5 Quick Suggestions About International Company Growth
  • How to Get Banking Job
  • Dwelling
  • The Impact of Social Networking Sites to People
  • Obtaining the Very best On-line Organization
Intellifluence Trusted Blogger

Tags

Amazon Fba Business At&T Business Login Atlanta Business Chronicle'S Boss Baby Back In Business business Business Administration Degree Business Attire Women Business Card Design Business Cards Templates Business Casual Dress Business Casual Outfits Business Checking Account Business Credit Card Business For Sale Near Me Business Intelligence Platform Business Lawyer Near Me Business Loan Calculator Business Name Ideas Business Professional Women Business Spectrum Login California Business Entity Search Capital One Spark Business Carl Weber'S The Family Business Charlotte Business Journal Custom Business Cards Delaware Business Search enterprise Florida Business Search Fl Sos Business Search Harvard Business Publishing Insurance For Small Business Kelley School Of Business Maryland Business Express Maryland Business Search Moo Business Cards National Business Furniture New York Business Search Ohio Business Gateway Onedrive For Business Online Business Ideas Paramore Misery Business Risky Business Cast Small Business Insurance Spectrum Business Customer Service Tom Cruise Risky Business

getlinko

Melbourne Pawnbrokers 

nicolesmagicspatula.com | Magazine 7 by AF themes.

WhatsApp us