| OLD | NEW |
|---|
| (Empty) | |
| 1 |
| 2 This text field has an error! |
| 3 |
| 4 |
| 5 Details 1 |
| 6 Details 2 |
| 7 Select All |
| 8 { |
| 9 "nodeId": "<string>", |
| 10 "ignored": false, |
| 11 "role": { |
| 12 "type": "role", |
| 13 "value": "textbox" |
| 14 }, |
| 15 "name": { |
| 16 "type": "computedString", |
| 17 "value": "", |
| 18 "sources": [ |
| 19 { |
| 20 "type": "relatedElement", |
| 21 "attribute": "aria-labelledby" |
| 22 }, |
| 23 { |
| 24 "type": "attribute", |
| 25 "attribute": "aria-label" |
| 26 }, |
| 27 { |
| 28 "type": "relatedElement", |
| 29 "nativeSource": "label" |
| 30 }, |
| 31 { |
| 32 "type": "placeholder", |
| 33 "attribute": "placeholder" |
| 34 }, |
| 35 { |
| 36 "type": "placeholder", |
| 37 "attribute": "aria-placeholder" |
| 38 }, |
| 39 { |
| 40 "type": "attribute", |
| 41 "attribute": "title" |
| 42 } |
| 43 ] |
| 44 }, |
| 45 "properties": [ |
| 46 { |
| 47 "name": "invalid", |
| 48 "value": { |
| 49 "type": "token", |
| 50 "value": "false" |
| 51 } |
| 52 }, |
| 53 { |
| 54 "name": "multiline", |
| 55 "value": { |
| 56 "type": "boolean", |
| 57 "value": false |
| 58 } |
| 59 }, |
| 60 { |
| 61 "name": "readonly", |
| 62 "value": { |
| 63 "type": "boolean", |
| 64 "value": false |
| 65 } |
| 66 }, |
| 67 { |
| 68 "name": "required", |
| 69 "value": { |
| 70 "type": "boolean", |
| 71 "value": false |
| 72 } |
| 73 }, |
| 74 { |
| 75 "name": "errormessage", |
| 76 "value": { |
| 77 "type": "idref", |
| 78 "relatedNodes": [ |
| 79 { |
| 80 "idref": "err", |
| 81 "nodeResult": "h3#err" |
| 82 } |
| 83 ] |
| 84 } |
| 85 } |
| 86 ], |
| 87 "domNode": "input" |
| 88 } |
| 89 { |
| 90 "nodeId": "<string>", |
| 91 "ignored": false, |
| 92 "role": { |
| 93 "type": "role", |
| 94 "value": "heading" |
| 95 }, |
| 96 "name": { |
| 97 "type": "computedString", |
| 98 "value": "This text field has an error!", |
| 99 "sources": [ |
| 100 { |
| 101 "type": "relatedElement", |
| 102 "attribute": "aria-labelledby" |
| 103 }, |
| 104 { |
| 105 "type": "attribute", |
| 106 "attribute": "aria-label" |
| 107 }, |
| 108 { |
| 109 "type": "contents", |
| 110 "value": { |
| 111 "type": "computedString", |
| 112 "value": "This text field has an error!" |
| 113 } |
| 114 }, |
| 115 { |
| 116 "type": "attribute", |
| 117 "attribute": "title", |
| 118 "superseded": true |
| 119 } |
| 120 ] |
| 121 }, |
| 122 "properties": [ |
| 123 { |
| 124 "name": "level", |
| 125 "value": { |
| 126 "type": "integer", |
| 127 "value": 3 |
| 128 } |
| 129 } |
| 130 ], |
| 131 "domNode": "h3#err" |
| 132 } |
| 133 { |
| 134 "nodeId": "<string>", |
| 135 "ignored": false, |
| 136 "role": { |
| 137 "type": "role", |
| 138 "value": "img" |
| 139 }, |
| 140 "name": { |
| 141 "type": "computedString", |
| 142 "value": "Label", |
| 143 "sources": [ |
| 144 { |
| 145 "type": "relatedElement", |
| 146 "attribute": "aria-labelledby" |
| 147 }, |
| 148 { |
| 149 "type": "attribute", |
| 150 "value": { |
| 151 "type": "computedString", |
| 152 "value": "Label" |
| 153 }, |
| 154 "attribute": "aria-label", |
| 155 "attributeValue": { |
| 156 "type": "string", |
| 157 "value": "Label" |
| 158 } |
| 159 }, |
| 160 { |
| 161 "type": "attribute", |
| 162 "attribute": "alt", |
| 163 "superseded": true |
| 164 }, |
| 165 { |
| 166 "type": "attribute", |
| 167 "attribute": "title", |
| 168 "superseded": true |
| 169 } |
| 170 ] |
| 171 }, |
| 172 "properties": [ |
| 173 { |
| 174 "name": "details", |
| 175 "value": { |
| 176 "type": "idrefList", |
| 177 "value": "", |
| 178 "relatedNodes": [ |
| 179 { |
| 180 "idref": "d1", |
| 181 "nodeResult": "div#d1" |
| 182 }, |
| 183 { |
| 184 "idref": "d2", |
| 185 "nodeResult": "div#d2" |
| 186 } |
| 187 ] |
| 188 } |
| 189 } |
| 190 ], |
| 191 "domNode": "img" |
| 192 } |
| 193 { |
| 194 "nodeId": "<string>", |
| 195 "ignored": false, |
| 196 "role": { |
| 197 "type": "internalRole", |
| 198 "value": "Div" |
| 199 }, |
| 200 "name": { |
| 201 "type": "computedString", |
| 202 "value": "", |
| 203 "sources": [ |
| 204 { |
| 205 "type": "relatedElement", |
| 206 "attribute": "aria-labelledby" |
| 207 }, |
| 208 { |
| 209 "type": "attribute", |
| 210 "attribute": "aria-label" |
| 211 }, |
| 212 { |
| 213 "type": "attribute", |
| 214 "attribute": "title" |
| 215 } |
| 216 ] |
| 217 }, |
| 218 "properties": [], |
| 219 "domNode": "div#d1" |
| 220 } |
| 221 { |
| 222 "nodeId": "<string>", |
| 223 "ignored": false, |
| 224 "role": { |
| 225 "type": "internalRole", |
| 226 "value": "Div" |
| 227 }, |
| 228 "name": { |
| 229 "type": "computedString", |
| 230 "value": "", |
| 231 "sources": [ |
| 232 { |
| 233 "type": "relatedElement", |
| 234 "attribute": "aria-labelledby" |
| 235 }, |
| 236 { |
| 237 "type": "attribute", |
| 238 "attribute": "aria-label" |
| 239 }, |
| 240 { |
| 241 "type": "attribute", |
| 242 "attribute": "title" |
| 243 } |
| 244 ] |
| 245 }, |
| 246 "properties": [], |
| 247 "domNode": "div#d2" |
| 248 } |
| 249 { |
| 250 "nodeId": "<string>", |
| 251 "ignored": false, |
| 252 "role": { |
| 253 "type": "role", |
| 254 "value": "button" |
| 255 }, |
| 256 "name": { |
| 257 "type": "computedString", |
| 258 "value": "Select All", |
| 259 "sources": [ |
| 260 { |
| 261 "type": "relatedElement", |
| 262 "attribute": "aria-labelledby" |
| 263 }, |
| 264 { |
| 265 "type": "attribute", |
| 266 "attribute": "aria-label" |
| 267 }, |
| 268 { |
| 269 "type": "relatedElement", |
| 270 "nativeSource": "label" |
| 271 }, |
| 272 { |
| 273 "type": "contents", |
| 274 "value": { |
| 275 "type": "computedString", |
| 276 "value": "Select All" |
| 277 } |
| 278 }, |
| 279 { |
| 280 "type": "attribute", |
| 281 "attribute": "title", |
| 282 "superseded": true |
| 283 } |
| 284 ] |
| 285 }, |
| 286 "properties": [ |
| 287 { |
| 288 "name": "invalid", |
| 289 "value": { |
| 290 "type": "token", |
| 291 "value": "false" |
| 292 } |
| 293 }, |
| 294 { |
| 295 "name": "keyshortcuts", |
| 296 "value": { |
| 297 "type": "string", |
| 298 "value": "Ctrl+A" |
| 299 } |
| 300 } |
| 301 ], |
| 302 "domNode": "button" |
| 303 } |
| 304 { |
| 305 "nodeId": "<string>", |
| 306 "ignored": false, |
| 307 "role": { |
| 308 "type": "role", |
| 309 "value": "checkbox" |
| 310 }, |
| 311 "name": { |
| 312 "type": "computedString", |
| 313 "value": "", |
| 314 "sources": [ |
| 315 { |
| 316 "type": "relatedElement", |
| 317 "attribute": "aria-labelledby" |
| 318 }, |
| 319 { |
| 320 "type": "attribute", |
| 321 "attribute": "aria-label" |
| 322 }, |
| 323 { |
| 324 "type": "relatedElement", |
| 325 "nativeSource": "label" |
| 326 }, |
| 327 { |
| 328 "type": "contents" |
| 329 }, |
| 330 { |
| 331 "type": "attribute", |
| 332 "attribute": "title" |
| 333 } |
| 334 ] |
| 335 }, |
| 336 "properties": [ |
| 337 { |
| 338 "name": "invalid", |
| 339 "value": { |
| 340 "type": "token", |
| 341 "value": "false" |
| 342 } |
| 343 }, |
| 344 { |
| 345 "name": "checked", |
| 346 "value": { |
| 347 "type": "tristate", |
| 348 "value": "true" |
| 349 } |
| 350 }, |
| 351 { |
| 352 "name": "roledescription", |
| 353 "value": { |
| 354 "type": "string", |
| 355 "value": "Lightswitch" |
| 356 } |
| 357 } |
| 358 ], |
| 359 "domNode": "input" |
| 360 } |
| 361 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2653063002:
Add 4 ARIA 1.1 attributes using new sparse attribute interface. (Closed)
