![Page 1: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/1.jpg)
Performance AccessibilityThe intersection of
#PerfMatters 2019
![Page 2: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/2.jpg)
Let’s set the stage:
![Page 3: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/3.jpg)
PerformanceThe manner in which a mechanism behaves
![Page 4: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/4.jpg)
×1.2.3.4.
××
![Page 5: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/5.jpg)
![Page 6: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/6.jpg)
Google made it? Oh sweet.
I don’t have to worry as much.
![Page 7: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/7.jpg)
![Page 8: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/8.jpg)
How do you describe an interface?
![Page 9: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/9.jpg)
The Accessibility
Tree
![Page 10: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/10.jpg)
Name Short identifier to designate purpose.
![Page 11: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/11.jpg)
Name Short identifier to designate purpose.
Role How to interact with the object.
![Page 12: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/12.jpg)
Name Short identifier to designate purpose.
Role How to interact with the object.
Properties The object’s state.
![Page 13: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/13.jpg)
Name Short identifier to designate purpose.
Role How to interact with the object.
Properties The object’s state.
Description Further information, if needed.
![Page 14: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/14.jpg)
OS Alert Dialog
![Page 15: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/15.jpg)
OS Alert Dialog
Menubar
![Page 16: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/16.jpg)
OS Alert Dialog
Menubar
Title
![Page 17: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/17.jpg)
OS Alert Dialog
Menubar
Title
Close Button
![Page 18: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/18.jpg)
OS Alert Dialog
Menubar
Title
Close Button
Body
![Page 19: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/19.jpg)
OS Alert Dialog
Menubar
Title
Close Button
Body
Title
![Page 20: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/20.jpg)
OS Alert Dialog
Menubar
Title
Close Button
Body
Title
Text
Your changes will be lost if you don't save them.
![Page 21: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/21.jpg)
OS Alert Dialog
Menubar
Title
Close Button
Body
Title
Text
Save Button
Your changes will be lost if you don't save them.
![Page 22: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/22.jpg)
OS Alert Dialog
Menubar
Title
Close Button
Body
Title
Text
Save Button
Cancel Button
Your changes will be lost if you don't save them.
![Page 23: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/23.jpg)
Your changes will be lost if you don't save them.
![Page 24: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/24.jpg)
Go to the Dialog
Your changes will be lost if you don't save them.
![Page 25: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/25.jpg)
Go to the Dialog’s Body
Your changes will be lost if you don't save them.
![Page 26: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/26.jpg)
Go to the Dialog’s Body and activate the Save Button
Your changes will be lost if you don't save them.
![Page 27: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/27.jpg)
Bear with me a for a bit:
![Page 28: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/28.jpg)
![Page 29: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/29.jpg)
![Page 30: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/30.jpg)
![Page 31: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/31.jpg)
![Page 32: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/32.jpg)
![Page 33: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/33.jpg)
![Page 34: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/34.jpg)
On the web:
![Page 35: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/35.jpg)
HTML
![Page 36: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/36.jpg)
HTML JavaScriptand CSS
![Page 37: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/37.jpg)
DOM Tree
HTML JavaScriptand CSS
![Page 38: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/38.jpg)
DOM Tree Visually
Rendered
HTML JavaScriptand CSS
![Page 39: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/39.jpg)
DOM Tree Visually
Rendered
UserHTML JavaScriptand CSS
![Page 40: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/40.jpg)
User
DOM Tree Visually
Rendered
HTML JavaScriptand CSS
![Page 41: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/41.jpg)
Accessibility Tree
User
DOM Tree Visually
Rendered
HTML JavaScriptand CSS
![Page 42: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/42.jpg)
User
Assistive Technology
DOM Tree Visually
Rendered
Accessibility Tree
HTML JavaScriptand CSS
![Page 43: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/43.jpg)
![Page 44: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/44.jpg)
![Page 45: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/45.jpg)
There are multiple trees● Microsoft Active Accessibility (MSAA), extended with
IAccessible2 (IA2)
● UI Automation (UIA)
● NSAccessibility (AXAPI)
● Accessibility Toolkit (ATK)
● Assistive Technology Service Provider Interface (AT-SPI)
![Page 46: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/46.jpg)
Accessibility Tree
![Page 47: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/47.jpg)
Accessibility Tree
Document Object Model
![Page 48: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/48.jpg)
![Page 49: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/49.jpg)
![Page 50: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/50.jpg)
![Page 51: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/51.jpg)
Write semantic HTML.
![Page 52: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/52.jpg)
![Page 53: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/53.jpg)
![Page 54: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/54.jpg)
![Page 55: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/55.jpg)
![Page 56: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/56.jpg)
![Page 57: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/57.jpg)
![Page 58: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/58.jpg)
![Page 59: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/59.jpg)
![Page 60: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/60.jpg)
Fieldset
Legend
Input
Type
Name
Checked
Input
Type
Name
Button
Name
Meal preference
radio
“Chicken”
true
radio
“Fish”
“Save”
![Page 61: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/61.jpg)
![Page 62: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/62.jpg)
![Page 63: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/63.jpg)
![Page 64: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/64.jpg)
Let’s make the abstract immediate.
![Page 65: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/65.jpg)
![Page 66: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/66.jpg)
ELEMENTS
12
345
6
MARKUP
<div class="mdc-radio"> <input class="mdc-radio__native-control" type="radio" id="ganymede" name="moons"> <div class="mdc-radio__background"> <div class="mdc-radio__outer-circle"></div> <div class="mdc-radio__inner-circle"></div> </div></div><label for="ganymede">Ganymede</label>
![Page 67: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/67.jpg)
6 elements9 attributesDOM depth of 3
To make this you need:
Includes the Material ripple effect
![Page 68: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/68.jpg)
6 elements9 attributesDOM depth of 3
To make this you need:
Includes the Material ripple effect
66 selectors141 properties10k minified
![Page 69: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/69.jpg)
6 elements9 attributesDOM depth of 3
To make this you need:
Includes the Material ripple effect
66 selectors141 properties10k minified
2,374 lines unminified30k minified
![Page 70: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/70.jpg)
![Page 71: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/71.jpg)
![Page 72: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/72.jpg)
![Page 73: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/73.jpg)
![Page 74: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/74.jpg)
![Page 75: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/75.jpg)
![Page 76: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/76.jpg)
This all adds up.
![Page 77: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/77.jpg)
An optimal DOM treeLess than 1,500 nodesMax depth of 32 nodes
No parent node with more than 60 child nodes
![Page 78: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/78.jpg)
An optimal DOM treeLess than 1,500 nodesMax depth of 32 nodes
No parent node with more than 60 child nodesMax depth of 32 nodes
![Page 79: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/79.jpg)
MARKUP
<div class="c-radio"> <input type="radio" name="moons" id="ganymede"> <label for="ganymede">Ganymede</label></div>
ELEMENTS
12
3
![Page 80: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/80.jpg)
MARKUP
<div class="c-radio"> <input type="radio" name="moons" id="ganymede"> <label for="ganymede">Ganymede</label></div>
ELEMENTS
12
3
![Page 81: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/81.jpg)
![Page 82: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/82.jpg)
To compare:
![Page 83: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/83.jpg)
3 elements
5 attributes
DOM depth of 2
6 elements
9 attributes
DOM depth of 3
HTML
![Page 84: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/84.jpg)
20 selectors
42 properties
1k minified
66 selectors
141 properties
10k minified
CSS
![Page 85: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/85.jpg)
None
0k
2,374 lines unminified
30k minified
JavaScript
![Page 86: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/86.jpg)
![Page 87: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/87.jpg)
![Page 88: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/88.jpg)
Why is this our problem?|
![Page 89: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/89.jpg)
https://twitter.com/sindresorhus/status/1089075390327316480
![Page 90: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/90.jpg)
And then…
![Page 91: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/91.jpg)
AdsScorecard ResearchCriteoTaboolaAppNexusYahoo AdsPubmaticMarket GIDMGIDIntegral AdsGoogle/DoubleclickSizmekYandex AdsDoubleVerifyMoatOpenXMediaVineMedia Math33 AcrossPopadsWordAds
![Page 92: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/92.jpg)
AnalyticsAlexaBaiduMixpanelGoogle AnalyticsHotjarCrazy EggAdobe AnalyticsTealiumSegmentOptimizelySalesforceHistatsYandex MetricaLucky Orange
AdsScorecard ResearchCriteoTaboolaAppNexusYahoo AdsPubmaticMarket GIDMGIDIntegral AdsGoogle/DoubleclickSizmekYandex AdsDoubleVerifyMoatOpenXMediaVineMedia Math33 AcrossPopadsWordAds
![Page 93: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/93.jpg)
Social/MarketingVKPinterestFacebookYandex ShareTwitterLinkedInShareThisAddThisTumblrPIXNETDisqusHubspotOptinMonsterBeeketingDriftMailchimpSumoAlbacrossLiveChatFreshdeskHelp Scout
AnalyticsAlexaBaiduMixpanelGoogle AnalyticsHotjarCrazy EggAdobe AnalyticsTealiumSegmentOptimizelySalesforceHistatsYandex MetricaLucky Orange
AdsScorecard ResearchCriteoTaboolaAppNexusYahoo AdsPubmaticMarket GIDMGIDIntegral AdsGoogle/DoubleclickSizmekYandex AdsDoubleVerifyMoatOpenXMediaVineMedia Math33 AcrossPopadsWordAds
![Page 94: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/94.jpg)
Developer UtilsNew RelicStripeOneSignalGoogle APIs/SDKApp DynamicsCloudflarePayPalYandex APIsDistil NetworksSentry
Social/MarketingVKPinterestFacebookYandex ShareTwitterLinkedInShareThisAddThisTumblrPIXNETDisqusHubspotOptinMonsterBeeketingDriftMailchimpSumoAlbacrossLiveChatFreshdeskHelp Scout
AnalyticsAlexaBaiduMixpanelGoogle AnalyticsHotjarCrazy EggAdobe AnalyticsTealiumSegmentOptimizelySalesforceHistatsYandex MetricaLucky Orange
AdsScorecard ResearchCriteoTaboolaAppNexusYahoo AdsPubmaticMarket GIDMGIDIntegral AdsGoogle/DoubleclickSizmekYandex AdsDoubleVerifyMoatOpenXMediaVineMedia Math33 AcrossPopadsWordAds
![Page 95: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/95.jpg)
https://twitter.com/themikepan/status/1093035372186034176
![Page 96: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/96.jpg)
https://speedcurve.com/blog/javascript-dominates-browser-cpu/
![Page 97: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/97.jpg)
Yikes.
![Page 98: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/98.jpg)
https://twitter.com/MarcoInEnglish/status/1089412779625402368
![Page 99: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/99.jpg)
https://twitter.com/MarcoInEnglish/status/1089412781152129024
![Page 100: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/100.jpg)
https://twitter.com/MarcoInEnglish/status/1089412783576367104
![Page 101: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/101.jpg)
https://twitter.com/MarcoInEnglish/status/1089412785128247296
![Page 102: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/102.jpg)
This is only for one browser
![Page 103: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/103.jpg)
There are a lot of browsers out there
![Page 104: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/104.jpg)
![Page 105: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/105.jpg)
Someone should do something!
![Page 106: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/106.jpg)
Freedom Scientific
JAWS
![Page 107: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/107.jpg)
NV Access
NVDAFreedom Scientific
JAWS
![Page 108: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/108.jpg)
Apple
VoiceOverNV Access
NVDAFreedom Scientific
JAWS
![Page 109: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/109.jpg)
TalkbackApple
VoiceOverFreedom Scientific
JAWSNV Access
NVDA
![Page 110: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/110.jpg)
Freedom Scientific
JAWSApple
VoiceOverNV Access
NVDAGoogle
Talkback
![Page 111: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/111.jpg)
Freedom Scientific
JAWSApple
VoiceOverNV Access
NVDAGoogle
Talkback
![Page 112: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/112.jpg)
Pruning trees
![Page 113: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/113.jpg)
https://twitter.com/MarcoInEnglish/status/1089412786558513152
![Page 114: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/114.jpg)
![Page 115: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/115.jpg)
![Page 116: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/116.jpg)
![Page 117: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/117.jpg)
![Page 118: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/118.jpg)
Be pragmatic.The stakes are high.
![Page 119: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/119.jpg)
Be patient.Things move slow.
![Page 120: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/120.jpg)
![Page 121: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/121.jpg)
If you do one thing,
test
![Page 122: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/122.jpg)
Whoa!
![Page 123: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/123.jpg)
Whoa!
![Page 124: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/124.jpg)
![Page 125: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/125.jpg)
PerformanceThe ability to perform
![Page 126: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/126.jpg)
![Page 127: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/127.jpg)
Memory
![Page 128: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/128.jpg)
Memory Problem-solving
![Page 129: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/129.jpg)
Memory AttentionProblem-solving
![Page 130: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/130.jpg)
Memory AttentionProblem-solving
Reading comprehension
![Page 131: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/131.jpg)
Memory AttentionProblem-solving
Reading comprehension
Math comprehension
![Page 132: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/132.jpg)
Memory AttentionProblem-solving
Reading comprehension
Visual comprehension
Math comprehension
![Page 133: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/133.jpg)
![Page 134: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/134.jpg)
![Page 135: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/135.jpg)
![Page 136: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/136.jpg)
![Page 137: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/137.jpg)
User
![Page 138: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/138.jpg)
“Surprisingly very few companies conduct qualitative user research”
2018 Design In Tech report
![Page 139: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/139.jpg)
“Surprisingly very few companies conduct qualitative user research”
12%Early-stage startups
46%Late-stage startups
32%Mid-stage startups
2018 Design In Tech report
![Page 140: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/140.jpg)
Survivorship biasor:
Who isn’t present?
![Page 141: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/141.jpg)
I used to think I knew things.
Now I test.
![Page 142: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/142.jpg)
![Page 143: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/143.jpg)
Thank you!thoughtbot.comericwbailey.designnoti.st/ericwbailey@ericwbailey
![Page 144: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/144.jpg)
Selection Controls: Usage - Material Designhttps://material.io/design/components/selection-controls.html#usage
WAI-ARIA 1.0 User Agent Implementation Guidehttps://www.w3.org/TR/wai-aria-implementation/#def_accessibility_tree
The Accessibility Tree: Whatsockhttp://whatsock.com/training/
The Browser Accessibility Tree - The Paciello Grouphttps://developer.paciellogroup.com/blog/2015/01/the-browser-accessibility-tree/
Semantics to Screen Readershttps://alistapart.com/article/semantics-to-screen-readers
![Page 145: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/145.jpg)
Accessibility APIs: A Key To Web Accessibilityhttps://www.smashingmagazine.com/2015/03/web-accessibility-with-accessibility-api/
Uses An Excessive DOM Size | Google Developershttps://developers.google.com/web/tools/lighthouse/audits/dom-size
Accessibility Viewer (aViewer) - The Paciello Grouphttps://developer.paciellogroup.com/resources/aviewer/
Testing for Accessibility on OS Xhttps://developer.apple.com/library/archive/documentation/Accessibility/Conceptual/AccessibilityMacOSX/OSXAXTestingApps.html
![Page 146: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/146.jpg)
patrickhulce/third-party-webhttps://github.com/patrickhulce/third-party-web
Accessibility and Performance - MarcySutton.comhttps://marcysutton.com/accessibility-and-performance
There's more to performance than meets the eye - Notisthttps://noti.st/tink/aufkUp
JavaScript dominates browser CPUhttps://speedcurve.com/blog/javascript-dominates-browser-cpu/
The Ethics of Web Performance - TimKadlec.comhttps://timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/
![Page 147: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/147.jpg)
Mozilla accessibility architecture | MDNhttps://developer.mozilla.org/en-US/docs/Mozilla/Accessibility/Accessibility_architecture
Table A-6. Employment status of the civilian population by sex, age, and disability status, not seasonally adjusted - United States Bureau of Labor Statisticshttps://www.bls.gov/news.release/empsit.t06.htm
HTML attributes Screen reader compatibility - PowerMapperhttps://www.powermapper.com/tests/screen-readers/attributes/#title
How and Where To Report Accessibility Bugshttp://whoseline.a11yideas.com/bugs.html
![Page 148: The intersection of Performance Accessibility · Tealium Segment Optimizely Salesforce Histats Yandex Metrica Lucky Orange Ads Scorecard Research Criteo Taboola AppNexus Yahoo Ads](https://reader030.vdocuments.us/reader030/viewer/2022041103/5f02828c7e708231d4049e40/html5/thumbnails/148.jpg)
WebAIM: Cognitive - Introductionhttps://webaim.org/articles/cognitive/
Cognitive difficulties: an overlooked aspect of accessible designhttps://uxdesign.cc/in-cognitive-difficulty-15304d8b798d
Cognitive Accessibility 101 - Part 1: What is Cognitive Accessibilityhttp://jkg3.com/Journal/cognitive-accessibility-101-part-1-what-is-cognitive-accessibility
Cognitive Accessibility User Research - W3C First Public Working Draft 15 January 2015https://www.w3.org/TR/coga-user-research/
2018 Design In Tech reporthttps://johnmaeda.github.io/#1