[#337] Fix list item trailing icon display and vocalization

changelog.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- \[Demo\] Fix list item trailing icon vocalization and display ([#337](https://github.com/Orange-OpenSource/ods-android/issues/337))
 - \[Lib\] Fix top app bar overflow menu colors ([#349](https://github.com/Orange-OpenSource/ods-android/issues/349))
 
 ## [0.8.0](https://github.com/Orange-OpenSource/ods-android/compare/0.7.0...0.8.0) - 2022-12-07

demo/src/main/java/com/orange/ods/demo/ui/components/lists/ComponentLists.kt

@@ -40,6 +40,7 @@ import com.orange.ods.compose.component.list.OdsListItemIconType
 import com.orange.ods.compose.component.list.divider
 import com.orange.ods.compose.component.list.iconType
 import com.orange.ods.compose.text.OdsTextCaption
+import com.orange.ods.compose.theme.OdsTheme
 import com.orange.ods.demo.R
 import com.orange.ods.demo.ui.components.utilities.ComponentCountRow
 import com.orange.ods.demo.ui.components.utilities.ComponentCustomizationBottomSheetScaffold
@@ -177,7 +178,8 @@ private val ListItemCustomizationState.trailing: (@Composable () -> Unit)?
                         clickOnElement(context, iconText)
                     },
                 painter = painterResource(id = R.drawable.ic_info),
-                contentDescription = null
+                tint = OdsTheme.colors.onSurface,
+                contentDescription = stringResource(id = R.string.component_list_information)
             )
         }
         ListItemCustomizationState.Trailing.Caption -> { ->

demo/src/main/res/values/strings.xml

@@ -224,6 +224,7 @@
     <string name="component_list_trailing_icon">Icon</string>
     <string name="component_list_trailing_caption">Caption</string>
     <string name="component_list_divider">Divider</string>
+    <string name="component_list_information">Information</string>
 
     <!-- Component Snackbars -->
     <string name="component_snackbars">Snackbars</string>