Difference between revisions of "Modal dialog with ARIA"

From Level Access Web Labs
Jump to navigation Jump to search
Line 35: Line 35:
 
opacity:0.5;
 
opacity:0.5;
 
     }
 
     }
 +
 +
    .dialog-title {
 +
      background-color:black;
 +
      color:white;
 +
      margin-top:0em;
 +
      font-weight:bold;
 +
  }
 
   </style>
 
   </style>
  
Line 87: Line 94:
 
     <span aria-hidden="true" class="sr-only"> Beginning of modal dialog </span>
 
     <span aria-hidden="true" class="sr-only"> Beginning of modal dialog </span>
  
     <h1 id="dialog1Title">What you need to know about trees</h1>
+
     <h1 id="dialog1Title" class="dialog-title">What you need to know about trees</h1>
  
 
     <div id="dialog1Desc">
 
     <div id="dialog1Desc">

Revision as of 19:48, 17 November 2016

Example

Note - not implemented:

  • Constraining keyboard focus within the modal dialog


...

...