Adding tabpanel role to the panels.

slidewiki · Feb 18, 2019 · 9a9bf76 · 9a9bf76
1 parent d97f4b5
commit 9a9bf76
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git a/components/Deck/ContentModulesPanel/CollectionsPanel/CollectionsPanel.js b/components/Deck/ContentModulesPanel/CollectionsPanel/CollectionsPanel.js
@@ -141,7 +141,7 @@ class CollectionsPanel extends React.Component {
         });
 
         return (
-            <div className="ui bottom attached" ref="tagsPanel">
+            <div className="ui bottom attached" ref="tagsPanel" role="tabpanel">
                             <h3 className="ui dividing header">{this.context.intl.formatMessage(this.messages.header)}</h3>
 
                     <div className="ui stackable grid">

diff --git a/components/Deck/ContentModulesPanel/ContentDiscussionPanel/ContentDiscussionPanel.js b/components/Deck/ContentModulesPanel/ContentDiscussionPanel/ContentDiscussionPanel.js
@@ -33,7 +33,7 @@ class ContentDiscussionPanel extends React.Component {
             </button>);
 
         return (
-            <div className="ui comments" style={{maxWidth: 'none'}}>
+            <div className="ui comments" style={{maxWidth: 'none'}} role="tabpanel">
                 { (String(this.props.UserProfileStore.userid) !== '') ? addComment : ''}
                 <h3 className="ui dividing header">
                     <FormattedMessage

diff --git a/components/Deck/ContentModulesPanel/ContentHistoryPanel/DeckHistoryPanel.js b/components/Deck/ContentModulesPanel/ContentHistoryPanel/DeckHistoryPanel.js
@@ -67,7 +67,7 @@ class DeckHistoryPanel extends React.Component {
             );
         });
         return (
-        <div ref="deckHistoryPanel" className="ui">
+        <div ref="deckHistoryPanel" className="ui" role="tabpanel">
             {isRoot && this.props.PermissionsStore.permissions.edit && !this.props.PermissionsStore.permissions.readOnly ?
             <div><Button positive aria-label={this.context.intl.formatMessage(form_messages.button_aria)} size='small' floated='right'
                          icon='plus'

diff --git a/components/Deck/ContentModulesPanel/ContentHistoryPanel/SlideHistoryPanel.js b/components/Deck/ContentModulesPanel/ContentHistoryPanel/SlideHistoryPanel.js
@@ -24,7 +24,7 @@ class SlideHistoryPanel extends React.Component {
         }) : this.context.intl.formatMessage(form_messages.no_changes);
 
         return (
-        <div ref="slideHistoryPanel" className="ui">
+        <div ref="slideHistoryPanel" className="ui" role="tabpanel">
             <List relaxed>
                 {changes}
             </List>

diff --git a/components/Deck/ContentModulesPanel/ContentQuestionsPanel/ContentQuestionsPanel.js b/components/Deck/ContentModulesPanel/ContentQuestionsPanel/ContentQuestionsPanel.js
@@ -248,7 +248,7 @@ class ContentQuestionsPanel extends React.Component {
         );
 
         return (
-            <div ref="contentQuestionsPanel" className="ui bottom attached">
+            <div ref="contentQuestionsPanel" className="ui bottom attached" role="tabpanel">
                 { this.props.ContentQuestionsStore.showAddBox ? questionAdd : this.props.ContentQuestionsStore.question ? questionEdit : this.props.ContentQuestionsStore.showExamList ? examQuestionsList : content }
             </div>
         );

diff --git a/components/Deck/ContentModulesPanel/ContentUsagePanel/ContentUsagePanel.js b/components/Deck/ContentModulesPanel/ContentUsagePanel/ContentUsagePanel.js
@@ -7,7 +7,7 @@ class ContentUsagePanel extends React.Component {
 
     render() {
         return (
-            <div ref="contentUsagePanel" className="ui">
+            <div ref="contentUsagePanel" className="ui" role="tabpanel">
                 <ContentUsageList usage={this.props.ContentUsageStore.usage} selector={this.props.ContentUsageStore.selector} />
             </div>
         );

diff --git a/components/Deck/ContentModulesPanel/DataSourcePanel/DataSourcePanel.js b/components/Deck/ContentModulesPanel/DataSourcePanel/DataSourcePanel.js
@@ -67,7 +67,7 @@ class DataSourcePanel extends React.Component {
         let editForm = <EditDataSource dataSource={dataSource}/>;
 
         return (
-            <div className="ui bottom attached" ref="dataSourcePanel">
+            <div className="ui bottom attached" ref="dataSourcePanel" role="tabpanel">
                 {(dataSource === undefined) ?
                     newDataSourceButton : ''}
                 {(dataSource === undefined) ?

diff --git a/components/Deck/ContentModulesPanel/TagsPanel/TagsPanel.js b/components/Deck/ContentModulesPanel/TagsPanel/TagsPanel.js
@@ -121,7 +121,7 @@ class TagsPanel extends React.Component {
         let editPermission = (this.props.PermissionsStore.permissions.admin || this.props.PermissionsStore.permissions.edit);
 
         return (
-            <div className="ui bottom attached" ref="tagsPanel">
+            <div className="ui bottom attached" ref="tagsPanel" role="tabpanel">
                 <div className="ui stackable grid">
                     <div className="row">
                         <div className="eight wide column">