I still have a lot to learn, and I think we can all do more to make the digital materials we create accessible to everyone no matter how they interact with the internet. Yet as a digital marketer and accessibility advocate, you should be familiar with some of these concepts, so as you work with website and email designers, you can expect them to return accessible products to you. On top of that, HTML5 (the most current version of HTML as of the writing of this blog post) has native functionality to make websites more easily navigable to screen readers. Also, if you’re coding a website, be sure to set the language in the metadata to help screen readers know what language the page should be read in. If you’re using a screen reader, you can have the reader recite back all the text of all the links on the page. In lawsuits filed over website accessibility in the past decade, courts have ruled that inaccessible websites or apps may violate the Americans with Disabilities Act (ADA).

The button label is the invitation to “See why we do what we do” and link that to their story. For this example, the “Learn more” button label provides no information about what we are going to learn. This next example is a mixture of a button, text sentence, and text sentence with a clickable icon overlaying a large header image. What does that link do for us that “Learn more” doesn’t offer? The smaller link to details would make more sense if it explained what the details are about. If you have watched the original film, “The Wizard of Oz,” you will understand why I refer to these calls to action as “Scarecrow Links.”

Can't find the perfect Lottie animation? Add a "Hire" Button on to your profile to let visitors know that you're looking for new opportunities. It doesn’t matter if the user journey is to complete a transaction, access information or make changes to something, this type of user-centric thinking is invaluable. The same outcome as Figure 1 but with clearer navigation Again, UI elements are being referred to, as well as the often-used “Click here” without any context as to where the user might be taken. This could create a poor and confusing experience.

If a user is scanning a page and sees click here, those words carry zero information. But while it feels like a harmless, quick way to guide your readers, those two little words are secretly doing a massive disservice to your content. Browse a vast collection of free and premium click here animations on LottieFiles. Exciting gaming animations that capture the thrill of adventure and the spirit of competition, perfect for every gamer.

We’ll admit, poor old “click here” is getting a rough ride in this blog post! Today, however, people access information from various devices, including smartphones, tablets, smart devices, watches, and even TVs. But for those with visual impairments, browsing online may involve using assistive technologies like screen readers, which typically read the text on a page out loud Search engine algorithms use this to determine the relevance of the page that a website is linking to. The development of eye-tracking technologies has given us unrivaled insight into how users navigate online.

Replace mechanical words with actions

The reason I told you the story about my friend correcting me and telling me about accessibility best practices at the beginning of this post is because the web is a wild place with a wild history. And when it comes to email accessibility, there’s a lot you can do. You may not often have to interact with HTML and CSS directly as part of your job. If you want to know more about HTML5 and accessibility, I recommend completing the freecodecamp.org module on applied accessibility.

Subscribe CTA Banner

Moreover, this approach allows you to link over the same phrase multiple times without confusing anyone. Some of the best alternatives to “click here” start on action words. Your anchor text should be descriptive, concise and self-explanatory. Those who know exactly what they’re looking for will have an easier time finding it.

AI and accessibility aren't besties

• But this aspect of the user experience—the language used in hyperlinks—is commonly overlooked.
• As you’ll know if it’s ever happened to you, coming across the phrase “click here” can be very jarring when you’re using a touchscreen or remote control.
• By now I bet you’re on board with the idea that we should do away with “click here” text.
• This is when I first realized that Google is truly making people lose their minds.

Statistical data gathered from the 2010 Census estimated that people with a disability represent 19% of the U.S. population. If 'click here' is used multiple times on the page the issue is then amplified, imagine having to listen to 'click here, six or seven times, very annoying! Sometimes web authors will even use 'click here' multiple times on a page, this just increases the problem. For example, if the link leads to a document, it could be labelled 'Download our PDF document' or 'View the report'. Descriptive task-related verbs should be your go-to option if you’re selling services.

One of the most significant ranking factors is how many links point to a page. I could turn this post into a rationale for using marketing budget to make your website more accessible. I could rant for hours on the reasons why that makes zero business sense, but it is a common position for a company to hold. The chances are when you are writing your copy you’re in your office environment.

The final and most overlooked reason for avoiding “click here” hyperlinks is that the term presumes users are on a computer with a mouse or trackpad. In this article, we’ll explore why these hyperlinks are a bad idea and what you should be writing to improve the user experience. In this post, we’ve explored why it’s best to avoid “click here” hyperlinks.

One of the beautiful things about accessible writing is you almost always end up making your content do better in search engines. There are other accessibility reasons why “click here” is a bad idea. By making the https://beerfoam.co.uk/ actual noun the link, you instantly fix the accessibility issue, make the page beautifully skimmable, and give search engines the exact keywords they need. You usually don’t even need to rewrite your copy; you just need to move which words are part of the hyperlink. When nearly two-thirds of your audience is tapping, swiping, or using voice commands rather than “clicking” a mouse, using the word “click” makes you sound old-fashioned and out of touch. When a crawler hits a link on your site, it uses the anchor text (the clickable words) to understand what the target page is about.