Accessible apps can be used by everyone, accessibleapps

Accessible apps can be used by everyone, accessibleapps
Accessibility

Accessible apps can be used by everyone, regardless of their limitations or disabilities. By making your app accessible, you can reach broader markets and expand your user base.

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs "> apps that are easy to understand/use can be used by anyone without restrictions (weaknesses) or disability. This makes your App easy to use. You can gain a broader market and expand your user base. </Code>

Your users do not necessarily have the same abilities as you. consider your app's user experience from the perspective of someone with a seeing, hearing, interacting, or learning impairment. is your app still operable if someone with one of these impairments tries to use it?

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs "> your users do not have the same capabilities as you do. Consider the user experience of your App from the perspective of a person's visual impairment, hearing impairment, communication impairment, and learning disability. If a person with the above obstacles tries to use your App, is it still runable/operated? </Code>

Apple has done the majority of the work on the system level to make your app accessible-by providing features like screen zoom, visual alerts, AssistiveTouch, and Guided Access-but there is more you can do as a developer to enhance the accessibility of your app.

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs vhdl "> Apple has done a lot of work at the system level by providing screen zoom ), visual alerts (visual warning iPhone lets you know <span style = "font-weight: bold; box-sizing: border-box; "class =" hljs-keyword "> when </span> something's up, <span style =" font-weight: bold; box-sizing: border-box; "class =" hljs-keyword "> in </span> a way you'll notice. it delivers both visual <span style = "font-weight: bold; box-sizing: bord Er-box; "class =" hljs-keyword "> and </span> vibrating alerts... when an event occurs, Apple provides visual and vibration alarms for your attention and knowledge ), assistiveTouch (AssistiveTouch is designed to facilitate the use of various functions of the iPhone for special groups such as missing limbs). <span style = "font-weight: bold; box-sizing: border-box; "class =" hljs-keyword "> and </span> Guided <span style =" font-weight: bold; box-sizing: border-box; "class =" hljs-keyword "> Access </span> (bootstrap Access) and other functions to make your App easy to use. </Code>

Working with VoiceOver

The primary way OS X and iOS apps present information is through a graphical user interface (GUI), so you need to pay special attention to visual accessibility. blind and low-vision users interact with your app using VoiceOver, a screen-reading technology built into the operating system that speaks your app's user interface aloud. voiceOver users use special gestures or keyboard commands to operate e and control the GUI. standard inputs-such as mouse movements and finger swipes-are translated by VoiceOver to move the VoiceOver cursor, which reads an element's accessibility information.

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs "> OS X and iOS applications present information through a graphical user interface (GUI ), therefore, you need to pay special attention to visual accessibility and ease of operation. Blind and Low-vision users interact with applications using VoiceOver. The screen reading technology is built into the operating system, allowing you to read the user interface of your application out loud. VoiceOver users use special gestures or keyboard commands to explore and control the GUI. Standard input, such as mouse movement and finger clicking, is converted by VoiceOver to move the VoiceOver cursor, which reads the understandable information of an element. </Code>

VoiceOver helps low-vision users navigate the GUI by interpreting touches differently

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs "> VoiceOver helps users navigate the GUI through different interpretations of touch. </code>

The standard UI elements provided by AppKit and UIKit are accessible to VoiceOver by default. you only need to provide a description for visual UI elements such as images or icons that don't already have text associated with them. you can change an element's accessibility description and other default accessibility behavior-such as the role of an element, or whether VoiceOver shocould read the element-directly in Interface Builder.

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs php "> the standard UI elements provided by AppKit and UIKit are understandable by default by VoiceOver. You only need to provide a description for visual UI elements, such as icons without text. You can change the easy-to-understand description of an element and Other Default easy-to-understand behaviors-such as the role of an element, or VoiceOver should read directly in the interface Builder (<span style = "box-sizing: border-box; "class =" hljs-class "> <span style =" font-weight: bold; box-sizing: border-box; "class =" hljs-keyword "> Interface </span> <span class =" hljs-title "style =" color: #8800; font-weight: bold; box-sizing: border-box; "> Builder </span>. </Span> </code>

Custom UI elements and views, on the other hand, must conform to the NSAccessibility or UIAccessibility protocol so that they can describe themselves to VoiceOver to be read aloud. these are the same protocols that standard controls in AppKit and UIKit adopt. by adopting these protocols and implementing their methods, you provide VoiceOver the information it needs to make your custom UI elements accessible.

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs "> custom UI elements and views must comply with the NSAccessibility or UIAccessibility protocol, so that they can describe themselves to VoiceOver for reading aloud. These are the same protocols, which are the standard control adopted in AppKit and UIKit. Using these protocols and methods, you provide VoiceOver with the information it requires to customize the UI elements. </Code>

The best way to confirm that your app works well with VoiceOver is to interact with your app using VoiceOver. enable VoiceOver on iOS in Settings> General> Accessibility and on OS X in System Preferences> Accessibility (or hit Command-F5 ). voiceOver is a sophisticated tool, but it only takes a few minutes to learn the basics. navigate through your user interface using VoiceOver to make sure all your features are accessible and all of your UI elements have appropriate descriptions. verify that your app promotes a positive accessibility experience by following the advice in Testing the Accessibility of Your iPhone Application.

<Code style = "padding: 0.5em; border-radius: 0px; color: rgb (0, 0, 0); font-family: 'source Code Pro', monospace; font-size: undefined; display: block; white-space: pre-wrap; box-sizing: border-box; background-color: transparent! Important; "class =" hljs livecodeserver "> the best way to confirm that your App and VoiceOver work well is to use VoiceOver to interact with your App. Enable VoiceOver on iOS. Choose Settings> General> auxiliary functions> VoiceOver. VoiceOver is a complex tool, but it takes only a few minutes to learn the basics. Use VoiceOver to browse your user interface to ensure that all your functions can be accessed and that all your UI elements have a proper description. Verify that your App promotes positive experience by following Testing <span style = "box-sizing: border-box; "class =" hljs-operator "> the </span> Accessibility <span style =" box-sizing: border-box; "class =" hljs-operator "> of </span> suggestions in Your iPhone Application. </Code>

Related Articles

Internationalization

Definitive Discussion

Accessibility Programming Guide for iOS

Sample Code Projects

ImageMapExample