mirror of https://github.com/sveltejs/svelte
tanhauhau
4 years ago
parent
bde3236071
commit
8e3b70f915
@ -0,0 +1,137 @@
|
||||
import {
|
||||
ARIARoleDefintionKey,
|
||||
roles as roles_map,
|
||||
elementRoles,
|
||||
ARIARoleRelationConcept
|
||||
} from 'aria-query';
|
||||
import { AXObjects, elementAXObjects } from 'axobject-query';
|
||||
import Attribute from '../nodes/Attribute';
|
||||
|
||||
const roles = [...roles_map.keys()];
|
||||
|
||||
const non_interactive_roles = new Set(
|
||||
roles
|
||||
.filter((name) => {
|
||||
const role = roles_map.get(name);
|
||||
return (
|
||||
!roles_map.get(name).abstract &&
|
||||
// 'toolbar' does not descend from widget, but it does support
|
||||
// aria-activedescendant, thus in practice we treat it as a widget.
|
||||
name !== 'toolbar' &&
|
||||
!role.superClass.some((classes) => classes.includes('widget'))
|
||||
);
|
||||
})
|
||||
.concat(
|
||||
// The `progressbar` is descended from `widget`, but in practice, its
|
||||
// value is always `readonly`, so we treat it as a non-interactive role.
|
||||
'progressbar'
|
||||
)
|
||||
);
|
||||
|
||||
const interactive_roles = new Set(
|
||||
roles
|
||||
.filter((name) => {
|
||||
const role = roles_map.get(name);
|
||||
return (
|
||||
!role.abstract &&
|
||||
// The `progressbar` is descended from `widget`, but in practice, its
|
||||
// value is always `readonly`, so we treat it as a non-interactive role.
|
||||
name !== 'progressbar' &&
|
||||
role.superClass.some((classes) => classes.includes('widget'))
|
||||
);
|
||||
})
|
||||
.concat(
|
||||
// 'toolbar' does not descend from widget, but it does support
|
||||
// aria-activedescendant, thus in practice we treat it as a widget.
|
||||
'toolbar'
|
||||
)
|
||||
);
|
||||
|
||||
export function is_non_interactive_roles(role: ARIARoleDefintionKey) {
|
||||
return non_interactive_roles.has(role);
|
||||
}
|
||||
|
||||
const presentation_roles = new Set(['presentation', 'none']);
|
||||
|
||||
export function is_presentation_role(role: ARIARoleDefintionKey) {
|
||||
return presentation_roles.has(role);
|
||||
}
|
||||
|
||||
const non_interactive_element_role_schemas: ARIARoleRelationConcept[] = [];
|
||||
|
||||
elementRoles.entries().forEach(([schema, roles]) => {
|
||||
if ([...roles].every((role) => non_interactive_roles.has(role))) {
|
||||
non_interactive_element_role_schemas.push(schema);
|
||||
}
|
||||
});
|
||||
|
||||
const interactive_element_role_schemas: ARIARoleRelationConcept[] = [];
|
||||
|
||||
elementRoles.entries().forEach(([schema, roles]) => {
|
||||
if ([...roles].every((role) => interactive_roles.has(role))) {
|
||||
interactive_element_role_schemas.push(schema);
|
||||
}
|
||||
});
|
||||
|
||||
const interactive_ax_objects = new Set(
|
||||
[...AXObjects.keys()].filter((name) => AXObjects.get(name).type === 'widget')
|
||||
);
|
||||
|
||||
const interactive_element_ax_object_schemas: ARIARoleRelationConcept[] = [];
|
||||
|
||||
elementAXObjects.entries().forEach(([schema, ax_object]) => {
|
||||
if ([...ax_object].every((role) => interactive_ax_objects.has(role))) {
|
||||
interactive_element_ax_object_schemas.push(schema);
|
||||
}
|
||||
});
|
||||
|
||||
function match_schema(
|
||||
schema: ARIARoleRelationConcept,
|
||||
tag_name: string,
|
||||
attribute_map: Map<string, Attribute>
|
||||
) {
|
||||
if (schema.name !== tag_name) return false;
|
||||
if (!schema.attributes) return true;
|
||||
return schema.attributes.every((schema_attribute) => {
|
||||
const attribute = attribute_map.get(schema_attribute.name);
|
||||
if (!attribute) return false;
|
||||
if (
|
||||
schema_attribute.value &&
|
||||
schema_attribute.value !== attribute.get_static_value()
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
export function is_interactive_element(
|
||||
tag_name: string,
|
||||
attribute_map: Map<string, Attribute>
|
||||
): boolean {
|
||||
if (
|
||||
interactive_element_role_schemas.some((schema) =>
|
||||
match_schema(schema, tag_name, attribute_map)
|
||||
)
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
non_interactive_element_role_schemas.some((schema) =>
|
||||
match_schema(schema, tag_name, attribute_map)
|
||||
)
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (
|
||||
interactive_element_ax_object_schemas.some((schema) =>
|
||||
match_schema(schema, tag_name, attribute_map)
|
||||
)
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
import { roles as rolesMap } from 'aria-query';
|
||||
|
||||
const roles = [...rolesMap.keys()];
|
||||
|
||||
const noninteractive_roles = new Set(roles
|
||||
.filter((name) => !rolesMap.get(name).abstract)
|
||||
.filter((name) => !rolesMap.get(name).superClass.some((c) => c.includes('widget'))));
|
||||
|
||||
export { noninteractive_roles };
|
||||
@ -1,5 +0,0 @@
|
||||
const interactive_elements = new Set([
|
||||
'a', 'button', 'input', 'select', 'textarea'
|
||||
]);
|
||||
|
||||
export { interactive_elements };
|
||||
Loading…
Reference in new issue