|
| 1 | +<!DOCTYPE html> |
| 2 | +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> |
| 3 | + <head> |
| 4 | + <title>Using a control to allow access to content in different orientations which is otherwise restricted</title> |
| 5 | + <link rel="stylesheet" type="text/css" href="https://rawgit.com/w3c/wcag21/master/css/sources.css"/> |
| 6 | + </head> |
| 7 | + <body> |
| 8 | + <h1>Using a control to allow access to content in different orientations which is otherwise restricted</h1> |
| 9 | + <section id="meta"> |
| 10 | + <h2>Metadata</h2> |
| 11 | + <p id="id">ID: @@G210</p> |
| 12 | + <p id="technology">Technology: General</p> |
| 13 | + <p id="type">Type: Technique</p> |
| 14 | + </section> |
| 15 | + <section id="applicability"> |
| 16 | + <p>When the orientation of the page is locked, provide a button to allow a user to change the orientation.</p> |
| 17 | + </section> |
| 18 | + <section id="description"> |
| 19 | + <h2>Description</h2> |
| 20 | + <p>The objective of this technique is to allow users to access content in the way the user prefers. A content provider may expect that most users will view content using a specific device orientation or may expect that a user will want to maintain the original view within the device. As a result the provider then prevents the content from rotating. By providing a control to allow the user to rotate the content, someone who needs to use a particular orientation will be able to view the content in a comfortable manner. For example, a person who cannot hold the device and has it mounted attached to a wheelchair or bed.</p> |
| 21 | + <p class="note">Many users will expect to use OS-level settings to prevent the orientation from changing. As a result, it is usually preferable to satisfy this Success Criterion by not restricting the content's ability to adapt to changes in orientation and allowing users to use the OS orientation lock when desired.</p> |
| 22 | + </section> |
| 23 | + <section id="examples"> |
| 24 | + <h2>Examples</h2> |
| 25 | + <section class="example"> |
| 26 | + <h3>An e-Reader application</h3> |
| 27 | + <p>Users of an e-Reader web application sometimes read when laying down on their side. In this situation, the device is viewed by the user in portrait mode even though the device is in the landscape orientation with regard to gravity. The developer locks the content into the portrait orientation to allow for this reading behavior, but also provides a control to allow users who have devices mounted in a specific orientation to achieve the desired viewing orientation.</p> |
| 28 | + </section> |
| 29 | + </section> |
| 30 | + <section id="tests"> |
| 31 | + <h2>Tests</h2> |
| 32 | + <section class="test-procedure"> |
| 33 | + <h3>Procedure</h3> |
| 34 | + <p>For content that does not change orientation when the device is rotated:</p> |
| 35 | + <ol> |
| 36 | + <li>Check for a control within the user interface to change the orientation of the content.</li> |
| 37 | + <li>Check that when the control is operated that the content changes orientation.</li> |
| 38 | + </ol> |
| 39 | + </section> |
| 40 | + <section class="test-results"> |
| 41 | + <h3>Expected Results</h3> |
| 42 | + <ul> |
| 43 | + <li>Checks #1 and #2 are true.</li> |
| 44 | + </ul> |
| 45 | + </section> |
| 46 | + </section> |
| 47 | + <section id="related"> |
| 48 | + <h2>Related Techniques</h2> |
| 49 | + <ul> |
| 50 | + <li><a href="F97.html">F97</a></li> |
| 51 | + </ul> |
| 52 | + </section> |
| 53 | + </body> |
| 54 | +</html> |
0 commit comments