#  How to Test Accessibility with an iPhone 

 



## Get Started

Testing mobile accessibility is an essential step in reviewing your content. VoiceOver is a screen reader built into iPhones that reads aloud page content and relevant semantic info. Use the following guidance to get started testing with VoiceOver, and to get a more comprehensive picture of accessibility.

### Turn on VoiceOver

Go to Settings > Accessibility > VoiceOver

There is a toggle to turn VoiceOver on/off at the top of the VoiceOver menu. When you turn VoiceOver on the gestures that you use to navigate your iPhone will change.



 

##  Orient to VoiceOver 

### Change How Fast VoiceOver Talks

Go to Settings > Accessibility > VoiceOver > Speaking Rate

Choosing a slower speaking rate can help with comprehension as you listen during testing.

### Try VoiceOver Practice

iPhones have a practice mode where you can practice using the different gestures needed to use VoiceOver. Turn on VoiceOver. Tap VoiceOver Practice, then double-tap to start. Follow the instruction provided in the practice mode.



 

##  Basic Testing Gestures 

- Use swipe gestures to move forward or backward through all page elements.
- Screen reader should announce each element and relevant text on the page.
- Double tap to activate links or buttons

**Left** to move backward, **Right** to move forward

   ![One hand gesturing left, another gesturing right.](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/2024-06/hand%20left-right.png?itok=pmbIcKCE) 

 



 

##  Track issues found 

### Accessibility Issues Tracker Template 

The Accessibility Issues Tracker spreadsheet is a framework for capturing accessibility issues on a website and providing the information needed to remediate them. Start by recording results from Siteimprove or other automated tools in this spreadsheet. Then, as you manually test your site with the keyboard, screen reader, and content review, add any issues to the sheet. Collecting all issues in one place may help identify patterns based on sorting by different columns. Additionally, each row in the spreadsheet (representing an issue) could be entered into a bug tracking system.

   ![Excel logo.](/sites/g/files/omnuum12446/files/styles/hwp_1_1__100x100_scale/public/online-accessibility-huit/files/iconfinder_logo_brand_brands_logos_excel_2993694.png?itok=FTrbO27k) 

 

- [Download as an Excel spreadsheet](/file_url/230)
- [Save as a Google Sheet](https://docs.google.com/spreadsheets/d/1B4_iQuxHANhj2-dBoeWVZVENI5g9enMBEHq5HqXtleQ/copy)



 

##  Now, Let's Test! 

   ![iphone with sound icon reading H2](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/online-accessibility-huit/files/iphone_h2_get_started_01.png?itok=Jw2txpEB) 

 

- Is all the text accessible to the screen reader and read aloud?
- Are elements read in a logical order that follows the visible page structure?
- Do the names of items that you hear match the visual text?
- Can interactive elements (like links and forms) be activated and used?
- Is any content being skipped that should be read?
- Is any content being read that is visually hidden?



 

##  Use the Rotor to test specific elements 

### Open the Rotor

1. Turn on VoiceOver
2. Rotate two fingers on your screen as if you are turning a dial
3. If you prefer to use one finger on each hand then simultaneously drag up with one finger and down with another
4. Select the rotor option (headings, buttons, landmarks) you would like to test from the rotor menu.
5. If you don’t see the element type you want you may need to set the rotor options (see "Set the Rotor Options")

### Set Rotor Options

Go to Settings > Accessibility > VoiceOver > Rotor

Select “Rotor” to show a list of elements that may be included in the rotor menu. Make sure the elements you plan to test are all selected. We recommend selecting: “Headings”, “Links”, “Landmarks” and “Form Controls”.



 

##  Gestures to navigate by element 

- Use swipe gestures to move forward or backward through your chosen page element.
- The screen reader should announce each element and relevant text on the page.
- Double tap to activate links or buttons

**Up** to move to previous instance, **Down** to move to next instance

   ![One hand gesturing up, another gesturing down.](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/2024-06/hand_up-down.png?itok=BLTkMr5L) 

 



 

##  Test with gestures 

   ![Talkback phone screen with headings displayed.](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/online-accessibility-huit/files/mobile_testing_icons_talkback_headings.png?itok=7vM68Wj2) 

 

1. Choose the element type.
2. Use up or down swipe gestures to move forward and backward through that particular element type.
3. Double tap to activate links or buttons.

The screen reader should announce all the elements of the selected type present on the page and their relevant text.