iOS Accessibility for CollectionView in a TableViewCell

Question

I'm currently working on the accessibility of our project, and here is UICollectionView that is put into a custom UITableViewCell. This CollectionView has tens of cells that are arranged in multiply rows rather than one row.

It raises an issue that when you have voiceOver on and move the focus between the collectionViewCells by swiping left or right, the system thought you are swiping between tableViewCells, since collectionView is in the tableView, and the contentOffSet of the tableView will be changed according to the tableViewCell size, instead of the collectionViewCell size.

CollectionView is already put in the the tableView and I don't think I can change this. So just wondering has anyone met this case before and is there anyway to make the collectionView accessible as normal?

Answer 1

This is a known bug in Apple's SDK (sorry, I don't have a bug report reference) when nesting a collectionView inside a tableView. After some experimentation, I was able to work around it by using a UIView as a wrapper for my collectionView before adding it to my UITableViewCell's .contentView

    UIView *wrapperView = [[UIView alloc] initWithFrame:cell.contentView.bounds];
    wrapperView.accessibilityElements = @[collectionView];
    [cell.contentView addSubview:wrapperView];
    [wrapperView addSubview:collectionView];

Answer 2

Just fix the problem by reconstructing the whole page, here are 2 things do not do to make your app more accessible:

1. Avoid adding a subview directly to the tableView/collectionView like

   [tableView/collectionView addSubview:yourSubView];

2. Avoid adding a vertically scrollable collectionView to a tableViewCell.

   Adding a horizontally scrollable collectionView to a tableViewCell seems will not cause any issue.