Testing for Accessibility on OS X
Whether you're designing a new app or access-enabling an existing one, you should plan to test the accessibility of your product. Testing for accessibility is a bit different than standard user interface testing, and Apple provides a couple of tools that make the process easier. After you've discovered accessibility bugs with VoiceOver, inspect your app with these tools to resolve the problems.
Inspect Elements in Google Chrome. In Google Chrome, there are two ways to inspect a web page. Compatible with Android, iOS (iPhone and iPad), Windows and MAC OS. What is KidInspector? KidInspector is a leading parental control software for computers, smartphones, and tablets that allows parents to monitor messages, calls, WhatsApp, Facebook activity and more.
App developers should read this chapter to find out how to exercise the accessibility of their apps.
Using the Accessibility Inspector
Apple provides the Accessibility Inspector testing tool that can be launched by choosing Xcode > Open Developer Tool > Accessibility Inspector in the menu bar or Dock. You can download Xcode from the Mac App Store for free. The Accessibility Inspector presents a utility window that displays the information properties (and values), action methods, and position in the accessibility hierarchy of the object currently under the mouse pointer.
Web Inspector Safari Mac
If you're beginning to access-enable your app for assistive technologies like VoiceOver, try using the Accessibility Inspector to view the accessibility information other apps provide. Although the Accessibility Inspector is not an accessibility client, it uses the same APIs accessibility clients use to get information from the accessibility objects it encounters.
To use the Accessibility Inspector, first make sure that it has permission to control your computer. In Security & Privacy preferences, open the Privacy pane. In the left column, select the Accessibility option. In the right column, make sure the Accessibility Inspector app is checked as shown in Figure 6-1.
Now, launch the Accessibility Inspector and move your mouse over the UI element you want to inspect. If you're using VoiceOver to navigate, you can move the mouse to the VoiceOver cursor by pressing Control-Option-Command-F5. You can lock the Accessibility Inspector on the item under the mouse to examine its attributes, perform its actions, and access its parent and children (if any), by pressing Command-F7. When you do this, the Accessibility Inspector display pauses, allowing you to move the mouse without changing the object on which the tool is focused. In the main utility window, you can go to the object's parent, children, or other related objects, such as the containing window or the top-level app (AXApplication
). You can also perform the actions supported by the accessibility object, allowing you to see how these actions affect the values of various attributes and the app itself. If you click the rectangular button in the bottom-right corner of the Accessibility Inspector panel, you'll see a light blue overlay over the locked UI element.
Figure 6-2 shows the Accessibility preferences icon locked. Best free os x apps. In this example, the AXPress
action for the element is selected and can be activated by clicking the Perform Action button.
The Accessibility Inspector also includes the ability to navigate the Accessibility tree hierarchy using visible buttons or keyboard commands. While holding the Control and Command keys, use the arrow keys to navigate. The up and down arrows navigate to parents or children, and the left and right arrows navigate to siblings of the current element.
You can use the Accessibility Inspector to modify any properties that are marked as writable, as denoted by a W in parentheses. For example, navigate up to the AXWindow
attribute, and select its AXPosition
property (see Figure 6-3). Change the values of the X and Y text fields, and click the Set Value button. The window changes its position on the screen. You can also perform certain actions, such as AXPress
and AXShowMenu
, by selecting the action and clicking the Perform Action button.
As you access-enable your app, use the Accessibility Inspector to make sure your objects contain the appropriate information. If you find that a specific object is not accessible, you can focus the Accessibility Inspector on that object, examine its information property values, and trigger its action methods to find the problem.
Using Accessibility Verifier
![Safari Safari](https://www.olbig.com/wp-content/uploads/2020/04/How-to-Use-Safari-Web-Inspector-on-Mac-OS-and-iOS.png)
Apple provides the Accessibility Verifier tool that can be launched by choosing Accessibility Inspector > Window > Accessibility Verifier. Accessibility Verifier displays the accessibility hierarchy comprising all currently instantiated objects in the selected app. To use Accessibility Verifier, be sure to enable it in Security & Privacy preferences.
Use Accessibility Verifier to perform any or all of the following tests (select the tests you want to run by clicking the Choose Tests button): Final cut pro for mac download free version.
Parent/Child. This test checks the integrity of the accessibility hierarchy by making sure each parent-child pair forms a closed loop. For example, if a child listed in a parent object's
accessibilityChildren
property does not refer to that object as its parent, this parent-child pair is invalid. Invalid parent-child pairs can prevent an accessibility client from correctly traversing an app's accessibility hierarchy.Window. This test checks that all objects contained in a window contain a reference to that window in their
accessibilityWindow
property. An object contained in a window is not necessarily the child of that window, but it should refer to its containing window as a convenience for accessibility clients.Missing AXDescription. This test checks the element's
accessibilityLabel
property. Add mac to active directory. All accessible elements must provide some context-specific, descriptive label.Role Verification. This test verifies that an accessibility object implements all the properties and methods required for its role.
When you click Verify, Accessibility Verifier runs the tests you selected and displays the results for each. The problems are reported as warnings or errors, depending on their severity (you can filter the results by selecting a severity level in the Report Level pop-up menu).
Eliminating all errors and warnings that Accessibility Verifier displays does not guarantee a perfectly accessible app. Always test your app with various accessibility clients, such as VoiceOver, to make sure there are no problems.
Copyright © 2018 Apple Inc. All rights reserved. Terms of Use | Privacy Policy | Updated: 2015-04-08
- Advertisement
- Open Validator for Mac v.2.5.2Open Validator is a handy application designed to help you verify and correct many aspects of conformance of Web pages to International Standard ISO/IEC 23026-2006(E) IEEE Std. 2001 - 2002 - Software Engineering - Recommended Practice for the ..
- QtWeb Internet Browser v.3.7QtWeb is a fast, compact, portable and secure internet browser with some unique user interface and privacy features. QtWeb is free, non-commercial and open source project based on Qt framework and WebKit rendering engine. Built-in Torrent client.
- CoffeeCup Responsive Site Designer for OS X v.2.1.2140Create stunning website designs that look fantastic and are easy to use on any device. No layout or template limitations. No code. Responsive Site Designer is 100% design freedom.
- Web Kitchen for Dreamweaver v.1.1Web Kitchen is a suite of extensions that make Dreamweaver or Ultradev even more powerful and productive. Provides 17 professional objects, commands and inspectors for expert Dreamweaver webmasters.
- Web Icons - professional icons for web v.1.0Original and professional web icons for your websites and software projects. Each web icon is available in four different sizes and six different extensions. It includes web buttons, toolbars icons, shopping cart icons, multimedia icons, user icons ..
- Web Icon Library v.3.7Your web pages will look more modern and attractive with WebIcon Library. This icon library includes standard web icons in plenty of formats (ICO, GIF, PNG, BMP), resolutions (from 16x16 to 256x256) and 2 color depths (256 and 16.7 million colors).
- Web Hosting Buyers Guide v.1.5The Web Hosting Buyers Guide is a free report which has been produced to help you find the best web host for your individual needs.
- Dynamic Web TWAIN v.11.3.2Dynamic Web TWAIN is a TWAIN-based scanning SDK software specifically designed for Web applications on Windows and Mac. All APIs are totally implemented in HTML5.
- Rainbow Web 2 for Mac v.1.0Rainbow Web 2 welcomes you again to the wonderful world of the Rainbow Kingdom! Now your road lies to the Royal Palace, the last citadel of evil in this magic land. Get ready to complete 82 different levels to bring back former splendor of the castle ..
- Web Help Desk - Mac OS X Server Install v.8.4.6.10Affordable and Intuitive web based help desk software, including: Incident Management - Asset Management - Two-way Email Integration - Knowledge Base - LDAP Synchronization - Reporting. Vendor Neutral service desk app: Mac OS X, Windows, Linux & Unix ..
- Rainbow Web for Mac v.1.1Rainbow Web takes you on a fun adventure to the land of fairies and elves. Spider, an evil wizard, has cast a spell over fairy creatures and spun a web over their kingdom. Solve 60 puzzles to break the spell now and return the land to sunshine!
- Web Proxy v.NG-1.2.6CG Web Proxy allows you to Secure and Optimize the Web traffic. It can be implemented in forwarding mode for Web users or in reverse mode for Web applications.
- Web Help Desk Software - Free Ed. (.dmg) v.9.1.21Intuitive web based free help desk software by Web Help Desk includes: Incident Management - Knowledge Base - LDAP / AD Sync - Two-way Email Integration - Reporting. Unrestricted Web Help Desk Lite Edition features for Mac OS X server installation.
- Free VISCOM Web Video Player v.3.26VISCOM Web Player is a free web video player for website, it is an easy and convenient way to add single or multiple video to any websites, including video share sites, online Training, Education and Distance Learning , your blog, Myspace, forum.
- Free Higosoft Web Player for Mac v.3.01Free Higosoft Web Player could help you embed and add videos on your website. It is a flv player creator and web video publishing and authoring tool, with Free Higosoft Web Player, you could publish and embed various online.
- Flock, The Social Web Browser v.3.0Flock, The Social Web Browser built for facebook and twitter. Share web pages, photos, and video. Update your status and make comments from anywhere on the web.
- FMath Web Editor v.1.5.1fMath Web Editor is the best editor to create and edit equations on web. It has more than 20000 symbols to display and a rich interface. The formula can edited by interface or in MathML or in LaTeX. And is free of charge to use and to distribute.
- Flash Web Video Creator for Mac v.4.0.4Mac Flash webvideo creator, the best video to flash converter and flash video converter for Mac, freely enables mac users to create flv swf html files embed video to web.
- Connect Daily Web Calendar Software v.3.4.4A great looking web calendar thats easy to integrate into your web site. Features include unlimited users, email reminders, public and private calendars, Ajax support, RSS, CSV import/export, and iCal support. Resource managment including approvals ..
- Perfect Web 2.0 Icons v.2012.1Design interactive Web 2.0 applications with professional graphics! The collection of 246 ready-made Web 2.0 icons covers a wide range of popular subjects, control elements, actions and entities you're likely to use in your Web 2.0 portal.
Web Inspector For Mac Catalina
- Web Proxy CG Web Proxy allows you to Secure and Optimize the Web
- Software Icons - Professional XP icons for Beautiful XP style icons for your for your software and
- Free VISCOM Web Video Player VISCOM Web Player is a free web video player for
- Dynamic Web TWAIN Dynamic Web TWAIN is a TWAIN-based scanning SDK software
- CoffeeCup Responsive Site Designer for OS X Create stunning website designs that look fantastic and are
- Flash Web Video Creator for Mac Mac Flash web video creator , the best video to flash
- Flock, The Social Web Browser Flock, The Social Web Browser built for facebook and
- QtWeb Internet Browser QtWeb is a fast, compact, portable and secure internet
- Connect Daily Web Calendar Software A great looking web calendar thats easy to integrate into
- Web Icons - professional icons for web Original and professional web icons for your websites