{"json_modified": "2016-09-08T13:59:05.932589", "uuid": "90cbf784-9dfb-4bbf-9364-f06ee5f599a2", "title": "Using the alert role", "url": "/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role", "tags": ["wcag1.2.1", "wcag3.3.1", "NeedsContent", "CSS", "ARIA", "Accessibility", "HTML", "Advanced", "alerts", "role configuration", "Example"], "translations": [{"uuid": "a3d1b845-22b9-40b6-9869-1b106c7def59", "title": "Utilisation du r\u00f4le alert", "url": "/fr/docs/Accessibilit%C3%A9/ARIA/Techniques_ARIA/Utiliser_le_r%C3%B4le_alert", "tags": ["ARIA", "Accessibilit\u00e9", "Role", "\u00c0 relire", "R\u00f4le"], "summary": "Le r\u00f4le <code>alert</code> est utilis\u00e9 pour communiquer un message important et g\u00e9n\u00e9ralement avec une notion d'urgence \u00e0 l\u2019utilisateur. Lorsque ce r\u00f4le est ajout\u00e9 \u00e0 un \u00e9l\u00e9ment, le navigateur \u00e9mettra un \u00e9v\u00e9nement d'alerte accessible aux produits de technologie d\u2019assistance qui pourront alors le notifier \u00e0 l\u2019utilisateur. Le r\u00f4le <code>alert</code> est le plus utile lorsqu\u2019il s\u2019agit d\u2019attirer l\u2019attention de l\u2019utilisateur, par exemple si :", "localization_tags": [], "locale": "fr", "last_edit": "2014-06-28T01:51:16", "review_tags": []}, {"uuid": "9785c17f-1aba-43cf-ad78-6102a4d03a52", "title": "Utilizando a fun\u00e7\u00e3o \"alerta\"", "url": "/pt-BR/docs/Web/Accessibility/ARIA/ARIA_Techniques/Utilizando_o_alert_role", "tags": ["wcag1.2.1", "wcag3.3.1", "Guia", "Avan\u00e7ado", "NeedsContent", "CSS", "Acessibilidade", "WAI-ARIA", "ARIA", "Accessibility", "Configura\u00e7\u00e3o role", "Caixas de aviso", "HTML+ARIA", "Alertas", "PrecisaDeConte\u00fado"], "summary": "O atributo de alerta \u00e9 utilizado para comunicar alguma mensagem importante e, frequentemente,\u00a0<span class=\"short_text\" id=\"result_box\" lang=\"pt\"><span>urgente.</span></span> Quando este atributo (<em>role</em>) estiver ligado a um elemento, o navegador vai enviar <span class=\"short_text\" id=\"result_box\" lang=\"pt\"><span>um evento acess\u00edvel de alerta</span> </span><span id=\"result_box\" lang=\"pt\"><span>aos</span> <span>produtos de tecnologia assistiva que, ent\u00e3o, poder\u00e3o notificar seus utilizadores sobre o que estiver acontecendo. O atributo <em>alert</em> \u00e9 mais \u00fatil para as</span> <span>informa\u00e7\u00f5es</span> <span>que requerem a aten\u00e7\u00e3o imediata</span><span> na tela.</span></span><span lang=\"pt\"><span> Por exemplo:</span></span>", "localization_tags": [], "locale": "pt-BR", "last_edit": "2016-09-08T13:59:04", "review_tags": []}], "modified": "2016-09-01T02:18:41", "label": "Using the alert role", "localization_tags": [], "locale": "en-US", "id": 1530, "last_edit": "2016-09-01T02:18:41", "summary": "The alert role is used to\u00a0communicate an important and usually time-sensitive message to the user. When this role is added to an element, the browser will send out an accessible alert event to assistive technology products which can then notify the user about it. The alert role is most useful for information that requires the user's immediate attention, for example:", "sections": [{"id": "Description", "title": "Description"}, {"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_Adding_the_role_in_the_HTML_code", "title": "Example 1: Adding the role in the HTML code"}, {"id": "Example_2_Dynamically_adding_an_element_with_the_alert_role", "title": "Example 2: Dynamically adding an element with the alert role"}, {"id": "Example_3_Adding_alert_role_to_an_existing_element", "title": "Example 3: Adding alert role to an existing element"}, {"id": "Example_4_Making_an_element_with_an_alert_role_visible", "title": "Example 4: Making an element with an alert role visible"}, {"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_alert_role", "review_tags": []}