Google sign in button and accessibility - html

Any ideas how to make the blue Google sign in button to be focused on the page with using Tab button only, to set focus on it? (tabindex = 0)
As example, on the page
https://developers.google.com/identity/sign-in/web/build-button
I'm unable to set a focus for this button with the Tab key.
Any suggestions how to implement it on my website so it may be clicked with the keyboard (Tab, Enter buttons only), but with no mouse?
Thank you.

Related

How to disable button behind <p:selectOneMenu> overlay

I have an upload area using p:fileupload with 3 buttons, Add Files, Upload and Cancel. Just above this upload area, I have a p:selectOneMenu, and when the user click on the list, the dropbox menu appears, obscuring part of the 'Add Files' button. If the user then happens to select an item that is in the area of the 'Add Files' button behind it, the window pop up letting them select a file to Add, as if the user actually presses the 'Add Files' button, and not select the item from the drop down list. Is there a way I can disable these fileupload buttons when the dropdown menu is displayed in front of it ? Thanks. Primefaces 3.5.
Can anyone please help ?
I fixed my problem by creating an overlay div and hiding the background div if the event is destined for the selectonemenu.

How to open Internal Links (label links) in same tab in google blogger

My blog url: https://fashionindiar.blogspot.com
I am unable to open the label links on my stand alone home page, in the same tab / window. Actually, by mistake I checked the respective checkbox under the Link button on menu bar earlier, after which I am unable to revert. However, the checkbox shows unchecked.
Also, please note that I have Social Media buttons on my home page, which should open in new tab / window (I have already activated the respective option under Link button, and I don't want to tamper with it).
Please help me to open all label links (on my home page) in the same tab / window, and not in any new one.
Looking forward to your reply.
Thank you.
Shampa Sengupta
To open links in the same frame as it was clicked remove the attribute target="_blank" from <a> tags or change it to target="_self"

How to focus Buttons (or other widgets) with TalkBack turned ON in Android Device?

I'm implementing Accessibility in my application. Here's the scenario :
I have 4 buttons arranged horizontally at the very top of the screen (Activity). On the click of a button, I'm launching an Alert Dialog which displays something to the user. With the alert being displayed, I will still be able to perform click operations on those 4 buttons at the top of the screen. When I turn ON TalkBack (Android Accessibility Service) in Android device and click on that button, alert is getting displayed but I'm unable to move the focus (a yellow rectangular box which will be there when TalkBack feature is turned ON in Android phone) to those 4 buttons. Please help!
Try to set the below properties to your buttons
android:importantForAccessibility="yes"
android:focusable="true"
You won't be able to do it with a dialog, you'll need to fake it with a View.
Perhaps you are using the wrong component which is why it sounds odd when you describe it? A picture of your design would help provide some context.
As #aardrian says, the alert dialog is modal and will (and does) block user input from the underlying UI. Clicking away from the dialog or pressing back will dismiss the dialog.
With TalkBack enabled, the user will be able to press the system back button, use the back gesture (swipe down, then left) or select an option within the dialog to dismiss it.
Try to integrate voice control into your application via Accessibility TalkBack
Define 4 buttons, Alert Dialog Box as objects, selected by voice:
button 1
button 2
...
...
I am studying the limitations of voice control of Android smartphone/ device in Blind Mode ( eyes-free)

Google Chrome extension button pop-out: How to make it persistent

I have a very simple Chrome extension which produces a bubble pop-out in the top-right of the screen. In the bubble I present the mobile version of our site.
Currently when the extension icon is clicked the bubble pops out and the mobile homepage loads. The user can click around within the bubble and use the mobile site as they wish.
However, once the user clicks outside the bubble is closes. Clicking again repeats the above process.
I wondered if there was a way to make the bubble pop-up/out persistent? So, instead of it disappearing when the user clicks elsewhere it stays loaded until the user clicks the extension icon again. This way the button acts as an on/off switch rather than a single event trigger.
Is this possible, and would someone mind directing me to the code which would help me do this?
As stated in the FAQs, this is not possible. However, chrome.windows.create may meet your needs.

popup in Chrome browser action only if click on down arrow on right side of the icon

I am developing a Chrome extension with browser action. I want to make some action on clicking on browser action icon (it is easy, not a problem), and show popup if user clicks on down arrow at the right side of the icon (that is a problem). So, we will receive a functionality similar to the firefox toolbarbutton from XUL. Is it possible to do such thing with Google Chrome?
Just want to make button, like that:
button
If it is pressed on the main part - it will do something, if on the right "drop-down" part - it will show quick settings page.
But I see only single button possibility.
The entire browserAction button works as a single button. There is no way to detect if a specific area was clicked. The best you can do is either have multiple extensions each having their own button for different actions or have options in the popup that the user selects with a second click.