{"type":"doc","content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"What accessibility information should be more explicitly called out on the Paragon documentation website (e.g., ","type":"text"},{"text":"aria","type":"text","marks":[{"type":"code"}]},{"text":" attributes, etc.).","type":"text"}]}]}]},{"type":"rule"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Questions on a component by component level","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A11y implementation details (using ","type":"text"},{"text":"aria","type":"text","marks":[{"type":"code"}]},{"text":" which does XYZ)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Content a11y for someone just dropping the component in the design (e.g., no 2 inputs with same labels).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Usage guidance of when to use which component, or not at all (e.g., checkboxes vs. radios).","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Be upfront about what components don’t support (e.g., a callback).","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"MATTHEW LEPAGE: DEMOING SPECIFIC EXAMPLE AT PWG TOMORROW..","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"“Good practice” vs. “Bad practice”","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Some of these exist in Figma (but could be expanded). Should consider bringing these to the docs site.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Separate header for a11y on each components","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Table with implementation details with additional contextual information.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Attributes used (e.g., ","type":"text"},{"text":"aria-label","type":"text","marks":[{"type":"code"}]},{"text":").","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"“Relevant info followed by usage.”","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"2 tasks","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A11y header on each component","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A11y information filled out in a table in this doc (","type":"text","marks":[{"type":"strong"}]},{"type":"mention","attrs":{"id":"62151bc8505e68006ad617a3","text":"@Jeff Witt"}},{"text":" to create a table for each component)","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Useful to have in Figma, too, but a challenge to keep in sync.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Long term, we want “source of truth” to be in the docs site only.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Spreadsheet to track? Also can track usage guidance.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"WCAG 2 conformant essentials but these are the documented additional a11y “best practices”.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Should we create a GitHub issue?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Yes. We’ll discuss on Friday sync and prioritize for next sprint.","type":"text"}]}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"A11y overview page under “Foundations” ","type":"text","marks":[{"type":"strong"}]},{"text":"(","type":"text"},{"type":"mention","attrs":{"id":"62151bc8505e68006ad617a3","text":"@Jeff Witt"}},{"text":" has a WIP high-level a11y doc)","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[question] How much time do designers spend in Figma vs. docs site?","type":"text","marks":[{"type":"strong"},{"type":"em"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Can we build better pathways for designers to access the docs site?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Is there an equivalent to “Dev resources” in Figma to link to docs site / GitHub code for devs?","type":"text"}]}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Can designers/etc. self-serve update content if it only exists in the docs site?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"CMS?","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"“Edit this page” CTA in docs site pages (this will be prioritized/implemented).","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Includes additional good / bad examples?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Smaller components may be tricky to have a “good” vs. “bad”.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Component template page redesign for later once we have baseline a11y info in place:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-Design-System?type=design&node-id=14462-3&mode=design&t=dzUBI9SvNPISNXAv-0"}},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Some pages (like DataTable) are quite long. How do we make these more understandable / not as overwhelming?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Tabs (design vs. dev.)?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Could be different usage checklists between different personas.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Mini UX focused approach:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Who are the user personas of the docs site?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Design docs.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Engineers.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Etc.?","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"How do we best serve each group?","type":"text"}]}]}]}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Separate ","type":"text"},{"text":".md","type":"text","marks":[{"type":"code"}]},{"text":" file for a11y docs vs. technical docs to reduce the barrier to edit pages?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Interesting idea. Might be worth exploring.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Preview? Deploy previews.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Testing a11y.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"react-axe","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Component specific info thats not covered by automated tools.","type":"text"},{"type":"hardBreak"}]}]}]}]}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"186bc1f9-297e-4751-b085-cb871a8bf74b"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"e9c3d9f4-7eef-44bf-92ca-e4393ee1e7b4"}},{"type":"heading","attrs":{"level":1},"content":[{"text":"ActionRow","type":"text","marks":[{"type":"underline"}]}]},{"type":"paragraph","content":[{"text":"no a11y attributes","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Alert","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"56b46429-bf9d-45ce-9608-38954783495c"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"heading","attrs":{"level":3},"content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"role=\"alert\"","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"24fffd14-562f-4bfb-91b8-eaf4f22705f3"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to communicate an important and usually time-sensitive message to the user.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessible text","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"263fd5e6-8213-4e8d-9676-3f71e5c69ec8"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Element","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Text","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Close button","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Dismiss","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Alert.Link","type":"text","marks":[{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"6f5dac18-b0ad-4745-ab54-f9c73fca043e"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Enter","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]},{"text":" action.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Shift+Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"AlertModal","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"90629a9a-b84f-43e1-9d1b-150de2e3e8d2"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"role=\"dialog\"","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"a833c354-8492-47e9-8f21-7463ae493c79"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to mark up an HTML-based application dialog that separates content or UI from the rest of the web application or page.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"aria-label","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"2b02b918-5779-421f-8feb-6fe824128b3d"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Defines a string value that labels an interactive element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"aria-hidden","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Indicates whether the element is exposed to an accessibility API.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"e2ebbb80-59a2-4ff6-ae44-9c81536dd567"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Escape","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Closes the modal window.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Annotation","type":"text","marks":[{"type":"underline"}]}]},{"type":"paragraph","content":[{"text":"no a11y attributes","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Avatar","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"ee84cea6-858c-4bfe-a893-2d8d256e0455"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"alt","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"86450cfb-1dc7-4408-98b6-339029f88f58"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to provide alternative text for an image.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"AvatarButton","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"411128d5-6add-4e3d-8710-89f8230fa13e"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"type=\"button\"","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"32ec7e0e-cef4-426a-ad07-0bb6a69af824"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Indicates that the element is a button.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"alt","type":"text","marks":[{"type":"code"}]},{"text":" (Icon)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to provide alternative text for an image.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"91611ebb-6c82-42c6-a30c-90e2d3a72c1e"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Shift+Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Space","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Enter","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Badge","type":"text","marks":[{"type":"underline"}]}]},{"type":"paragraph","content":[{"text":"no a11y attributes","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Breadcrumbs","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"dd20eaa7-8766-4e19-a202-86580e13c4eb"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"aria-label","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"ac5df4e5-ac4c-4cbc-a5c2-06636b5a46f8"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Defines a string value that labels an interactive element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"role=\"presentation\"","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Indicates that the element should not be considered part of the available semantics.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"aria-current","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to indicate the current element or page in the navigation context.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"a932d088-c1fc-4f2f-b8a3-e3ec97c238ff"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Shift+Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Enter","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Bubble","type":"text","marks":[{"type":"underline"}]}]},{"type":"paragraph","content":[{"text":"no a11y attributes","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Button","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"9faa3e83-2aac-42c7-8c99-5f38c2432165"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"type=\"button\"","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"acee6aa0-9d7d-4959-b26d-1c91fa78f915"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Indicates that the element is a button.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"aria-label","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"4587ba83-c306-46d2-8ff2-a29eec7c0d8d"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Defines a string value that labels an interactive element.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"fbec9a36-8c8b-4783-9bfe-1e3c9aa8151e"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Shift+Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Enter","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Space","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"ButtonGroup","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"0b9b2875-ad4b-477c-9f04-1a98138320ca"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"role=\"group\"","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"24de0a13-2829-4333-8ae9-7c0f6a9e7902"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to create a group of elements that are visually and functionally related together.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"aria-label","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"9a1e8394-1c28-4c71-827f-6fa401a25045"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Defines a string value that labels an interactive element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"role=\"toolbar\"","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"9864a94d-710c-49c4-a67f-0d384804d1fa"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Indicates that a certain element is a toolbar.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Card","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Card.ImageCap","type":"text","marks":[{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"c50223d5-b03c-452b-8b86-f942fd45cb90"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"alt","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"type":"status","attrs":{"color":"yellow","style":"bold","text":"editable","localId":"67ab4a5b-b70a-4112-afc6-348af2f106a0"}}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to provide alternative text for an image.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"loading=\"eager\"","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Is used to tell the browser to download the image immediately, without waiting for the entire page to be fully loaded.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"CardCarusel","type":"text","marks":[{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessible text","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"1653a4db-5959-4bc1-bc81-2b47099c5a1c"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Element","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Text","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Next button","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Scroll to next","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Previous button","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Scroll to previous","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Clickable card","type":"text","marks":[{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"875d5758-0916-4583-b52f-238db81930f4"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Shift+Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"CardCarousel (Navigation arrows)","type":"text","marks":[{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"6cc38ff9-27ff-4e95-b8df-0459b25b70ea"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Shift+Tab","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next focusable element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Enter","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Space","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Triggers the button action.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"CardCarousel (Cards inside the carousel)","type":"text","marks":[{"type":"strong"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Keyboard support","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"333c53ef-1df4-4667-8d66-d6d1c48ce061"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Key","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab+RightArrow","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next carousel element.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Tab+LeftArrow","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Moves focus to the next carousel element.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Carousel","type":"text","marks":[{"type":"underline"}]}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Accessibility attributes","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"28b5af87-8ace-42c7-aa81-90babc06ec19"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Attribute","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"role=\"button\"","type":"text","marks":[{"type":"code"}]},{"text":" (Navigation buttons)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Used to indicate that a particular element acts as a button, even if it is not a standard

Browser not supported