eslint-plugin-fluentui-jsx-a11y icon indicating copy to clipboard operation
eslint-plugin-fluentui-jsx-a11y copied to clipboard

Dialog needs an accessible name

Open aubreyquinn opened this issue 1 year ago • 0 comments

Dialog boxes consist of a header (DialogTitle), content (DialogContent), and footer (DialogActions), which should all be included inside a body (DialogBody). Validate that people’s entries are acceptable before closing the dialog. Show an inline validation error near the field they must correct. Modal dialogs should be used very sparingly—only when it’s critical that people make a choice or provide information before they can proceed. Thee dialogs are generally used for irreversible or potentially destructive tasks. They’re typically paired with an backdrop without a light dismiss. Add a aria-describedby attribute on DialogSurface pointing to the dialog content on short confirmation like dialogs. Add a aria-label or aria-labelledby attribute on DialogSurface if there is no DialogTitle

aubreyquinn avatar Mar 05 '24 17:03 aubreyquinn