Text under"aria-label" is read twice in VoiceOver Safari browser - ipad

I have used "aria-label" for a button . Voice over in Ipad Safari browser reads the text twice. What can be done to fix this? "aria-label" reads only once in MacBook voiceover safari browser.

Check accessibilityLabel and accessibilityHint, they may be the same.
After WWDC2019 Accessibility Inspector Tool was added (Xcode > Open Developer Tool > Accessibility Inspector).
(screenshot of Accessibility Inspector window)

Related

Time Profiler In Xcode Missing Record Settings, Display Settings

Im using Instruments 8.3.2 and the Record Settings and Display Settings tab are missing in the inspector window. How do I get those tabs back? Please see the attached screenshot.
The normal inspector window looks like this (See arrow 5):
The majority of these settings have moved to the bottom of the Instruments window. Tap on "Call Tree" to see a modal with the missing settings:
No With Xcode 9.3 & Instruments 9.3
The "Recording Options" moved again.
Now it is in the app menu at File > Recording Options….
Or you can use shortcut: CmdOptr
Or long press the Record button, it will appear options contains Recording options
You can see the menu item in the picture below:

UIButton title issue on iPhone6 with iOS9.3.2

I created button using storyboard and set the tittle with out any underline using custom font. But i got underline under title of button in only iPhone6 with iOS 9.3.2 but not all devices. Please see the below image. I have checked all apple documents but i didn't get any solution. Is the iOS problem or iPhone problem or any settings on iPhone6 related button?
Open Setting app in your iphone, Go to general then go to accessibility, under accessibility turn off the switch for Button shapes
It may solve your problem i think. Because if you have used button with type system then it will use system's configuration for button!!

Detect if the Accessibility Inspector is enabled on the Simulator

I have some graphical classes which support Voice Over for accessibility. Calculation of the accessibility elements can sometimes be expensive, so we only add the accessibility elements if Voice Over is running, by checking the value returned by the UIAccessibilityIsVoiceOverRunning() function and the UIAccessibilityVoiceOverStatusChanged notification, and this works fine.
However, if I want to debug my Voice Over accessibility elements on the Simulator using the Accessibility Inspector as explained here, I cannot do so because UIAccessibilityIsVoiceOverRunning() returns NO even when you have the Accessibility Inspector enabled.
Is there an equivalent of UIAccessibilityIsVoiceOverRunning() and UIAccessibilityVoiceOverStatusChanged for the Simulator's Accessibility Inspector?
I know I could conditionally disable the optimization test when compiling against the simulator, but if possible I would like to keep it, and only calculate the accessibility elements if the Accessibility Inspector is running.
I'm afraid detecting if the Accessibility Inspector is running on the Simulator is not currently possible.

Safari Web Inspector not Showing elements and Style Panel when debugging iPhone

I connected iPhone to mac and I enabled Web Inspector in iPhone advanced settings, able to see the page in mac safari but not able to inspect any element and its style in safari. I am not seeing the elements panel or style panel.
Could anyone help me to find those panels to debug the styles, which i applied to page elements which I am testing in iPhone. I am able to see those panels in debugging the desktop safari pages. see the screenshot
Thanks in advance for any help.
If that type of problem ever happens to you in 2021, download and use Safari Preview instead of the regular Safari 👍
I got the problem with the following config:
MacOS Big Sur 11.4
Iphone 10 iOS 14.6
Cheers!
Update July, 2021:
Yes, the other answer for using Safari Technology Preview is working for me too: https://developer.apple.com/safari/technology-preview/
Debugging was broken for me with Safari on Big Sur: Version 14.1.1 (16611.2.7.1.4)
Debugging was working for me with Safari Technology Preview on Big Sur: Release 128 (Safari 15.0)
This was incredibly frustrating for me too. It's the small sidebar icon on the far top right, with elements tab open.
Before:
After:
From web inspector select any html element. Now in device it will be highlighted with blue color. The top right corner having expand window to show style, Layers, Node tabs. Select Style and edit css. Refer link given in comment for complete details.
In Safari 11.1.2, when the 'Computed' tab is selected, you can get back up to the non-computed properties (the Style Attributes) level by clicking the arrow beside any of the computed properties. See, for example, the grey arrow next to the -webkit-border-horizontal-spacing property in my attached screenshot.
Well, This is a normal problem in Catalina and BigSur updates after Mojave. Or if you are upgrading your MacOS to the later versions. I hope we don't get in Monterey!
I recommend to download - Safari Technology Preview -
BigSur - Download
with whatever you have been using.
If you are facing it with other lower versions -
try from here
The Answer is , need to select the DOM Tree from the dropdown as in the screenshot.

How do we test Dynamic Type (text size) in an iOS Simulator?

iOS 7 and later allows a user to specify text size in Settings/Display & Brightness/Text Size. I don't see, or have yet to discover, how to change this in the iOS 7/8 Sim to test my app. Is it possible? If so, how/where is it done?
Thank you
In the simulator, go into settings (Choose "Home" on the hardware menu). Then General->Accessibility->Larger text. You also should slide the switch at the top to "Larger Accessibility Sizes". You'll then get a slider to adjust the text size.
Hope this helps.
Xcode 9.0 onwards
You can resize font of simulator as -
Xcode ► Open developer tool ► Open accessibility inspector
Select simulator from dropdown after that click setting(Gear) icon.
If you prefer an automatic approach to set this, see this question:
How to test Dynamic Type (larger font sizes) in iOS Simulator
The Accessibility Inspector (Xcode/Open Developer Tools/Accessibility Inspector in Xcode 8) as mentioned here is a great tool for testing Dynamic Fonts and accessibility in general. The WWDC 2016 video on is is well worth a watch.

Resources