I’m working on the front end in Wocommerce (Chrome). I want to use the key combination "Alt+Enter" to press the submit button and jump to another text field by pressing "Alt+X", Is it possible?
I downloaded the extension [Shortkeys (Custom Keyboard Shortcuts)]. but I did not find a detailed guide.
There are numerous codes available on the Internet for creating shortcuts. But I have no idea how to add those codes to Chrome.
I require a detailed guide. I don't have coding experience.
Somebody suggested that I should also provide this.
Submit Button:
Class="button button-primary button-large"
Xpath= //*[#id="publish
JS path= document.querySelector("#publish")
Related
In Material UI Autocomplete Free Solo, I noticed that the "Clear input" button is clickable, but not accessible by keyboard.
I went into the codebase to understand the reasoning behind this decision but didn't find anything. I also checked the A11Y docs but without success either... Could anyone give a little more detail about this? Was it a decision based on user testing?
Code that adds the tabindex="-1"
Testing the tabindex="-1"
Thanks :)
As far as why it's behaving the way it is, you already discovered that. tabindex="-1" means the element should be removed from the normal tabbing order but still allows the elmenet to be focused programmatically (if you call obj.focus() from javascript).
If you're asking why Material decided to not have that button focusable, #rafael is correct that that's not a stackoverflow question. Someone working for Material that happens to be on stackoverflow might see this question and try to answer it but you're more likely to get an answer if you ask them directly.
Note that WCAG 2.1.1 is often misunderstood that every interactive element on the page must be accessible via the keyboard. That's not true. What that checkpoint says is that all "functionality" of the page must be accessible through the keyboard. In the case of the X-clear button, that functionality is also available via the keyboard because when you TAB to the input field, all the text gets selected so you can either press DELETE or BACKSPACE to erase it or just start typing new text. Or you can press Ctrl (or CMD) + A to select all the text and delete it.
So all the functionality of the X-clear button is available to the keyboard user without the actual button being accessible.
Now having said that, I rarely, if ever, make a button that is clickable with the mouse not available to the keyboard user.
I've noticed that google adsense vignette ads are performing well on my site, but they do not appear when the primary function is performed- notably the clicking of a form submit button.
I can't find any reference in google's documentation about what specific links the ads will attach to, but using the debugger it seems to work on hard links on the page, which includes links on images.
Is there any known way to make these work on form submit buttons, or a good workaround that will enable them- such as using an href link that then submits the form via script?
I need to frequently translate the webpage manually for work purpose. Although not looking for auto-translate options, I need a keyboard shortcut or a handy extension to translate the page. The right click option on google or the google chrome translator extension need multiple clicks in order to translate. The middle mouse button to translate the whole web page would do some good to me.
I tried looking out for extensions out of which context menus was related to my issue. I couldn't figure out how it works.
The right click option on chrome has 7th option for translate page which is not handy. I need it to be the first option on right click or the middle mouse button to translate the google page would help.
I am working on windows and not MAC.
I've seen many website do this, and I think it looks pretty cool. Anyway, I was wondering how you do it.
When a term is searched on the form, I want the results to open in a popup window.
Here is my code for the form submit: http://pastebin.com/NBxz7FQi
Also will this be supported be early versions of internet explorer?
In your form tag, add target="_blank".
I am building an app for mobiles, using jquery mobile framework. I want to be able to make a simple dialog box/pop up, so that when you click on a picture of a "question mark" the pop up/ dialog box would appear with a simple message.
I have tried different approaches from http://jquerymobile.com/test/docs/pages/dialog-alt.html to so many others. I couldnt get non of them to work. So If you know how to make a simple pop up or a simple dialog box could you please give me an example!
If you want to open a dialog in jquery mobile you have to use an attribute data-rel="dialog" and the href must point to a URL where your dialog lives:
Open dialog
Here's a fiddle so you can see how it works.
Hope it helps.
UPDATE:
It seems there's a problem with jQuery Mobile dialog and some devices.
There's an issue open in the GitHub repository.
I've found this plugin which seems to work really well.