We are commited to being accessible to all people.

Navigation Complete, Focus repositioned to top of page

Make Your Website More Accessible in 5 Simple Steps

Did you know that up to 70% of websites in the UK aren’t currently compliant with web accessibility laws? Considering there are 14.1 million disabled people in the UK, that is a large segment being underserved on the web.

At Ticket Husky it goes without saying that we’re focused on providing a top-notch ticketing experience, but accessibility is also high on our list of priorities! We believe that all software and web content should be created with accessibility in mind because everyone deserves to have equal opportunities to learn, be entertained, and solve everyday problems.

Did you know that up to 70% of websites in the UK aren’t currently compliant with web accessibility laws? Considering there are 14.1 million disabled people in the UK, that is a large segment being underserved on the web. When designing your online presence, ensuring your ticketing platform is accessible but not your website makes it less likely that people with disabilities will be able to get to the point of making a purchase. Since we want to lead the pack in accessibility, we’ve collected five tips to help you create a website that is functional for everyone.

It’s all about contrast

Simply put, colour contrast is the difference in light between the font (or anything in the foreground such as a button) and the background. The more alike these colours are, the more difficult it will be for people to read your content. For example, if you were to see black text on a white background, that would be sufficient contrast to read it. But change that black text to yellow and now that text becomes impossible for some people to read. The current recommended contrast is 4.5:1 and can be checked using the Webaim contrast checker. Does the ratio for your website meet the standard?

Use alt text for your images

When images are added to websites, they’re great tools for enhancing understanding, illustrating stories, or showcasing a product or service. For someone who relies on assistive technologies, images without alt text are impossible to read! Use your alt text as a way to describe your images so Screen Readers and Braille Readers can help your audience have a better understanding of your website content. And an added bonus: alt text helps boost your SEO in image searches, so make use of this great feature!

Two women talking while looking at laptop computer.
Photo by @kobuagency on Unsplash.

When in doubt, add titles

Making sure that your video content is titled serves two purposes. First, it gives access to people with hearing impairments. Second, if used on social media, it allows your content to be enjoyed by a larger audience since many social media users prefer to watch videos on silent. This simple addition can have a huge impact on the performance and understanding of your video content! For even better accessibility, also incorporate audio descriptions to enhance the experience of blind users. This describes visuals-only parts of the video such as gestures, setting changes, and images.

Let your URL do the talking

When people using Screen Readers browse websites, they often browse from link to link, skipping all of the body text in between, so they can find the information they’re looking for. Without reading the body text, a CTA such as “learn more” or “buy now” will not give your visitors an understanding of the content. It’s best to make your URLs as concisely descriptive as possible, swapping vague CTA’s for clear ones such as “learn about the artists” or “buy tickets.” Using descriptive URLs will also help your visually impaired users find you on a search engine results page because Screen Readers can read descriptive URLs. So, make sure your URL signals what your page is about. For example, instead of your URL reading, “www.tickethusky.com/support” give more information for better understanding such as, “www.tickethusky.com/support-software-help.”

Skip the placeholder text

When online forms use placeholder text, the colour is often so light that people with visual impairments can’t read it due to the low contrast, and Screen Readers will skip it because it’s non-labelled text. To make it accessible, use a <label> tag so the information doesn’t go away and use a higher-contrast font colour, keeping the design as clean as possible. There are many ways to increase the accessibility of your website, so work with your web developer to set goals and a timeline for implementing changes.

Have you ever made web accessibility changes for your organization? Let us know what you put into practice on our social channels, @tickethusky!

Also Check Out