pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-04-07 14:06:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

[DE PE SSE PDF] Add aria attrs and roles for screen reader

Browse Source
This commit is contained in:
Julia.Svinareva
2024-03-06 23:25:18 +03:00
parent 396fbb979f
commit a51baebead
30 changed files with 79 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/documenteditor/main/app/template/Viewport.template
View File

@ -14,6 +14,6 @@
<div id="left-panel-history" class="layout-item"></div>
</div>
</div>
<div id="statusbar" class="layout-item" data-layout-name="statusBar" role="complementary" aria-label="Statusbar"></div>
<div id="statusbar" class="layout-item" data-layout-name="statusBar"></div>
</div>
</div>

2
apps/documenteditor/main/app/view/FormsTab.js
View File

@ -47,7 +47,7 @@ define([
DE.Views.FormsTab = Common.UI.BaseView.extend(_.extend((function(){
var template =
'<section class="panel" data-tab="forms">' +
'<section class="panel" data-tab="forms" role="tabpanel" aria-labelledby="forms">' +
'<div class="group forms-buttons" style="display: none;">' +
'<span class="btn-slot text x-huge" id="slot-btn-form-field"></span>' +
'<span class="btn-slot text x-huge" id="slot-btn-form-combobox"></span>' +

4
apps/documenteditor/main/index.html.deploy
View File

@ -233,11 +233,11 @@
<script src="../../../../../apps/common/main/lib/util/desktopinit.js?__inline=true"></script>
<script src="../../../../../apps/common/main/lib/util/themeinit.js?__inline=true"></script>
</head>
<body>
<body role="application">
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="loading-logo"><img src="../../../apps/common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar" style="display: none;"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 212px;"></li><li class="space"></li><li style="width: 200px;"></li><li class="space"></li><li style="width: 63px;"></li><li class="fat"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 212px;"></li><li class="space"></li><li style="width: 200px;"></li><li class="space"></li><li style="width: 63px;"></li></ul></div><div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
if ( window.desktop ) {

2
apps/pdfeditor/main/app/template/LeftMenu.template
View File

@ -1,5 +1,5 @@
<div id="view-left-menu" class="tool-menu left">
<div class="tool-menu-btns">
<div class="tool-menu-btns" role="menubar" aria-orientation="vertical" aria-label="Left menu">
<button id="left-btn-searchbar" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-search"><i class="icon toolbar__icon btn-menu-search">&nbsp;</i></button>
<!-- /** coauthoring begin **/ -->
<button id="left-btn-comments" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-comments"><i class="icon toolbar__icon btn-menu-comments">&nbsp;</i></button>

6
apps/pdfeditor/main/app/template/StatusBar.template
View File

@ -20,10 +20,10 @@
<button id="status-btn-select-tool" type="button" class="btn small btn-toolbar hide-select-tools margin-top-small" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-select-tool">&nbsp;</i></button>
<button id="status-btn-hand-tool" type="button" class="btn small btn-toolbar hide-select-tools margin-top-small" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-hand-tool">&nbsp;</i></button>
<div class="separator short hide-select-tools"></div>
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar margin-top-small" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtopage">&nbsp;</i></button>
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar margin-top-small" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth">&nbsp;</i></button>
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar margin-top-small" aria-pressed="false" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtopage">&nbsp;</i></button>
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar margin-top-small" aria-pressed="false" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth">&nbsp;</i></button>
<button id="btn-zoom-down" type="button" class="btn small btn-toolbar margin-top-small"><i class="icon toolbar__icon btn-zoomdown">&nbsp;</i></button>
<div class="cnt-zoom">
<div class="cnt-zoom" role="button" aria-haspopup="menu">
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
<label id="label-zoom" class="status-label">Zoom 100%</label>
</div>

6
apps/pdfeditor/main/app/template/Toolbar.template
View File

@ -4,7 +4,7 @@
<%= tabsmarkup %>
<div class="extra right"></div>
</div>
<section class="box-controls">
<section class="box-controls" role="tabpanel">
<section class="panel static">
<div class="group no-mask small">
<div class="elset">
@ -41,7 +41,7 @@
<div class="separator long"></div>
</section>
<section class="box-panels">
<section class="panel" data-tab="home">
<section class="panel" data-tab="home" role="tabpanel" aria-labelledby="home">
<div class="group small">
<div class="elset">
<span class="btn-slot" id="slot-btn-pages" style="width: 95px"></span>
@ -88,7 +88,7 @@
</div>
<% } %>
</section>
<section class="panel" data-tab="comment">
<section class="panel" data-tab="comment" role="tabpanel" aria-labelledby="comment">
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-comment"></span>
</div>

2
apps/pdfeditor/main/app/template/Viewport.template
View File

@ -4,7 +4,7 @@
<div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div>
</section>
<section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar"></div>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar" role="toolbar"></div>
<div class="layout-item middle">
<div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>

10
apps/pdfeditor/main/app/view/LeftMenu.js
View File

@ -252,6 +252,16 @@ define([
/** coauthoring end **/
},
getFocusElement: function () {
var btn = false;
if (this.btnChat && this.btnChat.pressed) {
btn = this.panelChat.getFocusElement();
} else if (this.btnSearchBar && this.btnSearchBar.pressed) {
btn = this.panelSearch.getFocusElement();
}
return btn;
},
setOptionsPanel: function(name, panel) {
/** coauthoring begin **/
if (name == 'chat') {

2
apps/pdfeditor/main/app/view/ViewTab.js
View File

@ -46,7 +46,7 @@ define([
PDFE.Views.ViewTab = Common.UI.BaseView.extend(_.extend((function(){
var template =
'<section class="panel" data-tab="view">' +
'<section class="panel" data-tab="view" role="tabpanel" aria-labelledby="view">' +
'<div class="group" data-layout-name="toolbar-view-navigation">' +
'<span class="btn-slot text x-huge" id="slot-btn-navigation"></span>' +
'</div>' +

4
apps/pdfeditor/main/index.html
View File

@ -273,7 +273,7 @@
<link rel="stylesheet/less" type="text/css" href="resources/less/app.less" />
<!-- debug end -->
</head>
<body>
<body role="application">
<script src="../../common/main/lib/util/htmlutils.js"></script>
<div id="loading-mask" class="loadmask">
<div class="brendpanel" style="display: none;">
@ -287,7 +287,7 @@
</div>
</div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
var params = getUrlParams(),

4
apps/pdfeditor/main/index.html.deploy
View File

@ -240,11 +240,11 @@
<script src="../../../../../apps/common/main/lib/util/desktopinit.js?__inline=true"></script>
<script src="../../../../../apps/common/main/lib/util/themeinit.js?__inline=true"></script>
</head>
<body>
<body role="application">
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="loading-logo"><img src="../../../apps/common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar" style="display: none;"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space" style="width: 98px;"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li class="big"/><li class="big"/><li class="space"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul></div><div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
if ( window.desktop ) {

2
apps/presentationeditor/main/app/template/LeftMenu.template
View File

@ -1,5 +1,5 @@
<div id="view-left-menu" class="tool-menu left">
<div class="tool-menu-btns">
<div class="tool-menu-btns" role="menubar" aria-orientation="vertical" aria-label="Left menu">
<button id="left-btn-searchbar" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-search"><i class="icon toolbar__icon btn-menu-search">&nbsp;</i></button>
<button id="left-btn-thumbs" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-thumbs">&nbsp;</i></button>
<!-- /** coauthoring begin **/ -->

2
apps/presentationeditor/main/app/template/RightMenu.template
View File

@ -17,7 +17,7 @@
<div id="id-signature-settings" class="settings-panel">
</div>
</div>
<div class="tool-menu-btns">
<div class="tool-menu-btns" role="menubar" aria-label="Right menu" aria-orientation="vertical">
<div class="ct-btn-category arrow-left"></div>
<button id="id-right-menu-slide" class="btn btn-category arrow-left" content-target="id-slide-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-slide">&nbsp;</i></button>
<button id="id-right-menu-shape" class="btn btn-category arrow-left" content-target="id-shape-settings" data-hint="0" data-hint-direction="left" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-shape">&nbsp;</i></button>

6
apps/presentationeditor/main/app/template/StatusBar.template
View File

@ -19,10 +19,10 @@
<div class="separator short el-edit space"></div>
<span id="btn-doc-spell" class="el-edit margin-top-small"></span>
<div class="separator short el-edit el-lang"></div>
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar margin-top-small" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtoslide">&nbsp;</i></button>
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar margin-top-small" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth">&nbsp;</i></button>
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar margin-top-small" aria-pressed="false" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtoslide">&nbsp;</i></button>
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar margin-top-small" aria-pressed="false" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth">&nbsp;</i></button>
<button id="btn-zoom-down" type="button" class="btn small btn-toolbar margin-top-small"><i class="icon toolbar__icon btn-zoomdown">&nbsp;</i></button>
<div class="cnt-zoom">
<div class="cnt-zoom" role="button" aria-haspopup="menu">
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
<label id="status-label-zoom" class="status-label">Zoom 100%</label>
</div>

10
apps/presentationeditor/main/app/template/Toolbar.template
View File

@ -4,7 +4,7 @@
<%= tabsmarkup %>
<div class="extra right"></div>
</section>
<section class="box-controls">
<section class="box-controls" role="tabpanel">
<section class="panel static">
<div class="group no-mask small">
<div class="elset">
@ -36,7 +36,7 @@
<div class="separator long"></div>
</section>
<section class="box-panels">
<section class="panel" data-tab="home">
<section class="panel" data-tab="home" role="tabpanel" aria-labelledby="home">
<div class="group">
<span class="btn-slot text x-huge slot-addslide"></span>
</div>
@ -112,7 +112,7 @@
<div class="separator long invisible"></div>
<div class="group flex small field-styles" id="slot-field-styles" style="width: 100%; min-width: 136px;" data-group-width="100%"></div>
</section>
<section class="panel" data-tab="ins">
<section class="panel" data-tab="ins" role="tabpanel" aria-labelledby="ins">
<div class="group">
<span class="btn-slot text x-huge slot-addslide"></span>
</div>
@ -153,7 +153,7 @@
<span class="btn-slot text x-huge" id="slot-btn-insvideo"></span>
</div>
</section>
<section id="transitions-panel" class="panel" data-tab="transit">
<section id="transitions-panel" class="panel" data-tab="transit" role="tabpanel" aria-labelledby="transit">
<div class="group flex small" id="transit-field-effects" style="width: 854px; max-width: 854px; min-width: 120px;" data-group-width="854px"></div>
<div class="group small">
@ -189,7 +189,7 @@
</div>
</div>
</section>
<section id="animation-panel" class="panel" data-tab="animate">
<section id="animation-panel" class="panel" data-tab="animate" role="tabpanel" aria-labelledby="animate">
<div class="group flex small" id="animation-field-effects" style="width: 670px; max-width: 670px; min-width: 220px;" data-group-width="670px"></div>
<div class="group small">
<span class="btn-slot text x-huge" id="animation-button-parameters"></span>

2
apps/presentationeditor/main/app/template/Viewport.template
View File

@ -5,7 +5,7 @@
</section>
<div id="viewport-vbox-layout" class="layout-ct vbox">
<section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar"></div>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar" role="toolbar"></div>
<div class="layout-item middle">
<div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>

10
apps/presentationeditor/main/app/view/LeftMenu.js
View File

@ -237,6 +237,16 @@ define([
}
},
getFocusElement: function () {
var btn = false;
if (this.btnChat && this.btnChat.pressed) {
btn = this.panelChat.getFocusElement();
} else if (this.btnSearchBar && this.btnSearchBar.pressed) {
btn = this.panelSearch.getFocusElement();
}
return btn;
},
setOptionsPanel: function(name, panel) {
/** coauthoring begin **/
if (name == 'chat') {

2
apps/presentationeditor/main/app/view/ViewTab.js
View File

@ -46,7 +46,7 @@ define([
PE.Views.ViewTab = Common.UI.BaseView.extend(_.extend((function(){
var template =
'<section class="panel" data-tab="view">' +
'<section class="panel" data-tab="view" role="tabpanel" aria-labelledby="view">' +
'<div class="group small">' +
'<div class="elset" style="display: flex;">' +
'<span class="btn-slot" id="slot-field-zoom" style="flex-grow: 1;"></span>' +

4
apps/presentationeditor/main/index.html
View File

@ -281,7 +281,7 @@
<!-- debug end -->
<script src="../../common/main/lib/util/themeinit.js"></script>
</head>
<body>
<body role="application">
<script src="../../common/main/lib/util/htmlutils.js"></script>
<div id="loading-mask" class="loadmask">
<div class="brendpanel" style="display: none;">
@ -296,7 +296,7 @@
</div>
</div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
var params = getUrlParams(),

4
apps/presentationeditor/main/index.html.deploy
View File

@ -268,7 +268,7 @@
<script src="../../../../../apps/common/main/lib/util/desktopinit.js?__inline=true"></script>
<script src="../../../../../apps/common/main/lib/util/themeinit.js?__inline=true"></script>
</head>
<body>
<body role="application">
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
<div id="loading-mask" class="loadmask">
<div class="brendpanel" style="display: none;">
@ -283,7 +283,7 @@
</div>
</div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
if ( window.desktop ) {

2
apps/spreadsheeteditor/main/app/template/LeftMenu.template
View File

@ -1,5 +1,5 @@
<div id="view-left-menu" class="tool-menu left">
<div class="tool-menu-btns">
<div class="tool-menu-btns" role="menubar" aria-orientation="vertical" aria-label="Left menu">
<button id="left-btn-searchbar" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target="left-panel-search"><i class="icon toolbar__icon btn-menu-search">&nbsp;</i></button>
<!-- /** coauthoring begin **/ -->
<button id="left-btn-comments" class="btn btn-category" content-target="left-panel-comments" data-hint="0" data-hint-direction="right" data-hint-offset="big"><i class="icon toolbar__icon btn-menu-comments">&nbsp;</i></button>

2
apps/spreadsheeteditor/main/app/template/RightMenu.template
View File

@ -21,7 +21,7 @@
<div id="id-slicer-settings" class="settings-panel">
</div>
</div>
<div class="tool-menu-btns">
<div class="tool-menu-btns" role="menubar" aria-label="Right menu" aria-orientation="vertical">
<div class="ct-btn-category arrow-left"></div>
<button id="id-right-menu-cell" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-cell-settings"><i class="icon toolbar__icon btn-menu-cell">&nbsp;</i></button>
<button id="id-right-menu-table" class="btn btn-category arrow-left" data-hint="0" data-hint-direction="left" data-hint-offset="big" content-target="id-table-settings"><i class="icon toolbar__icon btn-menu-table">&nbsp;</i></button>

2
apps/spreadsheeteditor/main/app/template/StatusBar.template
View File

@ -13,7 +13,7 @@
<div id="status-zoom-box" class="status-group">
<div class="separator short"></div>
<button id="status-btn-zoomdown" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomdown">&nbsp;</i></button>
<div class="cnt-zoom">
<div class="cnt-zoom" role="button" aria-haspopup="menu">
<div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
<label id="status-label-zoom" class="status-label">Zoom 100%</label>
</div>

12
apps/spreadsheeteditor/main/app/template/Toolbar.template
View File

@ -4,7 +4,7 @@
<%= tabsmarkup %>
<div class="extra right"></div>
</section>
<section class="box-controls">
<section class="box-controls" role="tabpanel">
<section class="panel static">
<div class="group no-mask small">
<div class="elset">
@ -36,7 +36,7 @@
<div class="separator long"></div>
</section>
<section class="box-panels">
<section class="panel" data-tab="home">
<section class="panel" data-tab="home" role="tabpanel" aria-labelledby="home">
<div class="group small">
<div class="elset font-attr-top">
<span class="btn-slot float-left" id="slot-field-fontname" style="width: 94px;"></span>
@ -129,7 +129,7 @@
<div class="separator long invisible"></div>
<div class="group small flex field-styles" id="slot-field-styles" style="min-width: 148px;width: 100%;" data-group-width="100%"></div>
</section>
<section class="panel" data-tab="ins">
<section class="panel" data-tab="ins" role="tabpanel" aria-labelledby="ins">
<div class="group">
<span class="btn-slot text x-huge slot-add-pivot"></span>
<span class="btn-slot text x-huge" id="slot-btn-instable"></span>
@ -167,7 +167,7 @@
<span class="btn-slot text x-huge" id="slot-btn-insslicer"></span>
</div>
</section>
<section class="panel" data-tab="layout">
<section class="panel" data-tab="layout" role="tabpanel" aria-labelledby="layout">
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-pagemargins"></span>
<span class="btn-slot text x-huge" id="slot-btn-pageorient"></span>
@ -199,7 +199,7 @@
<span class="btn-slot text x-huge" id="slot-btn-colorschemas"></span>
</div>
</section>
<section class="panel" data-tab="formula">
<section class="panel" data-tab="formula" role="tabpanel" aria-labelledby="formula">
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-additional-formula"></span>
</div>
@ -244,7 +244,7 @@
<span class="btn-slot text x-huge" id="slot-btn-calculate"></span>
</div>
</section>
<section class="panel" data-tab="data">
<section class="panel" data-tab="data" role="tabpanel" aria-labelledby="data">
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-data-from-text"></span>
</div>

2
apps/spreadsheeteditor/main/app/template/Viewport.template
View File

@ -4,7 +4,7 @@
<div id="file-menu-panel" class="toolbar-fullview-panel hint-section" style="display:none;"></div>
</section>
<section id="app-title" class="layout-item"></section>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar"></div>
<div id="toolbar" class="layout-item hint-section" data-layout-name="toolbar" role="toolbar"></div>
<div class="layout-item">
<div id="viewport-hbox-layout" class="layout-ct hbox">
<div id="left-menu" class="layout-item hint-section" data-layout-name="leftMenu" style="width: 40px;"></div>

10
apps/spreadsheeteditor/main/app/view/LeftMenu.js
View File

@ -219,6 +219,16 @@ define([
}
},
getFocusElement: function () {
var btn = false;
if (this.btnChat && this.btnChat.pressed) {
btn = this.panelChat.getFocusElement();
} else if (this.btnSearchBar && this.btnSearchBar.pressed) {
btn = this.panelSearch.getFocusElement();
}
return btn;
},
setOptionsPanel: function(name, panel) {
if (name == 'chat') {
this.panelChat = panel.render('#left-panel-chat');

2
apps/spreadsheeteditor/main/app/view/PivotTable.js
View File

@ -50,7 +50,7 @@ define([
SSE.Views.PivotTable = Common.UI.BaseView.extend(_.extend((function(){
var template =
'<section id="pivot-table-panel" class="panel" data-tab="pivot">' +
'<section id="pivot-table-panel" class="panel" data-tab="pivot" role="tabpanel" aria-labelledby="pivot">' +
'<div class="group">' +
'<span class="btn-slot text x-huge slot-add-pivot"></span>' +
'</div>' +

2
apps/spreadsheeteditor/main/app/view/ViewTab.js
View File

@ -45,7 +45,7 @@ define([
'use strict';
SSE.Views.ViewTab = Common.UI.BaseView.extend(_.extend((function(){
var template = '<section class="panel" data-tab="view">' +
var template = '<section class="panel" data-tab="view" role="tabpanel" aria-labelledby="view">' +
'<div class="group sheet-views">' +
'<span class="btn-slot text x-huge" id="slot-btn-sheet-view"></span>' +
'</div>' +

4
apps/spreadsheeteditor/main/index.html
View File

@ -291,7 +291,7 @@
<script src="../../common/main/lib/util/themeinit.js"></script>
</head>
<body>
<body role="application">
<script src="../../common/main/lib/util/htmlutils.js"></script>
<div id="loading-mask" class="loadmask">
<div class="brendpanel" style="display: none;"><div>
@ -310,7 +310,7 @@
</div>
</div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
var params = getUrlParams(),

4
apps/spreadsheeteditor/main/index.html.deploy
View File

@ -270,7 +270,7 @@
<script src="../../../../../apps/common/main/lib/util/desktopinit.js?__inline=true"></script>
<script src="../../../../../apps/common/main/lib/util/themeinit.js?__inline=true"></script>
</head>
<body>
<body role="application">
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
<div id="loading-mask" class="loadmask">
<div class="brendpanel" style="display: none;"><div>
@ -289,7 +289,7 @@
</div>
</div>
<div id="viewport"></div>
<div id="viewport" role="main"></div>
<script>
if ( window.desktop ) {