Index: webapp/components/undo/js/Undo.js =================================================================== --- webapp/components/undo/js/Undo.js (revision 7810) +++ webapp/components/undo/js/Undo.js (working copy) @@ -24,7 +24,7 @@ STATE_REVERTED = "state_reverted"; function defaultRenderer(that, targetContainer) { - var markup = "" + + var markup = "" + "[undo]" + "[redo]" + ""; Index: webapp/integration-demos/bspace/css/sections.css =================================================================== --- webapp/integration-demos/bspace/css/sections.css (revision 7810) +++ webapp/integration-demos/bspace/css/sections.css (working copy) @@ -310,3 +310,12 @@ html>body .savedControl { left: 96%; } +.hiddenForScreenReaderUsers { + position:absolute; + left:-10000px; + top:auto; + width:1px; + height:1px; + overflow:hidden; +} + Index: webapp/integration-demos/bspace/html/section-info-inner.html =================================================================== --- webapp/integration-demos/bspace/html/section-info-inner.html (revision 7810) +++ webapp/integration-demos/bspace/html/section-info-inner.html (working copy) @@ -97,9 +97,9 @@ }; var myUndoRenderer = function (that, targetContainer) { - var markup = "" + - "Undo" + - "Redo" + + var markup = "" + + "UndoUndo your edit." + + "RedoRedo your edit." + ""; var markupNode = $(markup); targetContainer.append(markupNode); Index: webapp/standalone-demos/quick-start-examples/inlineEdit/css/InlineEdit.css =================================================================== --- webapp/standalone-demos/quick-start-examples/inlineEdit/css/InlineEdit.css (revision 7810) +++ webapp/standalone-demos/quick-start-examples/inlineEdit/css/InlineEdit.css (working copy) @@ -18,4 +18,13 @@ font : bold 12px "Arial"; color : #999; padding : 2px; -} \ No newline at end of file +} + +.hiddenForScreenReaderUsers { + position:absolute; + left:-10000px; + top:auto; + width:1px; + height:1px; + overflow:hidden; +} Index: webapp/standalone-demos/quick-start-examples/inlineEdit/js/InlineEdit-example.js =================================================================== --- webapp/standalone-demos/quick-start-examples/inlineEdit/js/InlineEdit-example.js (revision 7810) +++ webapp/standalone-demos/quick-start-examples/inlineEdit/js/InlineEdit-example.js (working copy) @@ -30,10 +30,10 @@ * @param {Object} targetContainer */ var myUndoRenderer = function (that, targetContainer) { - var markup = "" + - "Undo your edit" + - "Redo your edit" + - ""; + var markup = "" + + "[Undo your editUndo your edit.]" + + "[Redo your editRedo your edit.]" + + ""; var markupNode = $(markup); targetContainer.append(markupNode); return markupNode; Index: webapp/tests/component-tests/inlineEdit/js/InlineEditTests.js =================================================================== --- webapp/tests/component-tests/inlineEdit/js/InlineEditTests.js (revision 7810) +++ webapp/tests/component-tests/inlineEdit/js/InlineEditTests.js (working copy) @@ -427,12 +427,27 @@ }); inlineEditTests.test("ARIA", function () { - expect(2); + expect(10); var display = $("#display"); jqUnit.assertFalse("Before initialization, display should have no role.", display.attr("role")); var inlineEditor = fluid.inlineEdit("#inline-edit"); jqUnit.assertEquals("After initialization, display role should be ", "button", display.attr("role")); + + var initialValue = "Initial Value"; + + $("#display-undoable").text(initialValue); + + var editorWithUndo = fluid.inlineEdit("#inline-edit-undo", {componentDecorators: "fluid.undoDecorator"}); + var undoer1 = editorWithUndo.decorators[0]; + var undo1 = insistSelect("There should be an undo container", undoer1, "undoContainer"); + var markup = $(".flc-undo"); + jqUnit.assertEquals("aria-live should be", "polite", markup.attr("aria-live")); + jqUnit.assertEquals("aria-relevant should be", "all", markup.attr("aria-relevant")) + var redo1 = insistSelect("There should be a redo container", undoer1, "redoContainer"); + jqUnit.assertEquals("aria-live should be", "polite", markup.attr("aria-live")); + jqUnit.assertEquals("aria-relevant should be", "all", markup.attr("aria-relevant")) + assertVisState(undo1, redo1, false, false); // 4 });