Skip to main content

iOS accessibility issue - focus goes to a random position

Recently, I faced an issue where the Accessibility(ADD) control goes to random position after selecting a table section/row. On one screen where I worked, there was requirement of collapsing and expanding table header. When user tried to collapse/expand the header, the ADD control goes to random position. 
Initially, I tried to post the accessibility notification to set the ADD control to specific section, but it didn't work. (Generally, In most of the cases it works)
UIAccessibility.post(notification: .layoutChanged, argument: sectionInstance)
Secondly, I tried to use the below method. By using this method, I get a callback when an element has ADD focus. When I get a callback, I scrolled the table to the desired position and then post notification, but sadly it didn't work too.
override func accessibilityElementDidBecomeFocused()
Finally, I used the default scroll method (scrollViewDidScroll) where I got the regular callbacks when table scrolls. When a section is collapsed/expanded, then a particular section reloads which gives me a callback on scroll delegate method. Also, I keep the variable that keeps track of which section is reloaded/selected. Now, after getting callback in scroll method, I scrolled the table to selected section, then post the above accessibility notification. As reload operation takes mini seconds to complete, I use the delay of two miliseconds to do this operation.
func scrollViewDidScroll(_ scrollView: UIScrollView) 
Now, it's not all perfect. It seems that on collapsing the header, the selected header is not visible (generally happens on smaller devices) and accessibility control goes to random position in this edge case. To help that problem, in above scroll method, check the visible index paths. If the selected section/index path is not visible, then first scroll the tableview to selected section and post the ADD notification on completion.
Note: Below is an article that addresses some issues with scrolling and custom tableViews. Whenever a custom cell gets scrolled, the accessibilityFrame changes so some work is required to let UIKit know what exactly to voice over. https://coderwall.com/p/sswchq/ios-custom-views-and-accessibility-in-table-views There is a fair bit of customization required, hopefully, you can look through and find a small subset that works for your use case.
Let me know if any issues and a better way.

Comments

  1. I really loved reading your blog. I also found your posts very interesting. this is vey good post. we also provide best service for Accessibility Consultant Quebec. for more information visit on our website.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to kill/exit iOS application on a button click programmatically

I had been practising below code to kill an iOS application. exit(0); But last week, my application was rejected by app store due to following reason: We found that your app includes a UI control for quitting the app. This is not in compliance with the iOS Human Interface Guidelines, as required by the App Store Review Guidelines . To avoid any such rebuff, suspend the application using following code snippet. UIApplication.shared.perform(#selector(NSXPCConnection.suspend)) Good news is that now my application is passed the  iOS Human Interface Guidelines and live on app store.

Vector graphics in iOS

In past, designers had to create multiple versions of the same asset (1x, 2x, 3x) to satisfy multiple screen sizes. Using vector assets can save you time because you only have to generate the asset once.  You just need an .xcassets  file in your project for storing your images. In there, you can declare image sets to be “Vectors”. A vector file contains a lot of metadata of an asset that tells the system how to render it's contents, independent of the screen's resolution.  This also means that whenever we get larger screen resolutions, Xcode will be able to scale up your images from your already existing vector PDF for you, giving you automatic support for future devices for free. Steps:- Select “New Image Set” in your  XCAsset. Select the Attributes Inspector in Utilities panel. Under the types drop-down menu, select "Vector" Drag and drop your vector PDF Use the Xcode image catalog image set as you would with any other image. For instance, calling --im

Interview question which I faced during FAANG interview

    Programming question given to me at  leetcode.      Given two strings representing very large integer numbers ("123" , "30") return a string        representing the sum of the two numbers ("153").     The above question can be rephrased as:-            Add two numbers represented by strings            Sum of two large numbers            Add Two Very Large Number (out of range)            How to add two string numbers             Solution in Swift programming language: func add (first: String , second: String ) {         var input1 = first         var input2 = second                  var firstArray = Array (first)         var secondArray = Array (second)                  //both inputs should have same number of characters         var differenceOfCharacter = 0         if firstArray. count > secondArray. count {             differenceOfCharacter = firstArray. count - secondArray. count             ( 0 ..< differenceOfCharacter). forEach