[fix] accessibilityLevel should control semantic tag

Fix #1965
This commit is contained in:
Nicolas Gallagher
2021-03-26 14:10:56 -07:00
parent c6be829fb1
commit dd79d87783
2 changed files with 10 additions and 1 deletions
@@ -24,6 +24,15 @@ describe('modules/AccessibilityUtil/propsToAccessibilityComponent', () => {
).toEqual('h3');
});
test('when "accessibilityRole" is "heading" and "accessibilityLevel" is set', () => {
expect(
propsToAccessibilityComponent({
accessibilityRole: 'heading',
accessibilityLevel: 3
})
).toEqual('h3');
});
test('when "accessibilityRole" is "label"', () => {
expect(propsToAccessibilityComponent({ accessibilityRole: 'label' })).toEqual('label');
});
@@ -46,7 +46,7 @@ const propsToAccessibilityComponent = (props: Object = emptyObject) => {
const role = propsToAriaRole(props);
if (role) {
if (role === 'heading') {
const level = props['aria-level'];
const level = props.accessibilityLevel || props['aria-level'];
if (level != null) {
return `h${level}`;
}