Some a11y fixes (#534)

* Rename ToolIcon to ToolButton

It makes more semantic sense

* Label and keyboard shortcuts announcement

* Refactor common props for ToolButton

* Better doc outline and form controls

* Adjust color picker

* Styling fixes

Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>
This commit is contained in:
Guillermo Peralta Scura 2020-01-25 14:52:03 -03:00 committed by Christopher Chedeau
parent 5fd6c4d853
commit 69061e20ac
11 changed files with 177 additions and 107 deletions

View file

@ -3,7 +3,7 @@ import { Action } from "./types";
import { EditableText } from "../components/EditableText";
import { saveAsJSON, loadFromJSON } from "../scene";
import { load, save } from "../components/icons";
import { ToolIcon } from "../components/ToolIcon";
import { ToolButton } from "../components/ToolButton";
export const actionChangeProjectName: Action = {
name: "changeProjectName",
@ -44,7 +44,7 @@ export const actionSaveScene: Action = {
return {};
},
PanelComponent: ({ updateData, t }) => (
<ToolIcon
<ToolButton
type="button"
icon={save}
title={t("buttons.save")}
@ -64,7 +64,7 @@ export const actionLoadScene: Action = {
return { elements: loadedElements, appState: loadedAppState };
},
PanelComponent: ({ updateData, t }) => (
<ToolIcon
<ToolButton
type="button"
icon={load}
title={t("buttons.load")}