imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add aria labels to menu options

Browse source
This commit is contained in:
Travis Ralston 2020-08-28 20:04:19 -06:00
parent 02095389e7
commit 35e4d89545
3 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/accessibility/context_menu/MenuItem.tsx
View file

@ -26,8 +26,9 @@ interface IProps extends React.ComponentProps<typeof AccessibleButton> {
// Semantic component for representing a role=menuitem
export const MenuItem: React.FC<IProps> = ({children, label, ...props}) => {
const ariaLabel = props["aria-label"] || label;
return (
<AccessibleButton {...props} role="menuitem" tabIndex={-1} aria-label={label}>
<AccessibleButton {...props} role="menuitem" tabIndex={-1} aria-label={ariaLabel}>
{ children }
</AccessibleButton>
);