WCAG 2.2 AA Built‑In
Ship accessible document experiences — without the grind
Nutrient Web SDK UI aligns with WCAG 2.2 AA best practices out of the box, giving your team a head start on compliance and your business a clear path to bigger deals.

Relied upon by industry leaders
Why accessibility is a must‑solve problem — now
In 2025, the EU begins enforcing the European Accessibility Act. Every site, app, or kiosk must meet WCAG 2.1 AA or risk six‑figure fines and market lockout. Meanwhile, U.S. education and public sector buyers already reject vendors without a clear accessibility story. The first line in any RFP is now: Show us your VPAT.

Nutrient ships with a VPAT 2.5 for the SDK’s UI layer, validated together with Level Access, so you start the conversation with facts — not promises.
What’s at stake
Contract disqualification
Lose government and Fortune 500 deals worth millions
Litigation risk
ADA settlements can reach USD 100,000+ per incident
Brand trust
Stakeholders and users judge accessibility as table stakes
Waiting means losing —
Nutrient fast‑tracks compliance and proof.
What makes Nutrient different
Compliance engineered, not bolted on
AA COVERAGE
WCAG 2.2
Keyboard operability for viewer operations, focus order, semantics, color contrast, motion sensitivity, and more.
Developer velocity meets architectural freedom
Nested aria‑attributes, focus hacks, brittle CSS
Web SDK UI components ship with correct roles, states, and focus rules
Monolithic, opinionated UI layers
Nutrient offers accessible-by-default UI components you can use in your custom interface
Multi‑week implementation cycles
Accessibility is built into the Web SDK by default — no setup or extra configuration needed
Business value you can measure

Protect revenue
71 percent of users with disabilities abandon inaccessible websites immediately (Click-Away Pound report).

Reduce legal exposure
96 percent of websites fail basic accessibility tests, putting you at risk of ADA and EAA penalties (WebAIM).

Gain a competitive edge
Companies that prioritize accessibility are 4× more likely to outperform peers in shareholder returns (Accenture).
Implementation in three simple steps
Install and import
npm i @nutrient/web-sdk
Drop in the viewer. The default configuration unlocks WCAG 2.2 AA-compatible functionality.
Customize only what you need within the UI pattern and live playground.
1import PSPDFKit from "pspdfkit";
2
3// Obtain a PSPDFKit document instance.
4const instance = await PSPDFKit.load({
5 container: "#pspdfkit",
6 document: "<document-file-path>",
7 licenseKey: "<license-key>"
8});
9
10console.log("PSPDFKit for Web is ready!");
11console.log(instance);
1import DocAuth from '@pspdfkit/document-authoring';
2
3const docAuthSystem = await DocAuth.createDocAuthSystem({
4 licenseKey: '<license-key>',
5});
6
7const editor = await docAuthSystem.createEditor(
8 document.getElementById('editor'),
9 {
10 document: await docAuthSystem.createDocumentFromPlaintext('Hi there!'),
11 }
12);
1import PSPDFKit
2import PSPDFKitUI
3import SwiftUI
4
5// A \`Document\` is the container for your PDF file.
6let document = Document(url: documentURL)
7
8var body: some View {
9 // A \`PDFView\` will present and manage the PSPDFKit UI.
10 PDFView(document: document)
11 .scrollDirection(.vertical)
12 .pageTransition(.scrollContinuous)
13 .pageMode(.single)
14}
1- (instancetype)initWithFrame:(CGRect)frame {
2 if ((self = [super initWithFrame:frame])) {
3 // Set configuration to use the custom annotation toolbar when initializing the \`PSPDFViewController\`.
4 // For more details, see \`PSCCustomizeAnnotationToolbarExample.m\` from PSPDFCatalog and our documentation here: https://pspdfkit.com/guides/ios/customizing-the-interface/customize-the-annotation-toolbar/
5 _pdfController = [[PSPDFViewController alloc] initWithDocument:nil configuration:[PSPDFConfiguration configurationWithBuilder:^(PSPDFConfigurationBuilder *builder) {
6 [builder overrideClass:PSPDFAnnotationToolbar.class withClass:CustomButtonAnnotationToolbar.class];
7 }]];
8
9 _pdfController.delegate = self;
10 _pdfController.annotationToolbarController.delegate = self;
11 _closeButton = [[UIBarButtonItem alloc] initWithImage:[PSPDFKitGlobal imageNamed:@"x"] style:UIBarButtonItemStylePlain target:self action:@selector(closeButtonPressed:)];
12
13 [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(annotationChangedNotification:) name:PSPDFAnnotationChangedNotification object:nil];
14 [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(annotationChangedNotification:) name:PSPDFAnnotationsAddedNotification object:nil];
15 [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(annotationChangedNotification:) name:PSPDFAnnotationsRemovedNotification object:nil];
16 }
17
18 return self;
19}
1package com.your.package
2
3import android.net.Uri
4import android.os.Bundle
5import androidx.appcompat.app.AppCompatActivity
6import com.pspdfkit.ui.PdfActivityIntentBuilder
7
8// We need to use a Compat activity for the PdfFragment.
9class MainActivity : AppCompatActivity() {
10 override fun onCreate(savedInstanceState: Bundle?) {
11 super.onCreate(savedInstanceState)
12
13 // Get the document path from the application assets.
14 val documentUri = Uri.parse("file:///android_asset/document.pdf")
15
16 // Build the \`Intent\` for launching the \`PdfActivity\`.
17 val intent = PdfActivityIntentBuilder.fromUri(this, documentUri).build()
18
19 // Launch the activity.
20 startActivity(intent)
21 }
22}
1package com.your.package;
2
3import android.content.Intent;
4import android.net.Uri;
5import android.os.Bundle;
6import androidx.appcompat.app.AppCompatActivity;
7import com.pspdfkit.ui.PdfActivityIntentBuilder;
8
9// We need to use a Compat activity for the PdfFragment.
10public class MainActivity extends AppCompatActivity {
11 @Override
12 protected void onCreate(Bundle savedInstanceState) {
13 super.onCreate(savedInstanceState);
14
15 // Get the document path from the application assets.
16 final Uri documentUri = Uri.parse("file:///android_asset/document.pdf");
17
18 // Build the \`Intent\` for launching the \`PdfActivity\`.
19 final Intent intent = PdfActivityIntentBuilder.fromUri(this, documentUri).build();
20
21 // Launch the activity.
22 startActivity(intent);
23 }
24}
1import 'dart:io';
2
3import 'package:flutter/material.dart';
4import 'package:path_provider/path_provider.dart';
5import 'package:pspdfkit_flutter/pspdfkit.dart';
6
7const String DOCUMENT_PATH = 'PDFs/Document.pdf';
8
9void main() => runApp(MyApp());
10
11class MyApp extends StatefulWidget {
12@override
13_MyAppState createState() => _MyAppState();
14}
15
16class _MyAppState extends State<MyApp> {
17void showDocument(BuildContext context) async {
18 final bytes = await DefaultAssetBundle.of(context).load(DOCUMENT_PATH);
19 final list = bytes.buffer.asUint8List();
20
21 final tempDir = await getTemporaryDirectory();
22 final tempDocumentPath = '$\{tempDir.path\}/$DOCUMENT_PATH';
23
24 final file = await File(tempDocumentPath).create(recursive: true);
25 file.writeAsBytesSync(list);
26
27 await Pspdfkit.present(tempDocumentPath);
28}
29
30@override
31Widget build(BuildContext context) {
32 final themeData = Theme.of(context);
33 return MaterialApp(
34 home: Scaffold(
35 body: Builder(
36 builder: (BuildContext context) {
37 return Center(
38 child: Column(
39 mainAxisAlignment: MainAxisAlignment.spaceEvenly,
40 children: [
41 ElevatedButton(
42 child: Text('Tap to Open Document',
43 style: themeData.textTheme.headline4?.copyWith(fontSize: 21.0)),
44 onPressed: () => showDocument(context))
45 ]));
46 },
47 )),
48 );
49}
50}
1import React, {Component} from 'react';
2import {Platform} from 'react-native';
3import PSPDFKitView from 'react-native-pspdfkit';
4
5const DOCUMENT =
6 Platform.OS === 'ios' ? 'Document.pdf' : 'file:///android_asset/Document.pdf';
7export default class PSPDFKitDemo extends Component<{}> {
8 render() {
9 return (
10 <PSPDFKitView
11 document={DOCUMENT}
12 configuration={{
13 showThumbnailBar: 'scrollable',
14 pageTransition: 'scrollContinuous',
15 scrollDirection: 'vertical',
16 }}
17 ref={this.pdfRef}
18 fragmentTag="PDF1"
19 style={{flex: 1}}
20 />
21 );
22 }
23}
1var app = {
2 // Application Constructor
3 initialize: function() {
4 document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
5 },
6
7 // deviceready Event Handler
8 //
9 // Bind any cordova events here. Common events are:
10 // 'pause', 'resume', etc.
11 onDeviceReady: function() {
12 this.receivedEvent('deviceready');
13 const DOCUMENT = (window.cordova.platformId === "ios") ? "Document.pdf" : "file:///android_asset/Document.pdf";
14 PSPDFKit.present(DOCUMENT);
15 },
16
17 // Update DOM on a Received Event
18 receivedEvent: function(id) {
19 var parentElement = document.getElementById(id);
20 var listeningElement = parentElement.querySelector('.listening');
21 var receivedElement = parentElement.querySelector('.received');
22
23 listeningElement.setAttribute('style', 'display:none;');
24 receivedElement.setAttribute('style', 'display:block;');
25
26 console.log('Received Event: ' + id);
27 }
28};
29
30app.initialize();
1using PSPDFKit.Model;
2using PSPDFKit.UI;
3using PSPDFKit.Instant;
4
5var configuration = PSPDFConfiguration.FromConfigurationBuilder ((builder) => {
6 builder.PageMode = PSPDFPageMode.Single;
7 builder.PageTransition = PSPDFPageTransition.ScrollContinuous;
8 builder.ScrollDirection = PSPDFScrollDirection.Vertical;
9}));
10
11var document = new PSPDFDocument (NSUrl.FromFilename ("document.pdf"));
12var pdfViewController = new PSPDFViewController (document, configuration);
1import { Component } from "@angular/core";
2import { Platform } from "@ionic/angular";
3
4@Component({
5 selector: "app-root",
6 templateUrl: "app.component.html",
7 styleUrls: ["app.component.scss"],
8})
9export class AppComponent {
10 constructor(private platform: Platform) {
11 this.platform.ready().then(() => {
12 const DOCUMENT = this.platform.is("ios")
13 ? "Document.pdf"
14 : "file:///android_asset/Document.pdf";
15 PSPDFKit.present(DOCUMENT);
16 });
17 }
18}
1using (GdPictureDocumentConverter oConverter = new GdPictureDocumentConverter())
2{
3 // Select the source document and its file format (DOCX, DOC, XLSX, XLS, PPTX, PPT).
4 oConverter.LoadFromFile("input.docx", GdPicture14.DocumentFormat.DocumentFormatDOCX);
5 // Convert the source document to PDF.
6 oConverter.SaveAsPDF("output.pdf", PdfConformance.PDF);
7}
1Using oConverter As GdPictureDocumentConverter = New GdPictureDocumentConverter()
2 'Select the source document and its file format (DOCX, DOC, XLSX, XLS, PPTX, PPT).
3 oConverter.LoadFromFile("input.docx", GdPicture14.DocumentFormat.DocumentFormatDOCX)
4 'Convert the source document to PDF.
5 Converter.SaveAsPDF("output.pdf", PdfConformance.PDF)
6End Using
1# You simply supply a list of document operations to apply.
2curl -F [email protected] \\
3 -F operations='{"operations":[{"type": "flattenAnnotations"}]}' \\
4 http://localhost:5000/process \\
5 --output result.pdf
1// Initialize PSPDFKit with your activation key.
2PSPDFKit.initialize("YOUR_LICENSE_KEY_GOES_HERE");
3
4// Open a document to work on.
5File file = new File("assets/default.pdf");
6PdfDocument document = new PdfDocument(new FileDataProvider(file));
7
8// Add a new stamp annotation.
9JSONObject jsonObject = new JSONObject();
10jsonObject.put("bbox", new float[]{0, 0, 100, 50});
11jsonObject.put("pageIndex", 0);
12jsonObject.put("type", "pspdfkit/stamp");
13jsonObject.put("stampType", "Approved");
14jsonObject.put("opacity", 1);
15jsonObject.put("v", 1);
16document.getAnnotationProvider().addAnnotationJson(jsonObject);
17
18// Export the changes to Instant Document JSON.
19File jsonFile = new File("out/instantOutput.json");
20if (jsonFile.createNewFile()) {
21 document.exportDocumentJson(new FileDataProvider(jsonFile));
22}
23
24// Render the first page and save to a PNG.
25BufferedImage image = document.getPage(0).renderPage();
26File pngfile = new File("out/test.png");
27boolean success = ImageIO.write(image, "png", pngfile);
1# You simply supply a list of document operations to apply.
2curl -F [email protected] \\
3 -F operations='{"operations":[{"type": "flattenAnnotations"}]}' \\
4 http://localhost:5000/process \\
5 --output result.pdf
1// This loads a PDF from \`Assets\` as soon as the \`PdfView\` is ready.
2private async void PdfViewInitializationCompletedHandler(PdfView sender, Document args)
3{
4 try
5 {
6 var file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///Assets/document.pdf"));
7 if (file == null) return;
8
9 await sender.OpenStorageFileAsync(file);
10 }
11 catch (Exception e)
12 {
13 var messageDialog = new MessageDialog(e.Message);
14 await messageDialog.ShowAsync();
15 }
16}
17
18// This loads a PDF from a file picked by the user in the UI.
19private async void Button_OpenPDF_Click(object sender, RoutedEventArgs e)
20{
21 // Open a \`Picker\` so the user can choose a PDF.
22 var picker = new FileOpenPicker
23 {
24 ViewMode = PickerViewMode.Thumbnail,
25 SuggestedStartLocation = PickerLocationId.DocumentsLibrary
26 };
27 picker.FileTypeFilter.Add(".pdf");
28
29 var file = await picker.PickSingleFileAsync();
30 if (file == null) return;
31
32 // Open and display it in the PSPDFKit \`PdfView\`.
33 var documentSource = DocumentSource.CreateFromStorageFile(file);
34 await PdfView.Controller.ShowDocumentAsync(documentSource);
35}
1Imports Windows.Storage
2Imports Windows.Storage.Pickers
3Imports PSPDFKit.Document
4Imports PSPDFKit.Pdf
5Imports PSPDFKit.UI
6
7Public NotInheritable Class MainPage
8Inherits Page
9
10Private Async Sub PdfViewInitializationCompletedHandler(sender As PdfView, args As Document)
11Dim file As StorageFile
12file = Await StorageFile.GetFileFromApplicationUriAsync(New Uri("ms-appx:///Assets/document.pdf"))
13
14If file IsNot Nothing Then
15Await sender.OpenStorageFileAsync(file)
16End If
17End Sub
18
19Private Async Sub Button_OpenPDF_Click(sender As Object, e As RoutedEventArgs)
20Dim picker As New FileOpenPicker
21picker.FileTypeFilter.Add(".pdf")
22
23Dim file = Await picker.PickSingleFileAsync
24If file IsNot Nothing Then
25Dim documentSource As DocumentSource
26documentSource = DocumentSource.CreateFromStorageFile(file)
27Await PdfView.Controller.ShowDocumentAsync(documentSource)
28End If
29End Sub
30End Class
1// This loads a PDF from \`Assets\` as soon as the \`PdfView\` is ready.
2void MainPage::PdfViewInitializationCompletedHandler(UI::PdfView^ sender, Pdf::Document^ args)
3{
4 const auto path = ref new Uri("ms-appx:///Assets/document.pdf");
5
6 create_task(StorageFile::GetFileFromApplicationUriAsync(path))
7 .then([this](StorageFile^ file)
8 {
9 if (file == nullptr) return;
10
11 PdfView->OpenStorageFileAsync(file);
12 });
13}
14
15// This loads a PDF from a file picked by the user in the UI.
16void MainPage::Button_OpenPDF_Click(Platform::Object^ sender, RoutedEventArgs^ e)
17{
18 // Open a \`Picker\` so the user can choose a PDF.
19 FileOpenPicker^ openPicker = ref new FileOpenPicker();
20 openPicker->ViewMode = PickerViewMode::Thumbnail;
21 openPicker->SuggestedStartLocation = PickerLocationId::PicturesLibrary;
22 openPicker->FileTypeFilter->Append(".pdf");
23
24 create_task(openPicker->PickSingleFileAsync())
25 .then([this](StorageFile^ file)
26 {
27 if (file == nullptr) return;
28
29 // Open and display it in the PSPDFKit \`PdfView\`.
30 const auto documentSource = DocumentSource::CreateFromStorageFile(file);
31 PdfView->Controller->ShowDocumentAsync(documentSource);
32 });
33}
1<Page
2x:Class="BasicExample.MainPage"
3xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5xmlns:local="using:BasicExample"
6xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
7xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
8xmlns:ui="using:PSPDFKit.UI"
9mc:Ignorable="d"
10Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
11 <Page.Resources>
12 <x:String x:Key="license">YOUR LICENSE GOES HERE</x:String>
13 </Page.Resources>
14
15 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
16 <Grid.RowDefinitions>
17 <RowDefinition Height="*"/>
18 <RowDefinition Height="52"/>
19 </Grid.RowDefinitions>
20 <ui:PdfView Grid.Row="0" Name="PdfView" License="{StaticResource license}" InitializationCompletedHandler="PdfViewInitializationCompletedHandler"/>
21 <Button Content="Open PDF" HorizontalAlignment="Left" Margin="10" Grid.Row="1" Name="Button_OpenPDF" Click="Button_OpenPDF_Click"/>
22 </Grid>
23</Page>
1import PSPDFKit
2import PSPDFKitUI
3import SwiftUI
4
5// A \`Document\` is the container for your PDF file.
6let document = Document(url: documentURL)
7
8var body: some View {
9 // A \`PDFView\` will present and manage the PSPDFKit UI.
10 PDFView(document: document)
11 .scrollDirection(.vertical)
12 .pageTransition(.scrollContinuous)
13 .pageMode(.single)
14}
1- (instancetype)initWithFrame:(CGRect)frame {
2 if ((self = [super initWithFrame:frame])) {
3 // Set configuration to use the custom annotation toolbar when initializing the \`PSPDFViewController\`.
4 // For more details, see \`PSCCustomizeAnnotationToolbarExample.m\` from PSPDFCatalog and our documentation here: https://pspdfkit.com/guides/ios/customizing-the-interface/customize-the-annotation-toolbar/
5 _pdfController = [[PSPDFViewController alloc] initWithDocument:nil configuration:[PSPDFConfiguration configurationWithBuilder:^(PSPDFConfigurationBuilder *builder) {
6 [builder overrideClass:PSPDFAnnotationToolbar.class withClass:CustomButtonAnnotationToolbar.class];
7 }]];
8
9 _pdfController.delegate = self;
10 _pdfController.annotationToolbarController.delegate = self;
11 _closeButton = [[UIBarButtonItem alloc] initWithImage:[PSPDFKitGlobal imageNamed:@"x"] style:UIBarButtonItemStylePlain target:self action:@selector(closeButtonPressed:)];
12
13 [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(annotationChangedNotification:) name:PSPDFAnnotationChangedNotification object:nil];
14 [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(annotationChangedNotification:) name:PSPDFAnnotationsAddedNotification object:nil];
15 [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(annotationChangedNotification:) name:PSPDFAnnotationsRemovedNotification object:nil];
16 }
17
18 return self;
19}
1import PSPDFKit from "pspdfkit";
2
3// Obtain a PSPDFKit document instance.
4const instance = await PSPDFKit.load({
5 container: "#pspdfkit",
6 document: "<document-file-path>",
7 licenseKey: "<license-key>"
8});
9
10console.log("PSPDFKit for Web is ready!");
11console.log(instance);
1curl -X POST https://api.pspdfkit.com/build
2 -H "Authorization: Bearer your_api_key_here"
3 -o result.pdf
4 -F [email protected]
5 -F instructions='{
6 "parts": [
7 { "html": "index.html" }
8 ]
9 }'
1curl -X POST https://api.pspdfkit.com/build
2 -H "Authorization: Bearer your_api_key_here"
3 -o converted.pdf
4 -F [email protected]
5 -F instructions='{
6 "parts": [
7 { "file": "document" }
8 ]
9 }'
1curl -X POST https://api.pspdfkit.com/build
2 -H "Authorization: Bearer your_api_key_here"
3 -o merged.pdf
4 -F [email protected]
5 -F [email protected]
6 -F instructions='{
7 "parts": [
8 { "file": "part1" },
9 { "file": "part2" }
10 ]
11 }'
1curl -X POST https://api.pspdfkit.com/build
2 -H "Authorization: Bearer your_api_key_here"
3 -o result.pdf
4 -F [email protected]
5 -F instructions='{
6 "parts": [
7 { "file": "document" }
8 ],
9 "actions": [{
10 "type": "ocr",
11 "language": "english"
12 }]
13 }'
Feature deep dive

Alt text access and validation
One API to read, write, and audit alt text
Screen reader users benefit from accurate image descriptions, leading to faster WCAG compliance

Localization hooks
JSON‑based strings expose every label
Global teams ship in 30+ languages with no rebuild

Screen reader‑aware UI
Built‑in labels, live region updates, and logical hierarchy
Users with vision impairment get real‑time context, no costly custom code

Accessible form fields and signatures
Programmatic labels, state change events
Government PDFs submit cleanly with assistive tech
Frequently asked questions
What exactly does the VPAT cover?
The current VPAT 2.5 describes conformance for the UI layer of Nutrient Web SDK. A separate report for PDF content is underway.
Is the VPAT proof you’re 100 percent accessible?
Accessibility standards evolve constantly, making 100 percent compliance nearly impossible. The VPAT offers a transparent self-assessment, showing where we fully or partially meet the latest guidelines.
How do you share your VPAT?
We share our VPAT on our Trust Center under click‑wrap NDA, so the right stakeholders see the right details.
What about Section 508 and EN 301 549?
Addenda are in progress and will be published in the next VPAT update.
Do I need React to implement accessibility in the Web Viewer SDK?
Nutrient's Web Viewer SDK supports React as well as most other of the popular javascript frameworks. However, you do not need to constrain yourself to React to ensure accessibility. Nutrient Web Viewer SDK is accessbile regardless of the framework you choose to integrate it with.