Made a mass of accessibility improvements

- Changed default focus styles
- Updated dropdowns with keyboard navigation
- Updated modals with esc exiting
- Added accessibility attirbutes where needed
- Made many more elements focusable
- Updated hover effects of many items to also apply when focused within

Related to #1320 and #1198
This commit is contained in:
Dan Brown
2019-08-24 18:26:28 +01:00
parent 1b33a0c5b9
commit b27a5c7fb8
35 changed files with 227 additions and 131 deletions

View File

@ -3,10 +3,10 @@ import codeLib from "../services/code";
const methods = {
show() {
if (!this.editor) this.editor = codeLib.popupEditor(this.$refs.editor, this.language);
this.$refs.overlay.style.display = 'flex';
this.$refs.overlay.components.overlay.show();
},
hide() {
this.$refs.overlay.style.display = 'none';
this.$refs.overlay.components.overlay.hide();
},
updateEditorMode(language) {
codeLib.setMode(this.editor, language);