diff --git a/resources/vue/components/courseware/CoursewareAccordionContainer.vue b/resources/vue/components/courseware/CoursewareAccordionContainer.vue index 0cb3b43002118e14c9ed76e3c80d6051c23fe4b8..f1ae440977d568af89fbae027605db39ce6d8b5f 100644 --- a/resources/vue/components/courseware/CoursewareAccordionContainer.vue +++ b/resources/vue/components/courseware/CoursewareAccordionContainer.vue @@ -54,7 +54,7 @@ :class="{ 'cw-sortable-handle-dragging': isDragging }" class="cw-sortable-handle" tabindex="0" - role="option" + role="button" aria-describedby="operation" :ref="'sortableHandle' + block.id" @keydown="keyHandler($event, block.id, index)" @@ -290,7 +290,7 @@ export default { case 27: // esc this.abortKeyboardSorting(blockId, sectionIndex); break; - case 32: // space + case 13: // enter e.preventDefault(); if (this.keyboardSelected) { this.storeKeyboardSorting(blockId, sectionIndex); diff --git a/resources/vue/components/courseware/CoursewareListContainer.vue b/resources/vue/components/courseware/CoursewareListContainer.vue index 74c890ba4b0daf06676da19ca5a50a15b8a80483..7ac036a11f91f5c6eb33fa855febbd5ba754dfbc 100644 --- a/resources/vue/components/courseware/CoursewareListContainer.vue +++ b/resources/vue/components/courseware/CoursewareListContainer.vue @@ -42,7 +42,7 @@ :class="{ 'cw-sortable-handle-dragging': isDragging }" class="cw-sortable-handle" tabindex="0" - role="option" + role="button" aria-describedby="operation" :ref="'sortableHandle' + block.id" @keydown="keyHandler($event, block.id)" @@ -186,7 +186,7 @@ export default { case 27: // esc this.abortKeyboardSorting(blockId); break; - case 32: // space + case 13: // enter e.preventDefault(); if (this.keyboardSelected) { this.storeKeyboardSorting(blockId); diff --git a/resources/vue/components/courseware/CoursewareStructuralElement.vue b/resources/vue/components/courseware/CoursewareStructuralElement.vue index 17402549f7bce9491046372502c12b91768707f1..7286a47fbfe30b5e05486b0560407f075e8570b4 100644 --- a/resources/vue/components/courseware/CoursewareStructuralElement.vue +++ b/resources/vue/components/courseware/CoursewareStructuralElement.vue @@ -172,7 +172,7 @@ :class="{ 'cw-sortable-handle-dragging': isDragging }" class="cw-sortable-handle" tabindex="0" - role="option" + role="button" aria-describedby="operation" :ref="'sortableHandle' + container.id" @keydown="keyHandler($event, container.id)" @@ -1643,7 +1643,7 @@ export default { case 27: // esc this.abortKeyboardSorting(containerId); break; - case 32: // space + case 13: // enter e.preventDefault(); if (this.keyboardSelected) { this.storeKeyboardSorting(containerId); diff --git a/resources/vue/components/courseware/CoursewareTabsContainer.vue b/resources/vue/components/courseware/CoursewareTabsContainer.vue index 114d86cb42b7016058e6fa9f090b675a16196c59..5cb4ee7791253fd0ab5b520d53e42ce4c872a668 100644 --- a/resources/vue/components/courseware/CoursewareTabsContainer.vue +++ b/resources/vue/components/courseware/CoursewareTabsContainer.vue @@ -55,7 +55,7 @@ :class="{ 'cw-sortable-handle-dragging': isDragging }" class="cw-sortable-handle" tabindex="0" - role="option" + role="button" aria-describedby="operation" :ref="'sortableHandle' + block.id" @keydown="keyHandler($event, block.id, index)" @@ -292,7 +292,7 @@ export default { case 27: // esc this.abortKeyboardSorting(blockId, sectionIndex); break; - case 32: // space + case 13: // enter e.preventDefault(); if (this.keyboardSelected) { this.storeKeyboardSorting(blockId, sectionIndex); diff --git a/resources/vue/components/courseware/CoursewareTreeItem.vue b/resources/vue/components/courseware/CoursewareTreeItem.vue index 0a5ead52b4f238dd9f57562a7ec25d42de738bf3..be60e49dbffa58ec44d50cbf1f4ed7c0ffbbb4ec 100644 --- a/resources/vue/components/courseware/CoursewareTreeItem.vue +++ b/resources/vue/components/courseware/CoursewareTreeItem.vue @@ -10,6 +10,7 @@ :tabindex="0" aria-describedby="operation" ref="sortableHandle" + role="button" @keydown="handleKeyEvent" > </span> @@ -306,7 +307,7 @@ export default { }, handleKeyEvent(e) { switch (e.keyCode) { - case 32: // space + case 13: // enter e.preventDefault(); if (this.keyboardSelected) { this.storeKeyboardSorting();