{"json_modified": "2016-03-28T07:54:59.042797", "uuid": "5c9e59e5-eeb6-43de-ba3c-89d762fdddde", "title": "Using the dialog role", "url": "/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_dialog_role", "tags": ["NeedsContent", "ARIA", "Web Development", "Accessibility"], "translations": [{"uuid": "f26f94d3-cca4-4474-85f8-f1d94d347f2b", "title": "Utilisation du r\u00f4le dialog", "url": "/fr/docs/Accessibilit%C3%A9/ARIA/Techniques_ARIA/Utiliser_le_r%C3%B4le_dialog", "tags": ["ARIA", "Accessibilit\u00e9", "Role", "D\u00e9veloppement Web", "R\u00f4le"], "summary": "Marquer un \u00e9l\u00e9ment de dialogue avec le r\u00f4le <code>dialog</code> aide les technologies d\u2019assistance \u00e0 identifier le contenu des bo\u00eetes de dialogue comme \u00e9tant regroup\u00e9 et s\u00e9par\u00e9 du reste du contenu de la page. Cependant, le seul ajout de <code>role=\"dialog\"</code> n\u2019est pas suffisant pour rendre une bo\u00eete de dialogue accessible. De plus, il faut veiller \u00e0 ce qui suit\u00a0:", "localization_tags": [], "locale": "fr", "last_edit": "2014-06-28T04:29:46", "review_tags": []}], "modified": "2015-05-17T11:05:23", "label": "Using the dialog role", "localization_tags": [], "locale": "en-US", "id": 3331, "last_edit": "2015-05-17T11:05:22", "summary": "The <code><a class=\"external\" href=\"https://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#dialog\" title=\"https://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#alertdialog\">dialog</a></code>\u00a0role is used to mark up a DHTML based application dialog or window that separates content or UI from the rest of the web application or page. Visually, dialogs are generally placed on top of the rest of the page content using an overlay. Dialogs can be either non-modal (it's still possible to interact with content outside of the dialog) or modal (only the content in the dialog can be interacted with).", "sections": [{"id": "Labeling", "title": "Labeling"}, {"id": "Focus_management", "title": "Focus management\u00a0"}, {"id": "Possible_effects_on_user_agents_and_assistive_technology", "title": "Possible effects on user agents and assistive technology\u00a0"}, {"id": "Examples", "title": "Examples"}, {"id": "Example_1_A_dialog_containing_a_form", "title": "Example 1: A dialog containing a form"}, {"id": "Example_2_A_dialog_based_on_a_Fieldset_as_fallback_content", "title": "Example 2: A dialog based on a Fieldset as fallback content"}, {"id": "Working_Examples", "title": "Working Examples:"}, {"id": "Notes", "title": "Notes\u00a0"}, {"id": "ARIA_attributes_used", "title": "ARIA attributes used"}, {"id": "Related_ARIA_techniques", "title": "Related ARIA techniques\u00a0"}, {"id": "Compatibility", "title": "Compatibility"}, {"id": "Additional_resources", "title": "Additional resources"}], "slug": "Web/Accessibility/ARIA/ARIA_Techniques/Using_the_dialog_role", "review_tags": []}