Add a11y prop to Images

src/components/Search/Search.js

@@ -50,6 +50,7 @@ const Search = (): React.Node => {
             source={imageUrl}
             style={imageStyles.squareImage}
             testID={`Search.${item.id}.photo`}
+            accessibilityIgnoresInvertColors
           />
           <Text>{`${item.preferred_common_name} (${item.rank} ${item.name})`}</Text>
         </Pressable>
@@ -67,6 +68,7 @@ const Search = (): React.Node => {
           source={{ uri: item.icon }}
           style={imageStyles.circularImage}
           testID={`Search.${item.login}.photo`}
+          accessibilityIgnoresInvertColors
         />
         <Text>{`${item.login} (${item.name})`}</Text>
       </Pressable>

src/components/Settings/BlockedUser.js

@@ -21,6 +21,7 @@ const BlockedUser = ( { user, unblockUser }:Props ): Node => (
     <Image
       style={viewStyles.relationshipImage}
       source={{ uri: user.icon }}
+      accessibilityIgnoresInvertColors
     />
     <View style={viewStyles.column}>
       <Text>{user.login}</Text>

src/components/Settings/MutedUser.js

@@ -21,6 +21,7 @@ const MutedUser = ( { user, unmuteUser }: Props ): Node => (
     <Image
       style={viewStyles.relationshipImage}
       source={{ uri: user.icon }}
+      accessibilityIgnoresInvertColors
     />
     <View style={viewStyles.column}>
       <Text>{user.login}</Text>

src/components/Settings/PlaceSearchInput.js

@@ -73,6 +73,7 @@ const PlaceSearchInput = ( { placeId, onPlaceChanged } ): React.Node => {
             style={viewStyles.clearSearch}
             resizeMode="contain"
             source={require( "images/clear.png" )}
+            accessibilityIgnoresInvertColors
           />
         </Pressable>
       </View>

src/components/Settings/Relationship.js

@@ -28,6 +28,7 @@ const Relationship = ( {
       <Image
         style={viewStyles.relationshipImage}
         source={{ uri: relationship.friendUser.icon_url }}
+        accessibilityIgnoresInvertColors
       />
       <View style={viewStyles.column}>
         <Text>{relationship.friendUser.login}</Text>

src/components/Settings/SettingsProfile.js

@@ -39,6 +39,7 @@ const SettingsProfile = ( { settings, onSettingsModified }: SettingsProps ): Nod
         <Image
           style={viewStyles.profileImage}
           source={profileSource}
+          accessibilityIgnoresInvertColors
         />
         <View style={viewStyles.column}>
           <Button

src/components/Settings/SettingsRelationships.js

@@ -202,6 +202,7 @@ const SettingsRelationships = ( { settings, refetchUserMe }: Props ): Node => {
             style={viewStyles.clearSearch}
             resizeMode="contain"
             source={require( "images/clear.png" )}
+            accessibilityIgnoresInvertColors
           />
         </Pressable>
       </View>

src/components/Settings/UserSearchInput.js

@@ -55,6 +55,7 @@ const UserSearchInput = ( { onUserChanged } ): React.Node => {
             style={viewStyles.clearSearch}
             resizeMode="contain"
             source={require( "images/clear.png" )}
+            accessibilityIgnoresInvertColors
           />
         </Pressable>
       </View>
@@ -73,6 +74,7 @@ const UserSearchInput = ( { onUserChanged } ): React.Node => {
             style={viewStyles.userPic}
             resizeMode="contain"
             source={{ uri: result.icon }}
+            accessibilityIgnoresInvertColors
           />
           <Text style={textStyles.resultPlaceName}>{result.login}</Text>
           <Text style={textStyles.resultPlaceType}>{result.name}</Text>