Website Accessibility (WCAG): What a B2B Site Actually Needs to Fix

Accessibility isn't a charity issue, it's a compliance item in the procurement chain. For a B2B website, the right approach is to work in tiers: fix the five P0 items first under WCAG 2.2 AA, which takes about 8-20 hours of template-level work. Automated scanners catch only 30-40% of issues, so sign-off must include keyboard walkthroughs and screen reader spot checks, and should produce a conformance statement you can put in a vendor questionnaire.

无障碍改造三档:P0 必改、P1 建议、P2 锦上添花Accessibility in Three Tiers: P0 must-fix, P1 advisable, P2 nice-to-have 自动扫描只能覆盖 30–40% 的问题,剩下靠键盘与屏幕阅读器Automated scans catch only 30-40% of issues; the rest need keyboard and screen-reader checks 档Tier 改造项Work item 常见误区Common mistake P0 必改P0 must fix 表单标签与错误提示 · 对比度 · 键盘可操作 · 图片替代文本 · 语言声明Form labels and error messages · contrast · keyboard access · imagealt text · language declaration 只改首页不改模板Fixing the homepage but not thetemplate P1 建议P1 advisable 焦点样式 · 跳转链接 · 标题层级不跳级Focus styles · skip links · heading hierarchy 以为加 ARIA 就等于无障碍Assuming ARIA equals accessibility P2 锦上添花P2 nice to have ARIA 细节 · 动效减弱 · 快捷键ARIA details · reduced motion · keyboard shortcuts 用 div 冒充按钮Using a div as a button 验收方法:自动扫描 + 键盘走查 + 屏幕阅读器抽查一段表单流程Verification: automated scan, keyboard walk-through, screen-reader pass over one form flow 成本量级:模板级修完 P0 约 8–20 小时,逐页修成本翻倍Cost: 8-20 hours to fix P0 at template level; page-by-page costs double 与 SEO 重叠:语义化结构 · 图片替代文本 · 标题层级 · 链接文本Overlaps with SEO: semantic markup, alt text, heading order, link text 纯国内站且无公共采购客户,至少做 P0 最小集Purely domestic sites with no public procurement still need the P0 minimum
Website Accessibility (WCAG): What a B2B Site Actually Needs to Fix

Website Accessibility (WCAG): What a B2B Site Actually Needs to Fix

Bottom line first: You don’t need to overhaul your whole B2B site for accessibility. Under WCAG 2.2 AA, fix the five P0 items first: form labels and error messages, 4.5:1 color contrast, keyboard operability, image alt text, and language declarations. That’s about 8-20 hours of template-level work. Note that automated scanners catch only about 30-40% of issues, so sign-off must include keyboard walkthroughs and screen reader spot checks.

1. Who Will Actually Check: Regulations and Where They Apply

First, the boundaries:Data compliance covers how cookies and personal data are handled,Speed audits cover load performance. This article covers one thing only: whether everyone, including people using assistive technology, can read and operate your site’s content and interactions.

B2B companies rarely care about accessibility because they have “visually impaired customers.” They care for three more practical reasons: regulation, procurement, and usability. One table shows who will actually check.

Trigger Who it applies to Specific requirements Timeline
European Accessibility Act (EAA, 2019/882) E-commerce and related services sold in the EU References EN 301 549, whose technical core is WCAG 2.1 AA New services must comply from June 28, 2025
EU Public Procurement Directive (2014/24/EU) Suppliers bidding on EU public projects Technical specs cite EN 301 549, making accessibility part of bid evaluation In force for years
US federal procurement (Section 508) Vendors supplying US federal agencies Requires a VPAT/ACR conformance report Standing requirement
Enterprise vendor onboarding questionnaires Approved vendor lists at leading buyers across industries Questionnaires often include a “Do you meet WCAG 2.1 AA?” field Comes up with each procurement cycle

The version question is settled too: WCAG 2.2 was released in October 2023 and adds nine success criteria to 2.1, including focus appearance and target size, while EN 301 549 still references 2.1 AA. Writing “WCAG 2.1 AA” or “2.2 AA” in procurement and contracts both works, since the two overlap on more than 90% of fixes. Deciding whether you need this is simple: look at your customer profile. If you sell into the EU, bid on public contracts, or serve as a tier-one supplier to large enterprises, accessibility is a test you have to pass. If none of those apply, you can deprioritize it, but you still need to do the minimum set, covered in section 7.

2. The Four Principles: What the Problems Look Like

WCAG groups all requirements under four principles. Mapped to B2B websites, the common problems cluster tightly.

Principle Meaning Most common on B2B sites
Perceivable Information can be seen or heard Product images have no alt text, light gray body text fails contrast, videos have no captions
Operable Every feature works with a keyboard Dropdown menus only open on hover, modals can’t be closed, focus is invisible
Understandable Content and controls behave as expected Forms have no labels, errors only say “submission failed,” page language isn’t declared
Robust Assistive technology can parse it correctly divs posing as buttons, heading levels jumping from h2 straight to h5

Here’s a real scenario: an overseas procurement manager asks a colleague to verify specs over the phone. The colleague uses a screen reader to read your product page and skips right past the spec images with no alt text — to them, that page doesn’t exist. Tools can catch missing images and poor contrast, but they can’t judge whether the alt text is accurate or whether the Tab order makes sense. That’s exactly why acceptance testing comes in three layers later on.

3. Five P0 Must-Fixes: All Solvable at the Template Level

Accessibility fixes for a B2B site start with just five priorities, all P0.

Project Test Common mistakes
Form labels and error messages Every input has a visible label; error messages are text and tied to the field; errors aren’t signaled by color alone Placeholder text posing as a label; errors shown only once in a popup
Color contrast Body text contrast ≥4.5:1; large text and UI controls ≥3:1 Light gray #999 on white measures about 2.8:1
Keyboard operable Every feature reachable by Tab, in a logical order, with visible focus and no keyboard traps Hover menus can’t be opened by keyboard; focus stays behind the page after a modal opens
Image alt text Images that carry information get text alternatives; purely decorative images get empty alt text No alt text on any image sitewide; or alt text like img_0342.jpg
Language declaration The html lang attribute is set correctly for each language A mixed Chinese-English site declares en across the board

Here are the specific contrast thresholds, so designers can check them directly when revising.

Content type AA minimum Common failures
Body text (under 24px) 4.5:1 White text on gray, semi-transparent watermark text
Large headings (≥24px or ≥18.5px bold) 3:1 Light brand text on a light background
Button borders and icons 3:1 Light-outline buttons
Disabled controls No requirement Light colors are fine, just don’t use them for key actions

Of the five P0 items, four are template-level changes — fix the theme once and the whole site updates. That’s the fundamental reason accessibility is affordable for B2B sites. Forms directly affect whether you collect inquiries, so while you’re fixing labels and error messages, we suggest also reviewing the delivery checks in Form reliability— one change solves two problems.

4. P1 and P2: Recommended Fixes and Nice-to-Haves

Beyond P0 there are two more tiers, so you avoid the “all or nothing” extremes.

Tier Project Test When to do it
P1 Focus styles Focus outlines are visible with ≥3:1 contrast; global outline:none is banned Do it while you’re editing the theme
P1 Skip links The first Tab stop on the page is “Skip to main content” Long pages and sites with multi-level navigation
P1 Heading hierarchy One h1, no skipped levels The same thing as semantic SEO
P1 Link text Makes sense out of context Avoid “click here” everywhere
P2 Target size Clickable area ≥24×24 pixels (new in WCAG 2.2) When adapting for mobile
P2 Reduced motion Respect the system’s prefers-reduced-motion setting Sites with carousels and animations
P2 ARIA details Add state markers to accordions, tabs and similar components Handle it when you swap component libraries

P1 takes about 10–15 hours across the whole site, and most projects fold it into a theme redesign rather than treating it as a separate initiative. P2 is a simpler call: unless a component rework happens to be scheduled anyway, don’t start a project just for it. The worst mistake in accessibility work is treating P2 details as the main effort — the return on that time is nowhere near proportional.

5. Three common misconceptions

Mistake Why it’s wrong The right way
Adding ARIA makes it accessible ARIA patches gaps in native semantics, it doesn’t replace them; wrong ARIA is worse than none Use native button, label, nav and similar elements first
Building buttons from divs with click handlers The keyboard can’t trigger them, and screen readers don’t recognize them as buttons Switch to a button element, keep the same styling
Passing automated tools means you’re done Tools catch only about 30–40% of issues Follow up with a keyboard walkthrough and a screen reader spot check before you call it done

All three misconceptions come down to looking for a shortcut. The ARIA spec itself says “First rule: don’t use ARIA” — if a native element works, don’t pile on attributes. Div buttons are everywhere in B2B templates, especially when a whole card is clickable; the right approach is to put a real button inside. As for a perfect tool score, it only proves there are no basic errors. Whether alt text is appropriate, whether the Tab order matches the reading flow, whether error messages make sense to a human — machines can’t judge any of that. Someone has to walk through it.

6. How to run acceptance: automated scans, keyboard walkthroughs, screen reader spot checks

Acceptance has three layers, and skipping any one makes the conclusion unreliable.

Layer Tools and methods Share of issues found Time estimate
Automated scan Run axe, WAVE and Lighthouse page by page About 30–40% Under 1 hour for the whole site
Keyboard walkthrough Put the mouse away and complete the entire inquiry flow with Tab, Enter and Esc The main way to catch interaction issues About 1–2 hours for 5–8 pages
Screen reader spot check Walk through part of a form with NVDA (Windows) or VoiceOver (macOS) Semantics and prompt issues About 1 hour

Which pages to sample matters: home, one product detail page, an inquiry or contact form page, and one content page. These four cover over 80% of interaction scenarios on a B2B site. Beyond that, a page-by-page scan is enough; no need to audit every page. Keep your acceptance records on file: when a vendor onboarding questionnaire asks for a VPAT, you can rewrite the records into a conformance statement and submit it directly. If your team doesn’t have the hands for theme- and template-level changes, you can Contact Us assess based on the current state of the site.

7. Cost and effort, overlap with SEO, and when not to do it

Give the effort estimate first, then the judgment call.

Work item Effort estimate Description
Template-level P0 fixes 8–20 hours Depends on the number of templates and how customized they are
Page-by-page P0 fixes About 2x the template-level effort Comes up when there are many custom landing pages
Site-wide P1 10–15 hours Usually merged with a theme redesign
Three-tier acceptance 3–5 hours Includes organizing records and writing the conformance statement

Accessibility and SEO overlap more than you’d think. Most projects get both done in one pass.

Accessibility fix Direct impact on SEO
Semantic heading hierarchy The same task as optimizing site structure
Image alt text Image search and accessibility share the same fix
Readable link text Anchor text quality is itself a ranking signal
Page language declaration Helps determine language regions
Mobile target size Consistent with mobile usability

When not to do it also needs to be clear: internal tool sites (users are controllable and can be trained) and purely domestic sites with no EU or public procurement customers and that have never been asked about it in a procurement questionnaire can do just the minimal three: forms have labels and text error messages, body text contrast meets the standard, and infographics have alt text. That’s half a day or less in total. When pushing accessibility fixes alongside a site rebuild, be careful not to overlap with structured data deployment and performance optimization,Structured Data which each have their own chapters. Schedule them in separate batches rather than mixing them together.

FAQ

Does a B2B website really need accessibility?
Look at three conditions. If any one applies, we recommend doing it: you have EU market customers (EAA applies from June 2025), you’ve participated in or plan to participate in overseas public procurement, or you’ve been asked about WCAG in a large-enterprise vendor onboarding questionnaire. For a purely domestic site that meets none of the three, lower the priority, but we still recommend the minimal three: forms, contrast, and alt text. That costs half a day or less, and these overlap with SEO fixes, so you get them done along the way.
Do you have to meet all of WCAG 2.2 AA to use it?
You don’t need to tackle all 50-plus success criteria one by one. The practical approach for B2B sites is tiered: the five P0 items must pass, P1 should pass as much as possible, and P2 depends on your redesign window. For procurement scenarios, writing “conforms to WCAG 2.1 AA” satisfies the EN 301 549 reference requirement; writing 2.2 AA requires covering additional criteria like target size. Deliver P0 first, then decide whether to raise the bar based on the exact wording in the customer’s questionnaire.
If an automated scanning tool gives a perfect score, does that mean you’re compliant?
No. Tools like axe, WAVE and Lighthouse only catch about 30–40% of issues based on published experience. Judgments like “is this alt text appropriate,” “is the Tab order sensible,” “are error messages readable” are beyond what tools can do. A perfect score only means there are no basic errors. Compliance conclusions rest on three layers of verification: automated scanning, keyboard walkthrough, and screen reader spot checks. Miss any one layer and it’s unreliable. All three must be done before making any public claim.
How long does accessibility remediation take?
Fixing the five P0 items at the template level takes about 8–20 hours. The main variables are the number of templates and how customized the pages are. Sites with many custom landing pages need page-by-page fixes, roughly double the hours. P1 site-wide takes 10–15 hours and is usually folded into a theme overhaul. These figures exclude verification, which is billed separately at 3–5 hours. Run an automated scan first to get an issue list before estimating hours. It’s far more accurate than guessing from experience.
Will accessibility work slow down the site or hurt rankings?
It won’t slow things down. Most remediation items align with performance and SEO: semantic tags, alt text and heading hierarchy are already ranking factors, and language declarations help with multilingual region targeting. Watch for a few conflict points: don’t implement focus styles with large box shadows, which cause layout jitter; skip links should use visually-hidden techniques, not display:none, or screen readers won’t see them either. After changes, run a speed and mobile test to confirm there’s no regression.
What should multilingual sites watch out for with accessibility?
Three things. First, the html lang attribute must be declared per language site. The most common mistake on mixed Chinese-English sites is writing en site-wide. Second, form error messages must be translated with the language. Translating only field labels and not error messages is as good as doing nothing. Third, for RTL languages like Arabic, check whether the focus order still makes sense after the layout mirrors. Multilingual launch quality gates have their own dedicated article. Accessibility checks should be folded into the same launch verification, not run as a separate round.

Final thoughts

Accessibility isn’t charity decoration. It’s compliance documentation plus a usability safety net in the procurement chain. The right approach for B2B sites is tiered execution: fix the five P0 items at the template level, keep three-layer verification on file, fold P1 into a redesign, and don’t make P2 a standalone project. Most sites can get a conformance statement suitable for a vendor questionnaire within two weeks. That investment is worth the one minute it takes up in the procurement process.

One rule is enough to remember: fix templates before pages, walk the keyboard before trusting the scan.

Crater
Crater Crater experts

Official Organization · Crater

Crater is a go-global services company specializing in WordPress standalone site development + Google SEO + GEO full-funnel growth, serving sectors including smart hardware, industrial equipment, SaaS, and new energy.

Product CapabilitiesMethodology WhitepaperIndustry Report
965articles shared
78knowledge base articles