SwiftUI SF Symbols Accessibility

Question

I'm trying to make my app more accessible for customers who are blind or low-vision. To minimize unnecessary information I am trying to remove VoiceOver for decorative images. In the following example VoiceOver reads "clock.arrow.circlepath"; which is maybe not very helpful.

For images it is possible to disable VoiceOver by using

Image(decorative: "image")

How can I do this for a system image (an SF Symbol)?

HStack {
    Image(systemName: "clock.arrow.circlepath")
        .frame(width: 30, height: 30)
        .foregroundColor(.orange)
        .padding(.trailing)
    Text(LocalizedStringKey(stringLiteral: "DeleteHistory"))
    Spacer()
}

Asperi · Accepted Answer · 2023-02-09T08:23:55.927

0

The possible solution is to hide accessibility element, like

    Image(systemName: "clock.arrow.circlepath")
        .accessibility(hidden: true)

Tested with Xcode 13beta / iOS15

edited Feb 09 '23 at 08:23

answered Jun 24 '21 at 08:18

Asperi

228,894
20
464
690

Thank you Asperi, this works. I knew there has to be an easy solution. The decorative parameter leads me to the wrong way :-) – Michael Jun 24 '21 at 08:37

SwiftUI SF Symbols Accessibility

1 Answers1