Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(230)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeOutline.js

Issue 2671203002: DevTools: Added ARIA roles & states to treeoutline (Closed)
Patch Set: updated Layout tests with expected ARIA attributes Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com> 3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
4 * Copyright (C) 2009 Joseph Pecoraro 4 * Copyright (C) 2009 Joseph Pecoraro
5 * 5 *
6 * Redistribution and use in source and binary forms, with or without 6 * Redistribution and use in source and binary forms, with or without
7 * modification, are permitted provided that the following conditions 7 * modification, are permitted provided that the following conditions
8 * are met: 8 * are met:
9 * 9 *
10 * 1. Redistributions of source code must retain the above copyright 10 * 1. Redistributions of source code must retain the above copyright
(...skipping 30 matching lines...) Expand all
41 super(); 41 super();
42 42
43 this._domModel = domModel; 43 this._domModel = domModel;
44 this._treeElementSymbol = Symbol('treeElement'); 44 this._treeElementSymbol = Symbol('treeElement');
45 var shadowContainer = createElement('div'); 45 var shadowContainer = createElement('div');
46 this._shadowRoot = UI.createShadowRootWithCoreStyles(shadowContainer, 'eleme nts/elementsTreeOutline.css'); 46 this._shadowRoot = UI.createShadowRootWithCoreStyles(shadowContainer, 'eleme nts/elementsTreeOutline.css');
47 var outlineDisclosureElement = this._shadowRoot.createChild('div', 'elements -disclosure'); 47 var outlineDisclosureElement = this._shadowRoot.createChild('div', 'elements -disclosure');
48 48
49 this._element = this.element; 49 this._element = this.element;
50 this._element.classList.add('elements-tree-outline', 'source-code'); 50 this._element.classList.add('elements-tree-outline', 'source-code');
51 UI.ARIAUtils.setAccessibleName(this._element, Common.UIString('Page DOM'));
51 this._element.addEventListener('mousedown', this._onmousedown.bind(this), fa lse); 52 this._element.addEventListener('mousedown', this._onmousedown.bind(this), fa lse);
52 this._element.addEventListener('mousemove', this._onmousemove.bind(this), fa lse); 53 this._element.addEventListener('mousemove', this._onmousemove.bind(this), fa lse);
53 this._element.addEventListener('mouseleave', this._onmouseleave.bind(this), false); 54 this._element.addEventListener('mouseleave', this._onmouseleave.bind(this), false);
54 this._element.addEventListener('dragstart', this._ondragstart.bind(this), fa lse); 55 this._element.addEventListener('dragstart', this._ondragstart.bind(this), fa lse);
55 this._element.addEventListener('dragover', this._ondragover.bind(this), fals e); 56 this._element.addEventListener('dragover', this._ondragover.bind(this), fals e);
56 this._element.addEventListener('dragleave', this._ondragleave.bind(this), fa lse); 57 this._element.addEventListener('dragleave', this._ondragleave.bind(this), fa lse);
57 this._element.addEventListener('drop', this._ondrop.bind(this), false); 58 this._element.addEventListener('drop', this._ondrop.bind(this), false);
58 this._element.addEventListener('dragend', this._ondragend.bind(this), false) ; 59 this._element.addEventListener('dragend', this._ondragend.bind(this), false) ;
59 this._element.addEventListener('contextmenu', this._contextMenuEventFired.bi nd(this), false); 60 this._element.addEventListener('contextmenu', this._contextMenuEventFired.bi nd(this), false);
60 this._element.addEventListener('clipboard-beforecopy', this._onBeforeCopy.bi nd(this), false); 61 this._element.addEventListener('clipboard-beforecopy', this._onBeforeCopy.bi nd(this), false);
(...skipping 1627 matching lines...) Expand 10 before | Expand all | Expand 10 after
1688 */ 1689 */
1689 function resolved(node) { 1690 function resolved(node) {
1690 if (node) { 1691 if (node) {
1691 this.treeOutline._selectedDOMNode = node; 1692 this.treeOutline._selectedDOMNode = node;
1692 this.treeOutline._selectedNodeChanged(); 1693 this.treeOutline._selectedNodeChanged();
1693 } 1694 }
1694 } 1695 }
1695 return true; 1696 return true;
1696 } 1697 }
1697 }; 1698 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698