diff --git a/accessible/app.component.js b/accessible/app.component.js
index 2ce25d028..7ea38278b 100644
--- a/accessible/app.component.js
+++ b/accessible/app.component.js
@@ -29,8 +29,8 @@ blocklyApp.AppView = ng.core
.Component({
selector: 'blockly-app',
template: `
-
- Status:
{{getStatusMessage()}}
+
+ {{getStatusMessage()}}
diff --git a/accessible/media/accessible.css b/accessible/media/accessible.css
index d6dcd2bc1..41338db5e 100644
--- a/accessible/media/accessible.css
+++ b/accessible/media/accessible.css
@@ -8,8 +8,19 @@
}
.blocklyToolbarColumn {
float: left;
+ margin-left: 10px;
margin-top: 20px;
- width: 200px;
+ width: 150px;
+}
+
+.blocklyAriaLiveStatus {
+ background: #c8f7be;
+ border-radius: 10px;
+ bottom: 80px;
+ left: 20px;
+ max-width: 300px;
+ padding: 10px;
+ position: fixed;
}
.blocklyTree .blocklyActiveDescendant > label,
diff --git a/accessible/messages.js b/accessible/messages.js
index 34c41455b..aad65159e 100644
--- a/accessible/messages.js
+++ b/accessible/messages.js
@@ -51,7 +51,7 @@ Blockly.Msg.VALUE = 'value';
Blockly.Msg.BLOCK_OPTIONS = 'Block options: ';
Blockly.Msg.BLOCK_MOVED_TO_MARKED_SPOT_MSB = 'Block moved to marked spot: ';
-Blockly.Msg.COPIED_BLOCK_MSG = 'Copied: ';
-Blockly.Msg.MARKED_SPOT_MSG = 'Marked spot: ';
-Blockly.Msg.PASTED_BLOCK_FROM_CLIPBOARD_MSG = 'Pasted: ';
-Blockly.Msg.PASTED_BLOCK_TO_MARKED_SPOT_MSG = 'Moved to marked spot: ';
+Blockly.Msg.COPIED_BLOCK_MSG = 'copied. ';
+Blockly.Msg.MARKED_SPOT_MSG = 'Marked spot. ';
+Blockly.Msg.PASTED_BLOCK_FROM_CLIPBOARD_MSG = 'pasted. ';
+Blockly.Msg.PASTED_BLOCK_TO_MARKED_SPOT_MSG = 'moved to marked spot. ';