A call to action button that half your visitors cannot use loses you half your potential clients.
When legal professionals invest in website development, they focus on showcasing expertise and building trust. Yet many overlook whether people with disabilities, older Australians using screen readers, or anyone navigating with a keyboard can actually submit an enquiry form or book a consultation. A poorly designed CTA creates a barrier between your service and the people who need it. Making your buttons accessible removes that barrier and expands your reach to clients you may not have realised you were excluding.
What Makes a Call to Action Accessible
An accessible CTA works for people using assistive technology like screen readers, keyboard navigation, or voice control. The button needs descriptive text that explains what happens when clicked, sufficient colour contrast against the background, and a clickable area large enough for people with motor impairments to activate reliably. These requirements align with the Web Content Accessibility Guidelines, which Australian government websites must follow and which increasingly influence how potential clients judge professional websites.
Consider a family law solicitor whose main CTA reads "Click Here" in light grey text on a white background. Someone using a screen reader hears "click here" without any context about what the link does. Someone with reduced vision cannot distinguish the button from the background. Someone navigating by keyboard may not be able to focus on the element at all. The firm loses enquiries from people who need legal help but cannot access the contact form. Changing that button to "Book Your Family Law Consultation" in dark blue text with a minimum 4.5:1 contrast ratio and proper keyboard focus styling immediately opens access to a broader client base.
Button Text That Describes the Action
The words on your CTA button should tell visitors exactly what will happen when they click. Generic phrases like "Submit," "Learn More," or "Click Here" fail this test because they require surrounding context to make sense. When someone navigates your site using a screen reader that lists all buttons on the page, those vague labels become meaningless.
A conveyancing practice serving clients across Sydney might use "Get Your Conveyancing Quote" instead of "Submit" on their contact form. That specific language works when read in isolation and signals the outcome clearly. For a consultation booking button, "Schedule Your Legal Consultation" outperforms "Book Now" because it describes both the action and what the visitor receives. This specificity improves your lead generation for lawyers by removing ambiguity at the moment someone decides to make contact.
Ready to chat about your Website?
Book a Free Discovery Call with our team to understand how we can transform your online presence
Colour Contrast Requirements for Legal Websites
The contrast between your button text and background must meet minimum ratios for people with vision impairments to read them. Standard text requires a contrast ratio of at least 4.5:1, while large text needs 3:1. Many law firm websites use branded colours that look sophisticated but fail these thresholds, particularly when pairing light grey text with white backgrounds or pale blue buttons with light blue pages.
Test your existing buttons using a free contrast checker before finalising any website upgrade. A button with navy text on a white background typically achieves 12:1 contrast, well above the minimum. Pale grey on white often falls below 2:1, making it difficult for many visitors to see. If your brand colours do not provide sufficient contrast, add a darker shade specifically for CTAs or use white text on your primary brand colour with a border for definition.
Keyboard Navigation and Focus States
Many people cannot use a mouse and navigate websites entirely with a keyboard, using the Tab key to move between interactive elements. Your CTA buttons must be reachable via keyboard and display a clear visual indicator when focused. Without this, keyboard users cannot tell which element is currently selected or submit forms without a mouse.
In our experience, law firms often add custom styling that removes the default focus outline without replacing it with an equally visible alternative. When someone presses Tab to move through your contact form, they should see a clear outline or colour change on each field and button as they reach it. A simple CSS focus style that adds a 2-pixel border in your brand colour solves this requirement. This detail matters more than many solicitors realise because it directly affects whether someone using assistive technology can complete your enquiry form and become a client.
Click Target Size for Mobile and Motor Impairments
Your CTA button needs a minimum clickable area of 44 by 44 pixels to accommodate people with motor impairments and anyone using a mobile device. Smaller targets increase the chance of missing the button or accidentally clicking an adjacent element. Many legal websites squeeze multiple CTAs close together in headers or footers, creating tiny click targets that frustrate mobile users and exclude people with reduced dexterity.
A commercial law firm reviewing their website management discovered their "Contact Us" button measured only 30 by 28 pixels on mobile devices. Visitors frequently clicked the adjacent "Services" link by mistake, adding friction to the enquiry process. Increasing the button size to 48 by 48 pixels and adding spacing between elements removed that friction. The change required minimal design adjustment but produced measurable improvement in form completion rates, particularly from mobile visitors who represent an increasing portion of legal enquiries.
How Accessible CTAs Improve Conversion Rates
Accessibility improvements do not just serve people with disabilities. They create a better experience for everyone who visits your site. Clear button labels reduce confusion. High contrast text remains readable in bright sunlight on mobile screens. Large click targets prevent errors. Keyboard navigation helps people who prefer shortcuts to mouse movement. Each adjustment removes a small source of friction that might have caused someone to leave your site without making contact.
When you invest in website development that prioritises accessible design, you build a platform that converts more visitors into clients across all demographics. An estate planning lawyer might find that clearer CTA language increases enquiries from older Australians who represent their core client base. A personal injury firm could see improved conversion from people contacting them immediately after an accident, when stress and injury make website navigation more difficult. These gains compound over time because accessible design withstands changes in technology and user behaviour better than implementations that assume everyone interacts with websites the same way.
Accessible call to action design represents professional standards, not just compliance. Your website competes for attention with firms that have optimised every element of their website content and user experience. When a potential client compares your site with a competitor's, they notice whether your contact process feels effortless or creates obstacles. Making your CTAs work for everyone ensures that when someone needs legal help, your website welcomes them rather than turning them away.
Call one of our team or book an appointment at a time that works for you to discuss how accessible design can improve your website conversion rates.
Frequently Asked Questions
What makes a call to action button accessible?
An accessible CTA uses descriptive text that explains the action, maintains sufficient colour contrast against its background, works with keyboard navigation, and provides a click target of at least 44 by 44 pixels. These features ensure people using assistive technology or mobile devices can interact with your button.
Why should law firm websites avoid vague button text like Click Here?
Generic button text fails to describe what happens when clicked, creating confusion for screen reader users who navigate by listing all buttons on a page. Descriptive labels like Schedule Your Legal Consultation work in isolation and improve conversion by removing ambiguity.
What colour contrast ratio do CTA buttons need?
Standard button text requires a minimum contrast ratio of 4.5:1 between text and background, while large text needs 3:1. Many law firm websites use branded colours that fall below these thresholds, making buttons difficult for people with vision impairments to read.
How does keyboard navigation affect call to action accessibility?
People who cannot use a mouse navigate websites with the Tab key and need a clear visual indicator showing which element is currently focused. Without visible focus states on your CTA buttons, keyboard users cannot tell where they are on the page or complete your enquiry forms.
Do accessible CTA buttons improve conversion for all visitors?
Yes, accessibility improvements benefit everyone by creating clearer labels, better contrast in bright conditions, larger click targets that prevent errors, and reduced friction throughout the enquiry process. These changes increase conversion across all demographics, not just people with disabilities.
