Skip to content

Some small accessibility issues #26

@zhou-zhoukang

Description

@zhou-zhoukang

Hi! Thank you for your hard work on this great open-source app. I noticed a few accessibility issues.

There are many IconButton elements in the ItemCard method. It is often considered a good practice to set an onClickLabel for clickable components like button, which may help improve accessibility. An example of how this can be implemented is provided in the code snippet below. For instance, when considering a button, a screen reader might announce "Double tap to activate" before a label is added. After adding an appropriate label, it would instead say "Double tap to enter", which can make the button's function more intuitive and clear to users. This is just one way to enhance the user experience, and there may be other approaches as well.

modifiler = Modifier.semantics {  
   onClick(label = "enter") { }
}

Additionally, it might be helpful if the card could be grouped into an accessibility unit. One possible approach could be to use Compose's semantic APIs to group the components together. This is similar to what is shown in the official Compose accessibility documentation.

Please feel absolutely no pressure — I completely understand if this takes a back seat to other priorities. Truly appreciate all the effort and hard work you've already put in!

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions