| 1 | # AXObject Query
|
|---|
| 2 |
|
|---|
| 3 | 
|
|---|
| 4 |
|
|---|
| 5 | Approximate model of the [Chrome AXObject](https://cs.chromium.org/chromium/src/third_party/WebKit/Source/modules/accessibility/AXObject.h).
|
|---|
| 6 |
|
|---|
| 7 | The project attempts to map the AXObject concepts to the [WAI-ARIA 1.1 Roles Model](https://www.w3.org/TR/wai-aria-1.1/#roles) so that a complete representation of the semantic HTML layer, as it is exposed assistive technology, can be obtained.
|
|---|
| 8 |
|
|---|
| 9 | CDN URL: <https://unpkg.com/axobject-query>
|
|---|
| 10 |
|
|---|
| 11 | ## Utilities
|
|---|
| 12 |
|
|---|
| 13 | ### AXObjects
|
|---|
| 14 |
|
|---|
| 15 | ```javascript
|
|---|
| 16 | import { AXObjects } from 'axobject-query';
|
|---|
| 17 | ```
|
|---|
| 18 |
|
|---|
| 19 | #### Interface
|
|---|
| 20 |
|
|---|
| 21 | These methods are available on each export from the module. The typing here in the documentation is pseudo-typed. Each export will have its own specific types for each method signature.
|
|---|
| 22 |
|
|---|
| 23 | ```javascript
|
|---|
| 24 | {|
|
|---|
| 25 | entries: () => Array<$Item>,
|
|---|
| 26 | get: (key: $Key) => ?$Value,
|
|---|
| 27 | has: (key: $Key) => boolean,
|
|---|
| 28 | keys: () => Array<$Key>,
|
|---|
| 29 | values: () => Array<$Value>,
|
|---|
| 30 | |};
|
|---|
| 31 | ```
|
|---|
| 32 |
|
|---|
| 33 | ### Concepts in the project
|
|---|
| 34 |
|
|---|
| 35 | AXObjects are mapped to their HTML and ARIA concepts in the `relatedConcepts` field.
|
|---|
| 36 |
|
|---|
| 37 | The `type` field is a loose association of an AXObject to the `window`, `structure` and `widget` abstract roles in ARIA. The `generic` value is given to `DivRole`; it does not exist in ARIA. Divs are special in HTML in the way that they are used as generic containers. Span might have also been associated with a generic type except that there is no `SpanRole` AXObject.
|
|---|
| 38 |
|
|---|
| 39 | ```javascript
|
|---|
| 40 | [
|
|---|
| 41 | [ 'AbbrRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 42 | [ 'AlertDialogRole', { relatedConcepts: [ [Object] ], type: 'window' } ],
|
|---|
| 43 | [ 'AlertRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 44 | [ 'AnnotationRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 45 | [ 'ApplicationRole', { relatedConcepts: [ [Object] ], type: 'window' } ],
|
|---|
| 46 | [ 'ArticleRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 47 | [ 'AudioRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 48 | [ 'BannerRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 49 | [ 'BlockquoteRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 50 | [ 'BusyIndicatorRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 51 | [ 'ButtonRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 52 | [ 'CanvasRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 53 | [ 'CaptionRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 54 | [ 'CellRole', { relatedConcepts: [ [Object], [Object], [Object] ], type: 'widget' } ],
|
|---|
| 55 | [ 'CheckBoxRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 56 | [ 'ColorWellRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 57 | [ 'ColumnHeaderRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 58 | [ 'ColumnRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 59 | [ 'ComboBoxRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 60 | [ 'ComplementaryRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 61 | [ 'ContentInfoRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 62 | [ 'DateRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 63 | [ 'DateTimeRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 64 | [ 'DefinitionRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 65 | [ 'DescriptionListDetailRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 66 | [ 'DescriptionListRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 67 | [ 'DescriptionListTermRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 68 | [ 'DetailsRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 69 | [ 'DialogRole', { relatedConcepts: [ [Object], [Object] ], type: 'window' } ],
|
|---|
| 70 | [ 'DirectoryRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 71 | [ 'DisclosureTriangleRole', { relatedConcepts: [], type: 'widget' } ],
|
|---|
| 72 | [ 'DivRole', { relatedConcepts: [ [Object] ], type: 'generic' } ],
|
|---|
| 73 | [ 'DocumentRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 74 | [ 'EmbeddedObjectRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 75 | [ 'FeedRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 76 | [ 'FigcaptionRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 77 | [ 'FigureRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 78 | [ 'FooterRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 79 | [ 'FormRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 80 | [ 'GridRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 81 | [ 'GroupRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 82 | [ 'HeadingRole', { relatedConcepts: [ [Object], [Object], [Object], [Object], [Object], [Object], [Object] ], type: 'structure' } ],
|
|---|
| 83 | [ 'IframePresentationalRole', { relatedConcepts: [], type: 'window' } ],
|
|---|
| 84 | [ 'IframeRole', { relatedConcepts: [ [Object] ], type: 'window' } ],
|
|---|
| 85 | [ 'IgnoredRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 86 | [ 'ImageMapLinkRole', { relatedConcepts: [], type: 'widget' } ],
|
|---|
| 87 | [ 'ImageMapRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 88 | [ 'ImageRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 89 | [ 'InlineTextBoxRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 90 | [ 'InputTimeRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 91 | [ 'LabelRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 92 | [ 'LegendRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 93 | [ 'LineBreakRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 94 | [ 'LinkRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 95 | [ 'ListBoxOptionRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 96 | [ 'ListBoxRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 97 | [ 'ListItemRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 98 | [ 'ListMarkerRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 99 | [ 'ListRole', { relatedConcepts: [ [Object], [Object], [Object] ], type: 'structure' } ],
|
|---|
| 100 | [ 'LogRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 101 | [ 'MainRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 102 | [ 'MarkRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 103 | [ 'MarqueeRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 104 | [ 'MathRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 105 | [ 'MenuBarRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 106 | [ 'MenuButtonRole', { relatedConcepts: [], type: 'widget' } ],
|
|---|
| 107 | [ 'MenuItemRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 108 | [ 'MenuItemCheckBoxRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 109 | [ 'MenuItemRadioRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 110 | [ 'MenuListOptionRole', { relatedConcepts: [], type: 'widget' } ],
|
|---|
| 111 | [ 'MenuListPopupRole', { relatedConcepts: [], type: 'widget' } ],
|
|---|
| 112 | [ 'MenuRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 113 | [ 'MeterRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 114 | [ 'NavigationRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 115 | [ 'NoneRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 116 | [ 'NoteRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 117 | [ 'OutlineRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 118 | [ 'ParagraphRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 119 | [ 'PopUpButtonRole', { relatedConcepts: [], type: 'widget' } ],
|
|---|
| 120 | [ 'PreRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 121 | [ 'PresentationalRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 122 | [ 'ProgressIndicatorRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 123 | [ 'RadioButtonRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 124 | [ 'RadioGroupRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 125 | [ 'RegionRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 126 | [ 'RootWebAreaRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 127 | [ 'RowHeaderRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 128 | [ 'RowRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 129 | [ 'RubyRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 130 | [ 'RulerRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 131 | [ 'ScrollAreaRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 132 | [ 'ScrollBarRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 133 | [ 'SeamlessWebAreaRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 134 | [ 'SearchRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 135 | [ 'SearchBoxRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 136 | [ 'SliderRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 137 | [ 'SliderThumbRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 138 | [ 'SpinButtonRole', { relatedConcepts: [ [Object], [Object] ], type: 'widget' } ],
|
|---|
| 139 | [ 'SpinButtonPartRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 140 | [ 'SplitterRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 141 | [ 'StaticTextRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 142 | [ 'StatusRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 143 | [ 'SVGRootRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 144 | [ 'SwitchRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 145 | [ 'TabGroupRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 146 | [ 'TabRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 147 | [ 'TableHeaderContainerRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 148 | [ 'TableRole', { relatedConcepts: [ [Object], [Object] ], type: 'structure' } ],
|
|---|
| 149 | [ 'TabListRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 150 | [ 'TabPanelRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 151 | [ 'TermRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 152 | [ 'TextFieldRole', { relatedConcepts: [ [Object], [Object], [Object] ], type: 'widget' } ],
|
|---|
| 153 | [ 'TimeRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 154 | [ 'TimerRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 155 | [ 'ToggleButtonRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 156 | [ 'ToolbarRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 157 | [ 'TreeRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 158 | [ 'TreeGridRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 159 | [ 'TreeItemRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 160 | [ 'UserInterfaceTooltipRole', { relatedConcepts: [ [Object] ], type: 'structure' } ],
|
|---|
| 161 | [ 'VideoRole', { relatedConcepts: [ [Object] ], type: 'widget' } ],
|
|---|
| 162 | [ 'WebAreaRole', { relatedConcepts: [], type: 'structure' } ],
|
|---|
| 163 | [ 'WindowRole', { relatedConcepts: [], type: 'window' } ],
|
|---|
| 164 | ]
|
|---|
| 165 | ```
|
|---|
| 166 |
|
|---|
| 167 | ### AXObject to Element
|
|---|
| 168 |
|
|---|
| 169 | ```javascript
|
|---|
| 170 | import { AXObjectElements } from 'axobject-query';
|
|---|
| 171 | ```
|
|---|
| 172 |
|
|---|
| 173 | AXObjects are mapped to their related HTML concepts, which may require attributes (in the case of inputs) to obtain the correct association.
|
|---|
| 174 |
|
|---|
| 175 | ```javascript
|
|---|
| 176 | [
|
|---|
| 177 | [ 'AbbrRole', [ { name: 'abbr' } ] ],
|
|---|
| 178 | [ 'ArticleRole', [ { name: 'article' } ] ],
|
|---|
| 179 | [ 'AudioRole', [ { name: 'audio' } ] ],
|
|---|
| 180 | [ 'BlockquoteRole', [ { name: 'blockquote' } ] ],
|
|---|
| 181 | [ 'ButtonRole', [ { name: 'button' } ] ],
|
|---|
| 182 | [ 'CanvasRole', [ { name: 'canvas' } ] ],
|
|---|
| 183 | [ 'CaptionRole', [ { name: 'caption' } ] ],
|
|---|
| 184 | [ 'CellRole', [ { name: 'td' } ] ],
|
|---|
| 185 | [ 'CheckBoxRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 186 | [ 'ColorWellRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 187 | [ 'ColumnHeaderRole', [ { name: 'th' } ] ],
|
|---|
| 188 | [ 'DateRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 189 | [ 'DateTimeRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 190 | [ 'DefinitionRole', [ { name: 'dfn' } ] ],
|
|---|
| 191 | [ 'DescriptionListDetailRole', [ { name: 'dd' } ] ],
|
|---|
| 192 | [ 'DescriptionListRole', [ { name: 'dl' } ] ],
|
|---|
| 193 | [ 'DescriptionListTermRole', [ { name: 'dt' } ] ],
|
|---|
| 194 | [ 'DetailsRole', [ { name: 'details' } ] ],
|
|---|
| 195 | [ 'DialogRole', [ { name: 'dialog' } ] ],
|
|---|
| 196 | [ 'DirectoryRole', [ { name: 'dir' } ] ],
|
|---|
| 197 | [ 'DivRole', [ { name: 'div' } ] ],
|
|---|
| 198 | [ 'EmbeddedObjectRole', [ { name: 'embed' } ] ],
|
|---|
| 199 | [ 'FigcaptionRole', [ { name: 'figcaption' } ] ],
|
|---|
| 200 | [ 'FigureRole', [ { name: 'figure' } ] ],
|
|---|
| 201 | [ 'FooterRole', [ { name: 'footer' } ] ],
|
|---|
| 202 | [ 'FormRole', [ { name: 'form' } ] ],
|
|---|
| 203 | [ 'HeadingRole', [ { name: 'h1' }, { name: 'h2' }, { name: 'h3' }, { name: 'h4' }, { name: 'h5' }, { name: 'h6' } ] ],
|
|---|
| 204 | [ 'IframeRole', [ { name: 'iframe' } ] ],
|
|---|
| 205 | [ 'ImageMapRole', [ { name: 'img', attributes: [Object] } ] ],
|
|---|
| 206 | [ 'ImageRole', [ { name: 'img' } ] ],
|
|---|
| 207 | [ 'InlineTextBoxRole', [ { name: 'input' } ] ],
|
|---|
| 208 | [ 'InputTimeRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 209 | [ 'LabelRole', [ { name: 'label' } ] ],
|
|---|
| 210 | [ 'LegendRole', [ { name: 'legend' } ] ],
|
|---|
| 211 | [ 'LineBreakRole', [ { name: 'br' } ] ],
|
|---|
| 212 | [ 'LinkRole', [ { name: 'a', attributes: [Object] } ] ],
|
|---|
| 213 | [ 'ListBoxOptionRole', [ { name: 'option' } ] ],
|
|---|
| 214 | [ 'ListItemRole', [ { name: 'li' } ] ],
|
|---|
| 215 | [ 'ListRole', [ { name: 'ul' }, { name: 'ol' } ] ],
|
|---|
| 216 | [ 'MainRole', [ { name: 'main' } ] ],
|
|---|
| 217 | [ 'MarkRole', [ { name: 'mark' } ] ],
|
|---|
| 218 | [ 'MarqueeRole', [ { name: 'marquee' } ] ],
|
|---|
| 219 | [ 'MenuItemRole', [ { name: 'menuitem' } ] ],
|
|---|
| 220 | [ 'MenuRole', [ { name: 'menu' } ] ],
|
|---|
| 221 | [ 'MeterRole', [ { name: 'meter' } ] ],
|
|---|
| 222 | [ 'NavigationRole', [ { name: 'nav' } ] ],
|
|---|
| 223 | [ 'ParagraphRole', [ { name: 'p' } ] ],
|
|---|
| 224 | [ 'PreRole', [ { name: 'pre' } ] ],
|
|---|
| 225 | [ 'ProgressIndicatorRole', [ { name: 'progress' } ] ],
|
|---|
| 226 | [ 'RadioButtonRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 227 | [ 'RowHeaderRole', [ { name: 'th', attributes: [Object] } ] ],
|
|---|
| 228 | [ 'RowRole', [ { name: 'tr' } ] ],
|
|---|
| 229 | [ 'RubyRole', [ { name: 'ruby' } ] ],
|
|---|
| 230 | [ 'SearchBoxRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 231 | [ 'SliderRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 232 | [ 'SpinButtonRole', [ { name: 'input', attributes: [Object] } ] ],
|
|---|
| 233 | [ 'TableRole', [ { name: 'table' } ] ],
|
|---|
| 234 | [ 'TextFieldRole', [ { name: 'input' }, { name: 'input', attributes: [Object] } ] ],
|
|---|
| 235 | [ 'TimeRole', [ { name: 'time' } ] ],
|
|---|
| 236 | [ 'VideoRole', [ { name: 'video' ] ],
|
|---|
| 237 | ]
|
|---|
| 238 | ```
|
|---|
| 239 |
|
|---|
| 240 | ### AXObject to Role
|
|---|
| 241 |
|
|---|
| 242 | ```javascript
|
|---|
| 243 | import { AXObjectRoles } from 'axobject-query';
|
|---|
| 244 | ```
|
|---|
| 245 |
|
|---|
| 246 | AXObjects are mapped to their related ARIA concepts..
|
|---|
| 247 |
|
|---|
| 248 | ```javascript
|
|---|
| 249 | [
|
|---|
| 250 | [ 'AlertDialogRole', [ { name: 'alertdialog' } ] ],
|
|---|
| 251 | [ 'AlertRole', [ { name: 'alert' } ] ],
|
|---|
| 252 | [ 'ApplicationRole', [ { name: 'application' } ] ],
|
|---|
| 253 | [ 'ArticleRole', [ { name: 'article' } ] ],
|
|---|
| 254 | [ 'BannerRole', [ { name: 'banner' } ] ],
|
|---|
| 255 | [ 'BusyIndicatorRole', [ { attributes: [Object] } ] ],
|
|---|
| 256 | [ 'ButtonRole', [ { name: 'button' } ] ],
|
|---|
| 257 | [ 'CellRole', [ { name: 'cell' }, { name: 'gridcell' } ] ],
|
|---|
| 258 | [ 'CheckBoxRole', [ { name: 'checkbox' } ] ],
|
|---|
| 259 | [ 'ColumnHeaderRole', [ { name: 'columnheader' } ] ],
|
|---|
| 260 | [ 'ComboBoxRole', [ { name: 'combobox' } ] ],
|
|---|
| 261 | [ 'ComplementaryRole', [ { name: 'complementary' } ] ],
|
|---|
| 262 | [ 'ContentInfoRole', [ { name: 'structureinfo' } ] ],
|
|---|
| 263 | [ 'DialogRole', [ { name: 'dialog' } ] ],
|
|---|
| 264 | [ 'DirectoryRole', [ { name: 'directory' } ] ],
|
|---|
| 265 | [ 'DocumentRole', [ { name: 'document' } ] ],
|
|---|
| 266 | [ 'FeedRole', [ { name: 'feed' } ] ],
|
|---|
| 267 | [ 'FigureRole', [ { name: 'figure' } ] ],
|
|---|
| 268 | [ 'FormRole', [ { name: 'form' } ] ],
|
|---|
| 269 | [ 'GridRole', [ { name: 'grid' } ] ],
|
|---|
| 270 | [ 'GroupRole', [ { name: 'group' } ] ],
|
|---|
| 271 | [ 'HeadingRole', [ { name: 'heading' } ] ],
|
|---|
| 272 | [ 'ImageRole', [ { name: 'img' } ] ],
|
|---|
| 273 | [ 'LinkRole', [ { name: 'link' } ] ],
|
|---|
| 274 | [ 'ListBoxOptionRole', [ { name: 'option' } ] ],
|
|---|
| 275 | [ 'ListBoxRole', [ { name: 'listbox' } ] ],
|
|---|
| 276 | [ 'ListItemRole', [ { name: 'listitem' } ] ],
|
|---|
| 277 | [ 'ListRole', [ { name: 'list' } ] ],
|
|---|
| 278 | [ 'LogRole', [ { name: 'log' } ] ],
|
|---|
| 279 | [ 'MainRole', [ { name: 'main' } ] ],
|
|---|
| 280 | [ 'MarqueeRole', [ { name: 'marquee' } ] ],
|
|---|
| 281 | [ 'MathRole', [ { name: 'math' } ] ],
|
|---|
| 282 | [ 'MenuBarRole', [ { name: 'menubar' } ] ],
|
|---|
| 283 | [ 'MenuItemRole', [ { name: 'menuitem' } ] ],
|
|---|
| 284 | [ 'MenuItemCheckBoxRole', [ { name: 'menuitemcheckbox' } ] ],
|
|---|
| 285 | [ 'MenuItemRadioRole', [ { name: 'menuitemradio' } ] ],
|
|---|
| 286 | [ 'MenuRole', [ { name: 'menu' } ] ],
|
|---|
| 287 | [ 'NavigationRole', [ { name: 'navigation' } ] ],
|
|---|
| 288 | [ 'NoneRole', [ { name: 'none' } ] ],
|
|---|
| 289 | [ 'NoteRole', [ { name: 'note' } ] ],
|
|---|
| 290 | [ 'PresentationalRole', [ { name: 'presentation' } ] ],
|
|---|
| 291 | [ 'ProgressIndicatorRole', [ { name: 'progressbar' } ] ],
|
|---|
| 292 | [ 'RadioButtonRole', [ { name: 'radio' } ] ],
|
|---|
| 293 | [ 'RadioGroupRole', [ { name: 'radiogroup' } ] ],
|
|---|
| 294 | [ 'RegionRole', [ { name: 'region' } ] ],
|
|---|
| 295 | [ 'RowHeaderRole', [ { name: 'rowheader' } ] ],
|
|---|
| 296 | [ 'RowRole', [ { name: 'row' } ] ],
|
|---|
| 297 | [ 'ScrollBarRole', [ { name: 'scrollbar' } ] ],
|
|---|
| 298 | [ 'SearchRole', [ { name: 'search' } ] ],
|
|---|
| 299 | [ 'SearchBoxRole', [ { name: 'searchbox' } ] ],
|
|---|
| 300 | [ 'SliderRole', [ { name: 'slider' } ] ],
|
|---|
| 301 | [ 'SpinButtonRole', [ { name: 'spinbutton' } ] ],
|
|---|
| 302 | [ 'SplitterRole', [ { name: 'separator' } ] ],
|
|---|
| 303 | [ 'StatusRole', [ { name: 'status' } ] ],
|
|---|
| 304 | [ 'SwitchRole', [ { name: 'switch' } ] ],
|
|---|
| 305 | [ 'TabGroupRole', [ { name: 'tablist' } ] ],
|
|---|
| 306 | [ 'TabRole', [ { name: 'tab' } ] ],
|
|---|
| 307 | [ 'TableRole', [ { name: 'table' } ] ],
|
|---|
| 308 | [ 'TabListRole', [ { name: 'tablist' } ] ],
|
|---|
| 309 | [ 'TabPanelRole', [ { name: 'tabpanel' } ] ],
|
|---|
| 310 | [ 'TermRole', [ { name: 'term' } ] ],
|
|---|
| 311 | [ 'TextFieldRole', [ { name: 'textbox' } ] ],
|
|---|
| 312 | [ 'TimerRole', [ { name: 'timer' } ] ],
|
|---|
| 313 | [ 'ToggleButtonRole', [ { attributes: [Object] } ] ],
|
|---|
| 314 | [ 'ToolbarRole', [ { name: 'toolbar' } ] ],
|
|---|
| 315 | [ 'TreeRole', [ { name: 'tree' } ] ],
|
|---|
| 316 | [ 'TreeGridRole', [ { name: 'treegrid' } ] ],
|
|---|
| 317 | [ 'TreeItemRole', [ { name: 'treeitem' } ] ],
|
|---|
| 318 | [ 'UserInterfaceTooltipRole', [ { name: 'tooltip' } ] ],
|
|---|
| 319 | ]
|
|---|
| 320 | ```
|
|---|
| 321 |
|
|---|
| 322 | ### Element to AXObject
|
|---|
| 323 |
|
|---|
| 324 | ```javascript
|
|---|
| 325 | import { elementAXObjects } from 'axobject-query';
|
|---|
| 326 | ```
|
|---|
| 327 |
|
|---|
| 328 | HTML elements are mapped to their related AXConcepts concepts.
|
|---|
| 329 |
|
|---|
| 330 | ```javascript
|
|---|
| 331 | [
|
|---|
| 332 | [ { name: 'abbr' }, [ 'AbbrRole' ] ],
|
|---|
| 333 | [ { name: 'article' }, [ 'ArticleRole' ] ],
|
|---|
| 334 | [ { name: 'audio' }, [ 'AudioRole' ] ],
|
|---|
| 335 | [ { name: 'blockquote' }, [ 'BlockquoteRole' ] ],
|
|---|
| 336 | [ { name: 'button' }, [ 'ButtonRole' ] ],
|
|---|
| 337 | [ { name: 'canvas' }, [ 'CanvasRole' ] ],
|
|---|
| 338 | [ { name: 'caption' }, [ 'CaptionRole' ] ],
|
|---|
| 339 | [ { name: 'td' }, [ 'CellRole' ] ],
|
|---|
| 340 | [ { name: 'input', attributes: [ [Object] ] }, [ 'CheckBoxRole' ] ],
|
|---|
| 341 | [ { name: 'input', attributes: [ [Object] ] }, [ 'ColorWellRole' ] ],
|
|---|
| 342 | [ { name: 'th' }, [ 'ColumnHeaderRole' ] ],
|
|---|
| 343 | [ { name: 'input', attributes: [ [Object] ] }, [ 'DateRole' ] ],
|
|---|
| 344 | [ { name: 'input', attributes: [ [Object] ] }, [ 'DateTimeRole' ] ],
|
|---|
| 345 | [ { name: 'dfn' }, [ 'DefinitionRole' ] ],
|
|---|
| 346 | [ { name: 'dd' }, [ 'DescriptionListDetailRole' ] ],
|
|---|
| 347 | [ { name: 'dl' }, [ 'DescriptionListRole' ] ],
|
|---|
| 348 | [ { name: 'dt' }, [ 'DescriptionListTermRole' ] ],
|
|---|
| 349 | [ { name: 'details' }, [ 'DetailsRole' ] ],
|
|---|
| 350 | [ { name: 'dialog' }, [ 'DialogRole' ] ],
|
|---|
| 351 | [ { name: 'dir' }, [ 'DirectoryRole' ] ],
|
|---|
| 352 | [ { name: 'div' }, [ 'DivRole' ] ],
|
|---|
| 353 | [ { name: 'embed' }, [ 'EmbeddedObjectRole' ] ],
|
|---|
| 354 | [ { name: 'figcaption' }, [ 'FigcaptionRole' ] ],
|
|---|
| 355 | [ { name: 'figure' }, [ 'FigureRole' ] ],
|
|---|
| 356 | [ { name: 'footer' }, [ 'FooterRole' ] ],
|
|---|
| 357 | [ { name: 'form' }, [ 'FormRole' ] ],
|
|---|
| 358 | [ { name: 'h1' }, [ 'HeadingRole' ] ],
|
|---|
| 359 | [ { name: 'h2' }, [ 'HeadingRole' ] ],
|
|---|
| 360 | [ { name: 'h3' }, [ 'HeadingRole' ] ],
|
|---|
| 361 | [ { name: 'h4' }, [ 'HeadingRole' ] ],
|
|---|
| 362 | [ { name: 'h5' }, [ 'HeadingRole' ] ],
|
|---|
| 363 | [ { name: 'h6' }, [ 'HeadingRole' ] ],
|
|---|
| 364 | [ { name: 'iframe' }, [ 'IframeRole' ] ],
|
|---|
| 365 | [ { name: 'img', attributes: [ [Object] ] }, [ 'ImageMapRole' ] ],
|
|---|
| 366 | [ { name: 'img' }, [ 'ImageRole' ] ],
|
|---|
| 367 | [ { name: 'input' }, [ 'InlineTextBoxRole', 'TextFieldRole' ] ],
|
|---|
| 368 | [ { name: 'input', attributes: [ [Object] ] }, [ 'InputTimeRole' ] ],
|
|---|
| 369 | [ { name: 'label' }, [ 'LabelRole' ] ],
|
|---|
| 370 | [ { name: 'legend' }, [ 'LegendRole' ] ],
|
|---|
| 371 | [ { name: 'br' }, [ 'LineBreakRole' ] ],
|
|---|
| 372 | [ { name: 'a', attributes: [ [Object] ] }, [ 'LinkRole' ] ],
|
|---|
| 373 | [ { name: 'option' }, [ 'ListBoxOptionRole' ] ],
|
|---|
| 374 | [ { name: 'li' }, [ 'ListItemRole' ] ],
|
|---|
| 375 | [ { name: 'ul' }, [ 'ListRole' ] ],
|
|---|
| 376 | [ { name: 'ol' }, [ 'ListRole' ] ],
|
|---|
| 377 | [ { name: 'main' }, [ 'MainRole' ] ],
|
|---|
| 378 | [ { name: 'mark' }, [ 'MarkRole' ] ],
|
|---|
| 379 | [ { name: 'marquee' }, [ 'MarqueeRole' ] ],
|
|---|
| 380 | [ { name: 'menuitem' }, [ 'MenuItemRole' ] ],
|
|---|
| 381 | [ { name: 'menu' }, [ 'MenuRole' ] ],
|
|---|
| 382 | [ { name: 'meter' }, [ 'MeterRole' ] ],
|
|---|
| 383 | [ { name: 'nav' }, [ 'NavigationRole' ] ],
|
|---|
| 384 | [ { name: 'p' }, [ 'ParagraphRole' ] ],
|
|---|
| 385 | [ { name: 'pre' }, [ 'PreRole' ] ],
|
|---|
| 386 | [ { name: 'progress' }, [ 'ProgressIndicatorRole' ] ],
|
|---|
| 387 | [ { name: 'input', attributes: [ [Object] ] }, [ 'RadioButtonRole' ] ],
|
|---|
| 388 | [ { name: 'th', attributes: [ [Object] ] }, [ 'RowHeaderRole' ] ],
|
|---|
| 389 | [ { name: 'tr' }, [ 'RowRole' ] ],
|
|---|
| 390 | [ { name: 'ruby' }, [ 'RubyRole' ] ],
|
|---|
| 391 | [ { name: 'input', attributes: [ [Object] ] }, [ 'SearchBoxRole' ] ],
|
|---|
| 392 | [ { name: 'input', attributes: [ [Object] ] }, [ 'SliderRole' ] ],
|
|---|
| 393 | [ { name: 'input', attributes: [ [Object] ] }, [ 'SpinButtonRole' ] ],
|
|---|
| 394 | [ { name: 'table' }, [ 'TableRole' ] ],
|
|---|
| 395 | [ { name: 'input' }, [ 'InlineTextBoxRole', 'TextFieldRole' ] ],
|
|---|
| 396 | [ { name: 'input', attributes: [ [Object] ] }, [ 'TextFieldRole' ] ],
|
|---|
| 397 | [ { name: 'time' }, [ 'TimeRole' ] ],
|
|---|
| 398 | [ { name: 'video' }, [ 'VideoRole' ] ],
|
|---|
| 399 | ]
|
|---|
| 400 | ```
|
|---|
| 401 |
|
|---|
| 402 | ## License
|
|---|
| 403 |
|
|---|
| 404 | Copyright (c) 2021 A11yance
|
|---|