{"json_modified": "2016-10-19T19:31:00.247600", "uuid": "4cfbcef2-3b04-419b-ab42-2c77f57ab05f", "title": "Using the button role", "url": "/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role", "tags": ["NeedsContent", "ARIA", "Accessibility"], "translations": [{"uuid": "01db8e5b-7418-4f22-8a02-3176f0a1c439", "title": "Utilisation du r\u00f4le button", "url": "/fr/docs/Accessibilit%C3%A9/ARIA/Techniques_ARIA/Utiliser_le_r%C3%B4le_button", "tags": ["ARIA", "Accessibilit\u00e9", "Role", "\u00c0 relire", "R\u00f4le"], "summary": "Ce r\u00f4le devrait \u00eatre utilis\u00e9 pour des \u00e9l\u00e9ments cliquables qui d\u00e9clenchent une r\u00e9ponse lorsqu\u2019activ\u00e9s par l\u2019utilisateur. Par lui-m\u00eame, <code>role=\"button</code> peut faire appara\u00eetre n\u2019importe quel \u00e9l\u00e9ment (par exemple &lt;p&gt;, &lt;span&gt; ou &lt;div&gt;) sous la forme d'un contr\u00f4le bouton \u00e0 un lecteur d\u2019\u00e9cran. De plus ce r\u00f4le peut \u00eatre utilis\u00e9 en combinaison avec l\u2019attribut <code>aria-pressed</code> pour cr\u00e9er des boutons \u00e0 bascule.", "localization_tags": [], "locale": "fr", "last_edit": "2014-06-28T02:36:33", "review_tags": []}, {"uuid": "08a13b07-8144-48a0-b33d-e1f55d19b258", "title": "\ubc84\ud2bc role \uc774\uc6a9\ud558\uae30", "url": "/ko/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role", "tags": [], "summary": "<a class=\"external\" href=\"https://www.w3.org/TR/wai-aria/roles#button\" title=\"https://www.w3.org/TR/wai-aria/roles#button\">button</a> role\uc740 \uc0ac\uc6a9\uc790\uc758 \ub3d9\uc791\uc5d0 \ubc18\uc751\uc744 \ud558\ub294 \ud074\ub9ad\ud560 \uc218 \uc788\ub294 \uc694\uc18c\uc5d0 \uc0ac\uc6a9\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4. \ubc84\ud2bc\ub9cc\uc758 \uc18d\uc131\uc778\u00a0<code>role=\"button\"\uc740 \uc2a4\ud06c\ub9b0 \ub9ac\ub354\uc5d0\uc11c \ubc84\ud2bc\uc758 \ud615\ud0dc\ub85c \ubcf4\uc5ec\uc9c0\ub294 \uc5b4\ub5a4 \uc694\uc18c(&lt;p&gt;, &lt;span&gt;, &lt;div&gt;)\uc5d0\ub3c4 \uc801\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.</code>\u00a0\ucd94\uac00\uc801\uc73c\ub85c role \uc18d\uc131\uc740 \ud1a0\uae00 \ubc84\ud2bc\uc744 \ub9cc\ub4e4\uae30 \uc704\ud574 <code>aria-pressed \uc18d\uc131\uacfc \ud568\uaed8 \uc870\ud569\ub418\uc5b4 \uc0ac\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.</code>", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-08-24T19:15:04", "review_tags": []}], "modified": "2016-10-19T19:31:00", "label": "Using the button role", "localization_tags": [], "locale": "en-US", "id": 3324, "last_edit": "2016-10-19T19:30:59", "summary": "The <a class=\"external\" href=\"https://www.w3.org/TR/wai-aria/roles#button\" title=\"https://www.w3.org/TR/wai-aria/roles#button\">button</a> role should be used for clickable elements that trigger a response when activated by the user. On its own,\u00a0<code>role=\"button\"</code> can make any element (e.g. &lt;p&gt;, &lt;span&gt; or &lt;div&gt;) appear\u00a0as a button control to a screen reader. Additionally, this role can be used in combination with the\u00a0<code>aria-pressed</code>\u00a0attribute \u00a0to create toggle buttons.\u00a0", "sections": [{"id": "Keyboard_and_focus", "title": "Keyboard and focus"}, {"id": "Toggle_buttons", "title": "Toggle buttons"}, {"id": "Labeling_buttons", "title": "Labeling buttons"}, {"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_basic_button", "title": "Example 1: A basic button"}, {"id": "Example_2_A_toggle_button", "title": "Example 2: A toggle button"}, {"id": "Working_Example", "title": "Working Example:"}, {"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_button_role", "review_tags": []}