PDF Viewer not keyboard accessible

Hi,

I'm trying to use the PDF Viewer via keyboard navigation. While there are shortcuts for most actions (e.g. Ctrl+P for printing), the user should be able to navigate through the controls via tab / arrow keys.

The first toolbar button ("Open file" button) can be focused with via keyboard (OK). Then I can use arrow keys to navigate between the different toolbar buttons (OK).

However:

  1. How can the user press a button via keyboard? Pressing space or enter doesn't do anything.
  2. When the "Show last page" button is focused and arrow right is pressed, the page number input is focused (I guess). But there is no visible focus indicator and I couldn't find a way to change the value via keyboard. Entering a number or pressing backspace doesn't work. The same problem happens with the zoom dropdown.
  3. As soon as the first toolbar button is focused, pressing tab doesn't work anymore. The focus is actually trapped and there is no easy way to get out of the toolbar anymore. Or did I miss anything?
  4. How can other buttons outside the toolbar, e.g. page thumbnail or bookmark button, be reached?


Demo: https://ej2.syncfusion.com/react/demos#/bootstrap5/pdfviewer/default


Regards,
Sandro


1 Reply 1 reply marked as answer

CK Chinnamunia Karthik Chinna Thambi Syncfusion Team July 31, 2023 12:48 PM UTC

Currently, keyboard accessibility for the toolbar items is not available in PDF Viewer. We have logged this as a feature request, and we will implement this feature in any of the upcoming releases. You can track the status using the below feedback link.


Feedback link:  Keyboard accessibility to navigate between toolbar items | Feature Feedback


Marked as answer
Loader.
Up arrow icon