Skip to content

Commit

Permalink
Merge pull request #522 from Orange-OpenSource/iOS-test-english
Browse files Browse the repository at this point in the history
iOS - test page: add descriptive alt text on images
  • Loading branch information
Guillaum31 authored Jun 5, 2024
2 parents 42fa96b + b4852ca commit 932148b
Showing 1 changed file with 11 additions and 11 deletions.
22 changes: 11 additions & 11 deletions src/en/mobile/ios/test.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,9 @@ Whatever the design, implementation or testing area, **every decision** must be

## Fundamental prerequisites

1. Spend as much time as necessary to perfectly control the gestures ([VoiceOver](../voiceover/), Switch Control).
1. Spend as much time as necessary to perfectly control the gestures ([VoiceOver user guide](../voiceover/), Switch Control).

2. Watch the examples provided by the [WWDC videos](../wwdc/).
2. Watch the examples provided by the [WWDC (Apple Worldwide Developers Conference) videos](../wwdc/).

3. Assimilate the [design criteria](../design/) to be sure that you're following the appropriate working path.

Expand Down Expand Up @@ -76,7 +76,7 @@ Besides these basic criteria, there are also fundamental requirements for an acc

3. [Switch Control](#switch-control)

![](../../images/ios-test-overview.png)
![Main accessibility options on iOS: user settings, shortcuts & Siri, dark mode, Dynamic type, Voice Over, Switch control](../../images/ios-test-overview.png)
### Dynamic Type
To understand how this feature works, it's highly recommended to watch the example in this [WWDC 2017 video](../wwdc/2017/245/#example-2432) that is detailed in the WWDC part of this site.

Expand All @@ -92,12 +92,12 @@ Three zoom levels must be particularly scanned to determine the visual behavior

<br>

![](../../images/ios-test-DynamicType.png)
![cursor on the very left: lowest threshold without accessibility, cursor on the middle: highest threshold without accessibility, cursor on the very right: highest threshold with accessibility](../../images/ios-test-DynamicType.png)
The following points must be thoroughly checked:

- The **truncation '...' mustn't be used** and should be replaced by a hyphen at the end of the sentence.

![](../../images/ios-test-DynamicType_2.png)
![Example of truncation: first line "Accomoda-" and second line "tions"](../../images/ios-test-DynamicType_2.png)

- **Illustration and icon sizes must be adapted to the magnification**: use of the [Large&nbsp;Content&nbsp;Viewer](../wwdc/2019/261/) feature, a two fingers pinch implementation to avoid the `Zoom` native feature trigger or only a [graphical&nbsp;element&nbsp;magnification](../development/#graphical-elements-size) are possible solutions according to the context.

Expand Down Expand Up @@ -144,15 +144,15 @@ It's **highly recommended** to know the basic gestures before activating this fe
id="VoiceOver-iOS15"
role="tabpanel">

![](../../images/ios-test-VO_iOS15.png)
![On iOS 15: activate Voice Over from the Settings-Accessibility-Voice Over menu](../../images/ios-test-VO_iOS15.png)
</div>
<div class="tab-pane" id="VoiceOver-iOS13" role="tabpanel">

![](../../images/ios-test-VO_iOS13.png)
![On iOS 13: activate Voice Over from the Settings-Accessibility-Voice Over menu](../../images/ios-test-VO_iOS13.png)
</div>
<div class="tab-pane" id="VoiceOver-iOS12" role="tabpanel" >

![](../../images/ios-test-VO_iOS12.png)
![On iOS 12: activate Voice Over from the General-Accessibility-Voice Over menu](../../images/ios-test-VO_iOS12.png)
</div></div>

<br>Don't believe that every element must be absolutely vocalized one after another: that's definitely the proper way to get a VoiceOver implementation that is anything but effective!
Expand Down Expand Up @@ -216,15 +216,15 @@ Note: this feature can be (de)activated in the device user settings.
id="SwitchControl-iOS15"
role="tabpanel">

![](../../images/ios-test-SwitchControl_iOS15.png)
![On iOS 15: enable Switch Control from the Settings-Accessibility-Switch Control menu](../../images/ios-test-SwitchControl_iOS15.png)
</div>
<div class="tab-pane" id="SwitchControl-iOS13" role="tabpanel">

![](../../images/ios-test-SwitchControl_iOS13.png)
![On iOS 13: enable Switch Control from the General-Accessibility-Switch Control menu](../../images/ios-test-SwitchControl_iOS13.png)
</div>
<div class="tab-pane" id="SwitchControl-iOS12" role="tabpanel" >

![](../../images/ios-test-SwitchControl_iOS12.png)
![On iOS 12: enable Switch Control from the Settings-Accessibility-Switch Control menu](../../images/ios-test-SwitchControl_iOS12.png)
</div></div>

<br>
Expand Down

0 comments on commit 932148b

Please sign in to comment.