Dialogs 2/2

Introduction

Here is another dialog example that, instead of displaying a message, will ask the user to select a folder among a list.

Example

Here is the final result of this example.

Implementation

Not many changes from the first dialog example, but in this case we use a list. Make sure to use a relevant labelling using the attribute aria-labelledby.

    <p id="list-label">My files</p>
    <div role="listbox" tabindex="0" class="defaultFocus" aria-labelledby="list-label">
      ...