title: Accessibility with TouchableOpacity in RN (Nested)
body: <p>I was wondering if anyone has worked with this issue before.</p>
  <p>Issue: I have a Custom Pressable Card Component (Wrapped over a TouchableOpacity) which would had other Views and Texts components along with another nested Touchable Opacity. The UI works for except when using VoiceOver.</p>
  <p>What ends up happening is that the accessibility label on the parent takes over and the nested Text and View are merged together along with the button making it hard for blind users to distinguish the nested button.</p>
  <p>I think it may be a design issue but wondering if there is a way of working around this.</p>
  <p>using this photo as an example .</p>
  <pre><code>&lt;TouchableOpacity accessibilityLabel= &quot;User Profile Card&quot;&gt;
    &lt;Image accessibilityLabel= &quot;User Profile Photo&quot; /&gt;
    &lt;Text&gt;Beverly Little &lt;/Text&gt;
    &lt;Text&gt;Javascript Developer&lt;/Text&gt;
    &lt;Text&gt;Lorem Ipsum dolor sit amet....&lt;/Text&gt;
  &lt;/TouchableOpacity&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/fnvob.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fnvob.png" alt="enter image description here" /></a></p>