Accessibility in Flutter PDF Viewer (SfPdfViewer)

24 Dec 20242 minutes to read

Screen reader

The SfPdfViewer can be accessed by the screen readers by wrapping the SfPdfViewer widget to the Semantics widget.

DART

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Semantics(
      label: 'Flutter PDF Viewer',
      child:
         SfPdfViewer.network(
              'https://cdn.syncfusion.com/content/PDFViewer/flutter-succinctly.pdf'),
    ),
  );
}

Sufficient contrast

The SfPdfViewer theming support provides a consistent and standardized appearance, as well as the ability to set the colors for all UI elements.

The following APIs allow you to customize the colors of the following elements:

• searchTextHighlightColor
• selectionColor and selectionHandleColor

Large fonts

The font size of the SfPdfViewer will be automatically scaled based on the device settings.

Also, you can change the font size of the SfPdfViewer elements using the following APIs:

• Pagination dialog style
• Bookmark view style
• Scroll head style
• Scroll status style

Keyboard navigation

The SfPdfViewer supports the following keyboard interactions:

Action	Windows	Macintosh
Shortcuts for page navigation
Navigate to the first page	Home	Function+Left arrow
Navigate to the last page	End	Function+Right arrow
Navigate to the previous page	Left arrow	Left arrow
Navigate to the next page	Right arrow	Right arrow
Shortcuts for Zooming
Perform zoom in operation	CONTROL + =	COMMAND + =
Perform zoom out operation	CONTROL + -	COMMAND + -
Retain the zoom level to 1	CONTROL + 0	COMMAND + 0
Shortcut for Text Search
Open the search toolbar	CONTROL + F	COMMAND + F
Shortcut for Text Selection
Copy the selected text	CONTROL + C	COMMAND + C

Easier touch targets

The SfPdfViewer has touch target of 48 * 48, as per the standard for all the elements.