Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-27506] Android: DrawerLayout add ability to change nav icon accessibility properties

GitHub Issuen/a
TypeImprovement
Priorityn/a
StatusOpen
ResolutionUnresolved
Affected Version/sn/a
Fix Version/sn/a
Componentsn/a
Labelsn/a
ReporterZachary Litten
AssigneeUnknown
Created2019-07-29T15:54:45.000+0000
Updated2019-10-28T13:24:39.000+0000

Description

Not quite sure if this is actually a bug, so instead I filed it as an improvement. I raised the issue in TiSlack and it was suggested I create a ticket for this. We recently had our apps audited for accessibility compliancy and one of the major issues communicated to us is that the Navigation Icon in the DrawerLayout has an accessibility label of "Open" which is not descriptive enough for users. I haven't been able to set this property using the DrawerLayout's accessibilityLabel. The DrawerLayout's property seems to correspond to the whole container which fills the screen. I have attached a sample app. To test, turn on TalkBack/Voice Assistant in device's accessibility settings. Open the app and click on the DrawerLayout's menu navigation icon.

Attachments

FileDateSize
actionMenuBug.zip2019-07-29T15:54:40.000+00008661568
Screenshot_1.jpg2019-08-27T20:22:54.000+000045890
Screenshot_2.jpg2019-08-27T20:22:54.000+000045712
Screenshot_3.jpg2019-08-27T20:22:54.000+000051955

Comments

  1. Sharif AbuDarda 2019-08-23

    Hello [~zlitten], I have tried to test the issue on our end with the sample code provided above, Can you please share a video demonstration of the issue behavior that you observe? It will be helpful to understand the issue more clearly. Thanks.
  2. Zachary Litten 2019-08-27

    Hello Sharif, A video is not really going to help much here since the screen recorder can't capture device audio. I will however attach screenshots if that helps. Please note that in this build with the screenshots I updated the Titanium SDK to 8.1.0.GA. The navigation icon focused here has an accessibilityLabel of "Open" !Screenshot_1.jpg|thumbnail! The navigation icon focused here (after opening drawer) has an accessibilityLabel of "Close" !Screenshot_2.jpg|thumbnail! This screenshot just shows the focused area of the whole DrawerLayout element, with my own applied accessibilityLabel of "Nav Menu" !Screenshot_3.jpg|thumbnail! Our accessibility partners argue that the navigation icon button's accessibility label text is not descriptive enough to let users know what the control does. As far as I know, there's not a way to currently set the accessibility properties on that navigation icon element of the app bar with the DrawerLayout. Thank you for your attention on this.
  3. Sharif AbuDarda 2019-10-26

    Hello [~zlitten], Thanks for submitting the ticket. I was able to reproduce the issue following your screenshots and the sample app. I will forward this to our engineering for farther investigation. Thanks.
  4. Zachary Litten 2019-10-28

    Thank you for following up! Ready and willing to provide more information as necessary.

JSON Source