Either provide inline images or replace the image in the CSS with an HTML text alternative. Use image replacement techniques that provide a visual and textual alternative. HTML example <a ...><img alt="Print story" /></a> HTML common failure <div tabIndex="0" onclick="print();" </div> iOS Recommendation iOS allows background images to be set for most views. The views or an accessibility element can be made accessible to provide information on these images. There is no difference regarding the accessibility of decorative background images and inline images in iOS. All other accessibility standards and guidelines still apply - for example, apps must enter the proper contrast of colours between the background and any text on top of it and must not use of background images of text. iOS example // LogoImage is a UIImageView [LogoImage setIsAccessibilityElement:YES]; [LogoImage setAccessibilityLabel:NSLocalizedString(@"Sunny", nil)]; [LogoImage setAccessibilityHint:NSLocalizedString(@"The sun is shining the birds are singing", nil)]; iOS common failure(s) // LogoImage is a UIImageView // UIImageViews by default are not accessible (IsAccessibilityElement=NO) and have no or hint Android Recommendation Developers should ensure that images that convey meaning or information to a user are focusable. There is no difference regarding the accessibility of decorative background images and inline images in Android apps. All other accessibility standards and guidelines still apply - for example, apps must ensure the proper contrast of colours between the background and any text on top of it and use of background images of text. Android example(s) <ImageView android:layout_height="wrap_content" android:id="@+id/sunnyday" android:src="@drawable/blue"
Either provide inline images or replace the image in the CSS with an HTML text alternative. Use image replacement techniques that provide a visual and textual alternative. HTML example <a ...><img alt="Print story" /></a> HTML common failure <div tabIndex="0" onclick="print();" </div> iOS Recommendation iOS allows background images to be set for most views. The views or an accessibility element can be made accessible to provide information on these images. There is no difference regarding the accessibility of decorative background images and inline images in iOS. All other accessibility standards and guidelines still apply - for example, apps must enter the proper contrast of colours between the background and any text on top of it and must not use of background images of text. iOS example // LogoImage is a UIImageView [LogoImage setIsAccessibilityElement:YES]; [LogoImage setAccessibilityLabel:NSLocalizedString(@"Sunny", nil)]; [LogoImage setAccessibilityHint:NSLocalizedString(@"The sun is shining the birds are singing", nil)]; iOS common failure(s) // LogoImage is a UIImageView // UIImageViews by default are not accessible (IsAccessibilityElement=NO) and have no or hint Android Recommendation Developers should ensure that images that convey meaning or information to a user are focusable. There is no difference regarding the accessibility of decorative background images and inline images in Android apps. All other accessibility standards and guidelines still apply - for example, apps must ensure the proper contrast of colours between the background and any text on top of it and use of background images of text. Android example(s) <ImageView android:layout_height="wrap_content" android:id="@+id/sunnyday" android:src="@drawable/blue"
MobileSandG_v7_production.docx