Name: Navigating SAP Fiori for SAP S/4HANA Applications with a Screen Reader - Accessibility
Uploaded: 2021-11-19
Duration: 713 s
Description: This microlearning details how to navigate the SAP Fiori apps with a Screen Reader.

Share feedback

<p>Planned maintenance of Practice Systems</p>

Planned maintenance of Practice Systems

Why create an SAP account?

Enhance your learning experience

SAP Learning

Subscribe now

Learn more

Live Sessions

Hands-on Practice

Certification

My Learning

Ready to start learning?

<div><div>This microlearning details how to navigate the SAP Fiori apps with a Screen Reader. </div></div>

Navigating SAP Fiori for SAP S/4HANA Applications with a Screen Reader - Accessibility

Hello everyone, welcome to this Micro Learning My name is Dennis Sariyannis and I am a software developer at SAP Since birth I am blind and so I am a screen reader user myself In this unit You will learn some basics about how to use an SAP Fiori app with a screen reader Including entering data by using value helps and the calendar At the end of this learning unit we will wrap up with some key learnings To be able to navigate in Fiori as a screen reader user It is very helpful to know the two different types of cursor modes Which are usually provided by screen readers under windows to navigate web pages and apps I'll refer to them by using the terms Virtual Reading Mode and Non-virtual Mode In JAWS for example the Virtual Reading Mode is well known as the Virtual Cursor While switching into the non-virtual mode is simply announced as "use virtual cursor off" In this demo we are going to use the Supplier Invoices list app To show how controls in Fiori apps are used Because this is not really a Ledger Accounting demo But an accessibility demo I'll not explain the functionality of the app Or the economic background of what will be shown in the demo Instead we will focus on the controls you will find in many different Fiori apps In another Micro Learning we are explaining how to use the SAP Fiori Launchpad to open apps. If you are not familiar with the launchpad yet We recommend watching the other Micro Learning first Where I show how to navigate in the launchpad Being able to access every feature of the system using only the keyboard Is critical for accessibility Therefore I am going to use keyboard navigation exclusively in this demo We are starting this demo right in the Supplier Invoices List app I am pressing the shortcut JAWS Key + Y To switch into the non-virtual mode [Screen Reader Voice] Use virtual PC cursor off Current the focus is sitting on the Search field Further down the screen there is a table which is showing the supplier invoices Right now this table does not contain any items Because we must set come filter criteria first I am pressing the tab key until I reach the field Status [Screen Reader Voice] Document number of an invoice document [Screen Reader Voice] Invoice Document No. Multi value input has popup [Screen Reader Voice] Value help available may contain tokens [Screen Reader Voice] Invoicing Party, multi value input has popup [Screen Reader Voice] Value help available may contain tokens [Screen Reader Voice] Status multi value combo box collapsed, may contain tokens This field is announced as a multi value combo box Which means that it accepts the input of more than just one value Firstly I'd like to enter the Status value, Correct (Posted not Completed) I am pressing Arrow Down to open a list of available values [Screen Reader Voice] Correct (Posted not Completed) The value "Correct (Posted not Completed)" Is the first value in the list so I'm pressing Enter to choose it [Screen Reader Voice] Enter. Contains one token. The chosen value has not been added into the multi value combo box The focus is on the Status field again Where I can enter additional values The second status value I'd like to choose is "Reversed" I simply can start typing in some letters And while I'm typing the system immediately suggests possible values and narrows down the value list accordingly I am entering "Re" [Screen Reader Voice] R e  I am using Arrow Down to look at the available values [Screen Reader Voice] Available values dialog, extended select list box [Screen Reader Voice] Not selected, contains multi selectable items [Screen Reader Voice] List item, is active, Parked and Released, 1 of 5 [Screen Reader Voice] Not selected list item, is active, Reversal, 2 of 5 [Screen Reader Voice] Not selected list item, is active, Reversed, 3 of 5 I am choosing Reversed by pressing Enter [Screen Reader Voice] Enter, shell content main region, expanded header region [Screen Reader Voice] Status multi value combo box collapsed [Screen Reader Voice] contains 2 tokens To check if I made the right choices I am using the left and right arrow keys To step through the chosen values in the multi value combo box [Screen Reader Voice] Tokeniser list with 2 items, Reversed, 2 of 2 [Screen Reader Voice] Correct (Posted not Completed) 1 of 2, token deletable  I have decided to remove the value "Correct (Posted not Completed)" From the chosen values in the combo box This I can do easily by pressing Delete on the keyboard [Screen Reader Voice] Supplier Invoices List [Screen Reader Voice] I am pressing the Tab key until I focus the field Posting Date [Screen Reader Voice] Shell content main region, expanded header region [Screen Reader Voice] Status multi value combo box collapsed, contains 1 token [Screen Reader Voice] Company Code multi value input has popup [Screen Reader Voice] value help available, may contain tokens [Screen Reader Voice] Posting Date edit has popup, value help available With ALT + Arrow Down I am opening the value help for this field [Screen Reader Voice] ALT Down Arrow, Time Period dialog [Screen Reader Voice] Time Period, Time Period select Date Range The focus is now on a dropdown box which sets the type of interval I'll leave it as it is, we are going to enter a date range I am pressing the TAB key [Screen Reader Voice] From time period date input collapsed Now I'd like to enter the From date of the date range By pressing ALT + Arrow Down I am opening the calendar [Screen Reader Voice] open list box, dialog Calendar [Screen Reader Voice] Press F4 to select a month, press SHIFT F4 to select a year [Screen Reader Voice] Calendar week 45, Wednesday  [Screen Reader Voice] Column 4 row 2, today November 10th 2021 By default the focus is landing on the current date To switch between years quickly I am pressing SHIFT + F4 [Screen Reader Voice] SHIFT F4, year picker, press SHIFT F4 to select a year range 2021 With Arrow Left I am search for the year 2017 And by pressing Enter I'm display this year in the calendar [Screen Reader Voice] 2020, 2019 [Screen Reader Voice] column 3 row 1, 2018, 2017 [Screen Reader Voice] Enter. Calendar press F4 to select a month, press SHIFT F4 to select a year [Screen Reader Voice] Calendar week 45, Friday [Screen Reader Voice] column 6 row 2, November 10th 2017 The focus is now back at the calendar And I am using the arrow keys to find the date November 8th 2017 [Screen Reader Voice] Thursday November 9th 2017 [Screen Reader Voice] Wednesday November 8th 2017 Then I am selecting this date with Enter [Screen Reader Voice] Enter. Time Period dialog. From time period date input collapsed [Screen Reader Voice] 11 08 2017 By pressing the TAB key once I am navigating to the field To time period [Screen Reader Voice] To time period, date input collapsed Here I am entering the higher date of the date range This time I am not going to use the calendar Instead I am just entering the date November 8th 2021 In my users local date format Which of course is also possible To take over the date I'm pressing Enter afterwards [Screen Reader Voice] 11/08/2021 Enter I am pressing ESCAPE to leave this dialog [Screen Reader Voice] Escape. Shell content main region, expanded header region [Screen Reader Voice] Posting Date edit has popup, date range 11 08 2017 11 08 2021, value help available The date range has now been taken over into the Posting Date field I am pressing the TAB key until I reach the Go button which I am choosing with Enter [Screen Reader Voice] Invoice Date edit has popup, value help available [Screen Reader Voice] Reference multi value input has popup, value help available may contain tokens [Screen Reader Voice] Adapt Filters (2) button, Go button [Screen Reader Voice] Enter emphasised, Enter. With the TAB key I am navigating to the Invoices table Which show the invoices that fit our criteria [Screen Reader Voice] Collapse header button, pin header toggle button [Screen Reader Voice] Invoices (2) tabular list, Invoices (2) overflow toolbar [Screen Reader Voice] Settings button, control, settings, export to spreadsheet split button [Screen Reader Voice] press Enter to trigger action and arrow down to open menu group [Screen Reader Voice] contains multi selectable items, row 1 of 2 [Screen Reader Voice] has details. Invoice Number object identifier, 5100000360/2019 [Screen Reader Voice] Posting Date in the document, Posting Date 10/11/2019 [Screen Reader Voice] Invoice Status, Status Reversed [Screen Reader Voice] Gross Invoice Amount in document currency, Gross Invoice Amount 300 US dollars, not selected row By pressing Arrow Down I am navigating through the entries The all have Status Reversed And a posting date between November 8th 2017 and November 8th 2021 [Screen Reader Voice] Row 2 of 2, has details [Screen Reader Voice] Invoice Number object identifier 5100000237/2018 [Screen Reader Voice] Posting date in the document, Posting Date 10/25/2018, Invoice Status Status Reversed [Screen Reader Voice] Gross Invoice Amount in document currency, Gross Invoice Amount minus 1,000 US dollars. Not selected row. This wraps up our demo In this unit you learned some basics that are frequently applicable in Fiori apps You learned how to use value helps and the calendar You also got a brief look into table navigation You can find more in the SAP Help Portal Look for the SAP Fiori Launchpad User Guide And within that the section Screen Reader Support in the Launchpad You can find additional guidance for you and your administrator in SAP Central Note on Accessibility  1139953 - Requirements and Infrastructure for Accessibility You can ask your administrator to raise an SAP incident As outlined in SAP Note 1473897 - Creating accessibility incidents We hope this learning unit helped you Consider looking at some of our other Microlearnings.