Added aria-label to Heading component
• Added: - aria-label to Heading component
This commit is contained in:
parent
825924f314
commit
286b51008c
@ -13,6 +13,15 @@ const SIZES = {
|
|||||||
h6: 'h6',
|
h6: 'h6',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const ARIA_LEVELS = {
|
||||||
|
h1: '1',
|
||||||
|
h2: '2',
|
||||||
|
h3: '3',
|
||||||
|
h4: '4',
|
||||||
|
h5: '5',
|
||||||
|
h6: '6',
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders an H-tag
|
* Renders an H-tag
|
||||||
* @param {bool} [props.isCentered] - if text is centered within the element
|
* @param {bool} [props.isCentered] - if text is centered within the element
|
||||||
@ -62,6 +71,7 @@ export default class Heading extends PureComponent {
|
|||||||
{
|
{
|
||||||
className: classes,
|
className: classes,
|
||||||
role: 'heading',
|
role: 'heading',
|
||||||
|
'aria-level': ARIA_LEVELS[size],
|
||||||
},
|
},
|
||||||
children,
|
children,
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user