Modal

Alternative website's UI/workflow design to avoid ShowModalDialog()

Alternative website's UI/workflow design to avoid ShowModalDialog()
  1. What is the replacement for showModalDialog?
  2. Why is showModalDialog deprecated?
  3. When not to use a modal?
  4. What's the difference between modal and dialog?

What is the replacement for showModalDialog?

There is no real replacement for showModalDialog. You could use window. open to open the dialog subpage and then use the window.

Why is showModalDialog deprecated?

showModalDialog() is depreciated precisely because it pauses javascript execution. Pausing javascript execution is difficult to implement securely, and in a way the gives a responsive browser. This is similar to why synchronous XMLHttpRequest is also being depreciated.

When not to use a modal?

5. Do not use modal dialogs for nonessential information that is not related to the current user flow. As discussed above, modal dialogs have numerous disadvantages and costs to users. In order for these costs to be justified, their relevance to the task and importance should be high.

What's the difference between modal and dialog?

For example, you could have a dialogue containing a contact form or some text to confirm an action. Dialogues can be included in a modal. This would mean that the modal prevents interaction with the page while the dialogue provides a means to dismiss the dialogue and modal once interacted with.

Different tooltips problem
Why are tooltips bad for accessibility?Why are tooltips problematic for screen magnification users?What can I use instead of tooltips?How many types ...
Any UX implications Smart quotes and apostrophes when pasting from Word?
Why do you use apostrophes instead of quotation marks?Do screen readers read quotation marks?What is a smart apostrophe? Why do you use apostrophes ...
Translating list with checkboxes, to a combo of dropdowns
How do I select multiple options from a drop down list in a checkbox? How do I select multiple options from a drop down list in a checkbox?But in th...