title: Is 'dialog' role the right choice for the popup?
body: <p><a href="https://www.w3.org/TR/wai-aria/roles#dialog" rel="nofollow noreferrer">WAI reference</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_dialog_role" rel="nofollow noreferrer">MDN reference</a>.</p>
  
  <p>WAI says: </p>
  
  <blockquote>
    <p>A dialog is an <strong>application window</strong> that is designed to interrupt the
    current processing of an application in order to <strong>prompt</strong> the user to
    enter information or <strong>require a response</strong>.</p>
  </blockquote>
  
  <p>As I understood, dialog is shown to ask some information to proceed. Its purpose is not to show a separate section. So it applicable in case when a dialog contains 'yes/no', 'proceed' buttons. Or when forms exists.</p>
  
  <p>MDN says:</p>
  
  <blockquote>
    <p>The dialog role is used to <strong>mark up</strong> a DHTML based application dialog or window that <strong>separates</strong> content or UI from the <strong>rest</strong> of the web application or page. Visually, dialogs are generally placed on top of the rest of the page content using an overlay.</p>
  </blockquote>
  
  <p>What I have got from this quote, you could use dialog for ordinary popups.</p>
  
  <p>Furthermore, <a href="http://v4-alpha.getbootstrap.com/components/modal/" rel="nofollow noreferrer">Bootstrap4</a> also thinks like MDN.</p>
  
  <p>Who is right? What is the real purpose <code>dialog</code> role and what role should be used for simple popups (separated sections) (maybe 'document')?</p>