Make your website accessible in just 1 click – trusted by over 60,000 websites worldwide
Get OneTap
Get OneTap
Pricing
Lifetime Deals for web agencies • one-time payment, no subscription. Only for a short time!
Grab the Deal
Login
Get OneTap
WCAG Web Content Accessibility Guidelines

Everything You Need to Know: WCAG & WordPress

The Web Content Accessibility Guidelines (WCAG) are international standards for accessible web content. They define how websites should be designed and built so people with disabilities can use them. In the EU, WCAG is the technical reference for laws such as the European Accessibility Act and EN 301 549. For WordPress websites, WCAG provides clear, testable rules without requiring specific tools or products. 

Get OneTap
Requirements
Who must follow WCAG requirements?

WCAG applies to public bodies and many private providers of digital services and content.

How complex is WCAG conformance?

The effort varies by site size and quality. Many issues relate to structure, content, and design.

What happens if my website stays inaccessible?

You risk legal fines and losing many customers & SEO Ranking who rely on accessible navigation.

What happens without technical optimization?

Without a accessibility tool like OneTap, adjustments often require rewriting code on many or even most pages, which can be time-consuming and costly.

Web Content Accessibility Guidelines for WordPress

Key Accessibility Requirements
for Websites under the WCAG

WCAG is based on four principles: content must be perceivable, operable, understandable, and robust. This includes text alternatives for images, keyboard access, readable contrast, clear structure, and compatibility with assistive technologies. WCAG defines measurable success criteria at Levels A, AA, and AAA. In most legal contexts, Level AA is used as the reference.
Text Alternatives for Images

Meaningful images must include text alternatives so screen readers can convey information.

Keyboard Accessibility

All interactive elements must be usable with a keyboard without requiring a mouse.

Captions for Video Content

Prerecorded videos with audio must provide captions for users who cannot hear.

Sufficient Color Contrast

Text and interactive elements must meet minimum contrast ratios for readability.

Resizable Text

Text must be resizable up to 200% without loss of content or functionality.

Clear Headings and Labels

Headings and form labels must describe their purpose and structure content clearly.

Consistent Navigation

Navigation mechanisms must remain consistent across pages of the website.

Error Identification

Input errors must be clearly identified and described to help users correct them.

Language Identification

The default language of each page and language changes must be defined in code.

Assistive Technology Compatibility

Content must be robust enough to work with screen readers and similar tools.

Frequently Asked Questions

Find quick answers about OneTap’s setup, features, and updates in our FAQ.

OneTap was specifically designed to help you enhance your website’s accessibility. It supports the guidelines of the WCAG (Web Content Accessibility Guidelines) and the European Accessibility Act (EAA), ensuring your website is more user-friendly and accessible for everyone.

  • Ready in 1 Minute
  • No technical skills required
  • Support EAA & WCAG
  • 40+ Languages
  • Integrated Statement Generator
  • Activates Keyboard Navigation & Text-to-Speech
  • Activates 29 Modules for Accessibility like text size, Cursor, Dyslexic Font, Filter Options and much more
See Packages

No coding skills are required. The plugin is designed to operate with just a click, enabling you to easily customize colors and language as you wish.

Yes, definitely! We continuously monitor and develop the plugin to ensure compatibility with the most popular website builders. Our team regularly conducts thorough compatibility tests to guarantee that the plugin works seamlessly across various platforms.

With over 800 tests completed, we can confidently say that it runs smoothly without affecting your site’s performance.

Yes, OneTap is perfect for international websites, supporting over 40 languages. This makes your website not only accessible but also understandable to a global audience. More languages are on the way. 

See all languages

OneTap helps you comply with the WCAG and EAA standards. Its integrated features allow you to make essential adjustments to create a more inclusive and accessible website.

A large white circle stands out against a smooth blue gradient background. In the center of the circle, bold letters spell EAA. Arched above the circle, clear text reads “Support European Accessibility Act.” The image emphasizes innovative digital tools—a robust accessibility widget and a WordPress accessibility plugin—designed to make online content usable for everyone.
A bold white circle sits at the center of a vibrant blue background that blends from dark at the edges to lighter near the middle. Inside the circle, large, clear letters spell out “WCAG.” Above the circle, following its curve, is an arch of readable text stating “Web Content Accessibility,” signaling a focus on making digital content usable for everyone. The overall design is high-contrast for easy readability and uses plain fonts and colors that support users with limited vision or color perception.
A graphic with a bold blue background features a prominent white circle at its center. Inside the circle, the letters “ADA” are displayed in large, clear text, making them easy to read. Arching above the circle in blue lettering are the words “Americans with Disabilities,” creating a sense of unity and focus on accessibility. The clean design uses high color contrast and simple shapes to ensure readability for everyone, including people with low vision or color blindness.
A blue gradient background displays a white, circular shape at its center. Inside the circle, bold text reads EN 301549. Above the circle, the words EN 301549 Support arc gracefully along the top edge. The clear contrast between white text and blue background makes all wording easy to read for people with low vision or color sensitivity. The simple layout and distinct shapes ensure that users with cognitive or visual disabilities can easily identify and understand the focus on digital accessibility standards.
A prominent white circle sits at the center of the image, displaying “GDPR” in large, bold blue letters. Above the circle, the phrase “GDPR Compliant” is written in a curved arc that follows the contour of the circle’s upper edge. The background features a smooth blue gradient that conveys a modern and approachable digital environment. The overall design emphasizes clarity and readability, with strong color contrast between text and background to support users with visual impairments or color vision deficiencies.

Absolutely! Excellent customer support is vital for a quality product, and we’ll work hard to resolve any issues you encounter through our support page. Our dedicated team is available 24/7 to assist you in multiple languages, ensuring you receive timely and efficient help no matter where you are in the world.

Whether you need technical assistance, have questions about our products, or require any other support, we are here for you around the clock, in the language that suits you best. Your satisfaction is our top priority.

Yes. OneTap is fully GDPR compliant and does not store or collect any personal user data. As an Austrian company, we place the highest importance on data protection — and this will always remain a core principle of our product.

Yes — a free version of OneTap is available on WordPress.org with basic features.
The Pro version includes all advanced tools for full WCAG / EAA compliance and extended customization.

Yes, we offer special packages for agencies. These are subscription-free and designed for client websites. You can choose packages for 5, 25, or unlimited websites, with simple licenses, no ongoing costs, and lifetime updates for your clients.

See Agency Packages

If you have any further questions or just want to reach our team, click the button below.

Contact us
WCAG 2.2
EAA
EN 301 549
ADA
Equality Act
Section 508
BFSG
AODA
DDA
LBI

Make your site accessible today

Trusted by 60,000+ websites — made in Europe. OneTap is the #1 WordPress accessibility plugin. Improve accessibility in 1 minute — no coding needed
1
Choose your Package
2
Download Plugin
3
Install with 1 Click
Finished
See all packages

Language overview

OneTap currently supports 40+ languages, including all EU countries and many others. More languages are on the way.
A round icon displaying the United States flag: thirteen alternating red and white horizontal stripes fill the background, while a bright blue square sits in the upper left. Inside this blue area are fifty small, evenly spaced white stars arranged in nine offset rows. The bold colors and clear shapes make this flag icon easily recognizable at a glance.

English

A compact image displays the German flag, composed of three equally sized horizontal stripes. The top stripe is solid black, the middle stripe is a vivid red, and the bottom stripe shines in bright gold. The design is simple and clear, making it easy to recognize at a glance and suitable for use in digital accessibility tools or navigation elements.

Deutsch

A circular icon displays the Spanish flag with two bold red stripes at the top and bottom, separated by a wide, bright yellow stripe in the center. On the left side of the yellow band sits an intricate coat of arms, featuring details like a shield with symbols, a crown, and decorative ornaments. The round shape ensures clear visibility and easy recognition for users navigating diverse digital environments.

Español

A round icon displaying the French flag divided into three equal, vertical bands of color: deep blue on the left, bright white in the center, and bold red on the right. The simple design and high-contrast colors make it easily recognizable for users selecting language or region preferences.

Français

A round icon displaying the Italian flag, divided into three equal vertical sections: green on the left, white in the center, and red on the right. The crisp colors are clearly separated for high contrast and easy identification, making this icon accessible for users with visual or cognitive differences. Designed to be easily recognizable and usable by people of all abilities.

Italiano

A small, circle-shaped icon featuring the Polish flag: the top half of the circle is a bright white, and the bottom half is a bold red. The clean lines and strong color contrast make it easily recognizable and distinct for users with low vision or color perception differences. Its simple design ensures clarity when used in accessibility tools or toolbars.

Polski

A bold blue circle features a bright yellow cross that extends to the edges, forming a simple, high-contrast design reminiscent of the Swedish flag. The clear shapes and distinct colors ensure visibility for users with low vision or color perception differences. The uncluttered layout offers easy recognition as an inclusive symbol for accessibility tools or websites.

Svenska

A rectangular white flag displays a bold blue cross that extends to all edges, with the horizontal bar positioned slightly above the center. The striking contrast between the deep blue and crisp white ensures strong visibility. This design is clear and straightforward, echoing principles of accessibility by prioritizing high contrast and simplicity so everyone can easily recognize and understand its meaning.

Suomi

A small, round icon displaying the flag of Portugal. The left third features a bold green vertical stripe, while the remaining two-thirds are bright red. At the center where the colors meet sits Portugal’s national coat of arms: a yellow-bordered shield with blue and white details, encircled by a decorative armillary sphere in gold. The design is clear and easily distinguishable for users with varying vision abilities.

Português

A circular image displays the Romanian flag, divided into three equal vertical stripes: deep blue on the left, bright yellow in the middle, and vivid red on the right. The bold colors stand out clearly against each other, making the icon easily recognizable and visually distinct for users with varying levels of vision.

Română

A circular icon featuring Slovenia’s flag: three horizontal stripes in white at the top, blue in the middle, and red at the bottom. In the upper left section of the circle, there is a small national coat of arms—a blue shield with an image of a white mountain peak, three golden stars above it, and wavy blue lines representing rivers beneath. The simple design and clear contrasts make the icon easily recognizable and suitable for users with differing visual needs.

Slovenščina

A small, round icon displays the flag of Slovakia. The flag features three horizontal stripes: white at the top, blue in the middle, and red at the bottom. On the left side of the circle is Slovakia’s national coat of arms—a red shield bearing a white double cross mounted on three blue hills.

Slovenčina

A round icon displays the Netherlands flag, divided into three equal horizontal stripes: a vivid red band at the top, a bright white band in the middle, and a deep blue band at the bottom. The bold colors and simple design inside a circular frame ensure high visibility and easy recognition on digital platforms.

Nederlands

A round icon displaying the flag of Denmark, with a bright red background crossed by a bold, white horizontal and vertical stripe that meet off-center to the left. The design provides high color contrast and simple shapes for easy recognition by people with low vision.

Dansk

A circular icon displaying the national flag of Greece, featuring a deep blue background. In the upper left portion, a bold white cross sits within a blue square, representing Greek Orthodoxy. The rest of the icon is filled with alternating horizontal stripes—five blue and four white—symbolizing the sea and sky of Greece. The high-contrast colors and simple geometric shapes ensure clear visibility for users with visual impairments.

Ελληνικά

A circular icon displaying the flag of the Czech Republic, with a bold blue triangle filling the entire left side. The upper right section is bright white, while the lower right portion is vivid red. The clear color separation and high contrast make each segment easily distinguishable, supporting users with varying levels of vision or color perception.

Čeština

A circular icon displaying the Hungarian flag, divided into three equal horizontal stripes: bold red at the top, crisp white across the center, and vibrant green at the bottom. The simple layout and high-contrast colors ensure clear visibility for users with low vision and make it easily recognizable within an accessibility toolbar.

Magyar

A round icon featuring the Lithuanian flag displayed as three bold, evenly spaced horizontal stripes: a bright yellow stripe at the top, a rich green stripe across the center, and a deep red stripe at the bottom. The colors are vivid and clearly separated, ensuring strong contrast for easy identification by users with low vision or color perception differences. The circular shape provides a distinct outline that remains recognizable at various sizes and on different backgrounds.

Lietuvių

A small, round icon displays the flag of Latvia. The design consists of a bold maroon circle with a crisp, horizontal white stripe running through the center. The simple and high-contrast pattern ensures that the icon is easily recognizable and distinguishable for users with varying visual abilities.

Latviešu

A small, rectangular icon displaying the national flag of Estonia with three equally sized horizontal stripes: a vivid blue stripe at the top, a deep black stripe in the middle, and a bright white stripe at the bottom. The simple, high-contrast design ensures clear visibility at reduced sizes and supports users with visual or cognitive disabilities.

Eesti

A round icon displaying the Croatian flag with three bold horizontal stripes: red at the top, white in the middle, and blue at the bottom. Centered on the white stripe is Croatia’s national coat of arms—a prominent red and white checkerboard shield—adding a distinct focal point within the circular shape. The high-contrast colors and clear symbols ensure easy recognition for all users, supporting digital accessibility needs.

Hrvatski

A perfectly round icon displays the flag of Ireland with three equal vertical stripes. The left stripe is a bold green, the center stripe is crisp white, and the right stripe is a bright orange. Clean lines separate each color, creating a balanced and easily recognizable symbol that supports visual clarity for all users.

Gaeilge

A round icon divided horizontally into three equal bands: the top band is bright white, the middle band is vibrant green, and the bottom band is bold red. The clear color separation and high-contrast design ensure visibility and easy identification for users with varying visual abilities. The simple shape and distinct colors make this icon approachable, easily recognizable, and welcoming for all users navigating digital platforms.

Български

A circular image displaying the national flag of Norway. The flag consists of a bold blue cross, outlined with a crisp white border, all set against a bright red background. The clean lines and contrasting colors ensure easy visibility for users with low vision or color perception differences. This simple, high-contrast design makes the icon easily recognizable and accessible for people using screen magnifiers or those who benefit from clear visual distinctions.

Norsk

A bold red circle features a bright white crescent moon curving around a five-pointed star, both centered against the vibrant background. The simple, high-contrast design ensures clear visibility and easy recognition for users of all abilities.

Türkçe

Indonesian

Bahasa Indonesia

A neatly designed Brazilian flag icon featuring a bright green rectangular background. Centered on the flag is a large yellow diamond shape. Inside the diamond sits a vivid blue circle, representing a globe, which is adorned with small white stars arranged in patterns. A bold white banner runs across the globe, adding detail and contrast for clear visibility at small sizes—a practical choice for accessibility toolbars or inclusive digital interfaces.

Português (Brasil)

A bold red circle sits perfectly centered on a clean white background, creating a simple yet striking visual contrast. The high color contrast between the vivid red and crisp white makes the image easily distinguishable for users with low vision or color perception differences. The design is free from any text or complex details, allowing screen readers to provide an accurate description without confusion. This clear and minimalistic symbol supports inclusive digital experiences by being easily recognizable and understandable to people of all abilities.

日本語

A white rectangular flag displays a bold, circular symbol at its center. This symbol is divided horizontally into two equal halves: the top half is red, and the bottom half is blue. Surrounding this central circle are four distinct black line patterns—known as trigrams—placed in each corner of the flag. Each trigram consists of three parallel lines arranged in unique combinations of solid and broken segments, creating high visual contrast against the bright white background. The simple layout and clear contrasts ensure that every detail stands out for all viewers, including those with low vision or color sensitivity.

한국어

A bright red circle displays five yellow stars: one large star near the upper left, with four smaller stars arranged in a curved line to its right. The design represents the national flag of China, with clear color contrast and simple shapes that are easily recognizable by people with different vision abilities.

简体中文

A round icon displays the flag of the United Arab Emirates. On the left side, a bold vertical red stripe stands out. To the right, three horizontal stripes are stacked: bright green on top, crisp white in the middle, and deep black along the bottom. The design is clear and simple against a plain background, making it easily recognizable for users with varying levels of vision or color perception.

العربية

A round icon displaying the Russian flag with three horizontal bands: a bright white stripe at the top, a rich blue stripe in the center, and a bold red stripe at the bottom. The circular design has smooth edges and clear color separation, making it easily recognizable for users of varying vision levels.

Русский

A circular symbol displays the Indian flag, featuring three bold horizontal stripes: a vibrant saffron band at the top, a clean white stripe in the middle, and a rich green stripe at the bottom. Centered within the white band is a deep blue wheel, known as the Ashoka Chakra, with 24 equally spaced spokes radiating outward like rays. This clear and straightforward design supports easy identification for users seeking accessibility options or language selections related to India.

हिन्दी

ukrainian

Українська

A circular icon displays the Serbian flag divided into three equal horizontal stripes: bright red at the top, deep blue in the middle, and white at the bottom. On the left side of the circle sits a detailed coat of arms with a prominent white double-headed eagle and a golden crown above it, set against a red shield. The design stands out clearly against any background, ensuring users with visual impairments can distinguish its colors and shapes easily.

Српски

vietnam

Tiếng Việt

england

British English

iran

فارسی

israel

עברית

macedonia

Македонски

thailand

ไทย

Request Language