Bug: Accessibility Testing_Core_Dialog

[Aswathy94]

Accessibility: Dialog-Core Component (There are couple of accessibility issues found while testing, so i have attached error document for you reference.)
Dialog_Core_Ariba Controls.docx

Dialog- Core

1.1 Message Details

Raise Ticket
Category
Preprocessed By
Description

1.2 Application & Test Environment Details

Application Name: ARIBA Controls- Fundamental Library for Angular
URL: https://fundamental-ngx.netlify.app/#/core/dialog

Technology: Angular 11
Version: V 0.31.0-rc.125
Web browser: Google Chrome 92.0.4515.107 (Official Build) (64-bit)
Operating System: Microsoft Windows 10 x64
Screen Reader: JAWS 2021.2105.53 ILM

 

Issue 1

Priority: Medium
Checkpoint: ACC-264

(264.1)

• Search ‘Dialog’ from the left panel

Observed Behavior:

The type of the button ‘Emphasized’ is not conveyed when the highlighted buttons such as ‘Interesting’, ‘Interested’, ‘Ok’, ‘Close’, ‘Open second Dialog’, ‘Checkout’, within the dialogs are accessed.
Expected Behavior:
The type of the button ‘Emphasized’ should be conveyed.

Screenshot:

Case 1:

Case 2:

Case 3:

Case 4:

Case 5:

Case 6:

Case 7:

Issue 2

Priority: Medium
Checkpoint: ACC-264

(264.1)

• Search ‘Dialog’ from the left panel

Observed Behavior:

As soon as the dialogs ‘Pineapple Fun Facts’, ‘Origin of the Pineapple word’, ‘First Dialog’ opens, the title of the dialogs are read twice.

Expected Behavior:
The title of the dialog should be read only once.

Screenshot:

Case 1:

Speech History:

Case 2:

Case 3:

Issue 3

Priority: Medium
Checkpoint: ACC-264

(264.1)

• Search ‘Dialog’ from the left panel

Observed Behavior:

The dialog title is not read as soon as the dialog opens.
Here only the type of UI ‘dialog’ is conveyed.
Expected Behavior:
The title of the dialog should be read when a dialog opens.

Screenshot:

Case 1:

Case 2:

Issue 4

Priority: Medium
Checkpoint: ACC-264

(264.1)

• Search ‘Dialog’ from the left panel

Observed Behavior:

When the ‘Close’ button within the dialogs are accessed, an extra information ‘Banner region’ is read out.
Expected Behavior:
The extra announcement ‘Banner region’ should be removed when ‘Close’ button within the dialogs are accessed.

Screenshot:

Case 1:

Case 2:

**Note: The issue 4 persists with JAWS 2019 as well.

Issue 5

Priority: Medium
Checkpoint: ACC-264

(264.1)

• Search ‘Dialog’ from the left panel

Observed Behavior:

When the ‘Fresh Market’ dialog opens, the complete UI details within the dialog is read out.
Expected Behavior:
When a dialog is opened, only the dialog title and the description within the dialog should be conveyed.

Screenshot:

Issue 6

Priority: Medium
Checkpoint: ACC-264

(264.1)

• Search ‘Dialog’ from the left panel

Observed Behavior:

There are multiple tabs provided for the ‘Search’ field and ‘search icon’ with same functionality.
For the first tab focus is on the ‘search’ field and reading is made as ‘Search Edit Type in Text’.
For the next tab focus is on the ‘Search Button’ and reading is made as ‘Search Button To activate press spacebar’.

Expected Behavior:
Multiple tabs should be removed with same functionality for the ‘Search Field’
Screenshot:

**Note: The issue 6 persists with JAWS 2019 as well.

[Aswathy94]

Hi Colleagues,

Other than issue 4 all the issues are fixed now.

Issue 4: when the button such as 'Close', 'Clear' within the dialog is accessed, extra information 'Banner region' is conveyed. This issue is still reproducible. Could you please check.

Regards,
Aswathy