From 4296f2b9da88753685a17e3f4d71eef83bd378d2 Mon Sep 17 00:00:00 2001
From: John Beedell <john.beedell@open.ac.uk>
Date: Thu, 8 Sep 2016 16:17:07 +0100
Subject: [PATCH] MDL-55911 Quiz: Accessibility, Label blanks in DD questions

---
 .../type/ddimageortext/lang/en/qtype_ddimageortext.php    | 1 +
 question/type/ddimageortext/rendererbase.php              | 1 +
 .../moodle-qtype_ddimageortext-dd-debug.js                | 7 ++++++-
 .../moodle-qtype_ddimageortext-dd-min.js                  | 2 +-
 .../moodle-qtype_ddimageortext-dd.js                      | 7 ++++++-
 .../yui/src/ddimageortext/js/ddimageortext.js             | 8 ++++++--
 question/type/ddwtos/lang/en/qtype_ddwtos.php             | 1 +
 question/type/ddwtos/renderer.php                         | 3 ++-
 8 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/question/type/ddimageortext/lang/en/qtype_ddimageortext.php b/question/type/ddimageortext/lang/en/qtype_ddimageortext.php
index 62253ac951b..0d676dd8ec5 100644
--- a/question/type/ddimageortext/lang/en/qtype_ddimageortext.php
+++ b/question/type/ddimageortext/lang/en/qtype_ddimageortext.php
@@ -26,6 +26,7 @@ $string['addmoredropzones'] = 'Blanks for {no} more drop zones';
 $string['addmoreimages'] = 'Blanks for {no} more draggable items';
 $string['answer'] = 'Answer';
 $string['bgimage'] = 'Background image';
+$string['blank'] = 'blank';
 $string['correctansweris'] = 'The correct answer is: {$a}';
 $string['draggableimage'] = 'Draggable image';
 $string['draggableitem'] = 'Draggable item';
diff --git a/question/type/ddimageortext/rendererbase.php b/question/type/ddimageortext/rendererbase.php
index 08d809a5e65..58bca8546f8 100644
--- a/question/type/ddimageortext/rendererbase.php
+++ b/question/type/ddimageortext/rendererbase.php
@@ -117,6 +117,7 @@ class qtype_ddtoimage_renderer_base extends qtype_with_combined_feedback_rendere
                         'topnode' => $topnode,
                         'readonly' => $options->readonly);
 
+        $PAGE->requires->string_for_js('blank', 'qtype_ddimageortext');
         $PAGE->requires->yui_module('moodle-qtype_ddimageortext-dd',
                                         'M.qtype_ddimageortext.init_question',
                                         array($params));
diff --git a/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-debug.js b/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-debug.js
index ecfeab36f31..bd1b2743009 100644
--- a/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-debug.js
+++ b/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-debug.js
@@ -482,7 +482,11 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
             var drop = this.get('drops')[dropno];
             var nodeclass = 'dropzone group' + drop.group + ' place' + dropno;
             var title = drop.text.replace('"', '\"');
-            var dropnodehtml = '<div title="' + title + '" class="' + nodeclass + '">&nbsp;</div>';
+            if (!title) {
+                title = M.util.get_string('blank', 'qtype_ddimageortext');
+            }
+            var dropnodehtml = '<div title="' + title + '" class="' + nodeclass + '">' +
+                    '<span class="accesshide">' + title + '</span>&nbsp;</div>';
             var dropnode = Y.Node.create(dropnodehtml);
             groupnodes[drop.group].append(dropnode);
             dropnode.setStyles({'opacity': 0.5});
@@ -530,4 +534,5 @@ M.qtype_ddimageortext.init_question = function(config) {
     return new DDIMAGEORTEXT_QUESTION(config);
 };
 
+
 }, '@VERSION@', {"requires": ["node", "dd", "dd-drop", "dd-constrain"]});
diff --git a/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-min.js b/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-min.js
index f8b5a89f39b..7ebee06fc2c 100644
--- a/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-min.js
+++ b/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd-min.js
@@ -1,2 +1,2 @@
 YUI.add("moodle-qtype_ddimageortext-dd",function(e,t){var n="ddimageortext_dd",r=function(){r.superclass.constructor.apply(this,arguments)};e.extend(r,e.Base,{doc:null,polltimer:null,afterimageloaddone:!1,poll_for_image_load:function(t,n,r,i){if(this.afterimageloaddone)return;var s=this.doc.bg_img().get("complete");n&&(s=s&&this.doc.bg_img().hasClass("constrained"));var o=!this.doc.drag_item_homes().some(function(e){if(e.get("tagName")!=="IMG")return!1;var t=e.get("complete");return n&&(t=t&&e.hasClass("constrained")),!t});if(s&&o)this.polltimer!==null&&(this.polltimer.cancel(),this.polltimer=null),this.doc.drag_item_homes().detach("load",this.poll_for_image_load),this.doc.bg_img().detach("load",this.poll_for_image_load),r!==0?e.later(r,this,i):i.call(this),this.afterimageloaddone=!0;else if(this.polltimer===null){var u=[null,n,r,i];this.polltimer=e.later(1e3,this,this.poll_for_image_load,u,!0)}},doc_structure:function(t){var n=e.one(this.get("topnode")),r=n.one("div.dragitems"),i=n.one("div.droparea");return{top_node:function(){return n},drag_items:function(){return r.all(".drag")},drop_zones:function(){return n.all("div.dropzones div.dropzone")},drop_zone_group:function(e){return n.all("div.dropzones div.group"+e)},drag_items_cloned_from:function(e){return r.all(".dragitems"+e)},drag_item:function(e){return r.one(".draginstance"+e)},drag_items_in_group:function(e){return r.all(".drag.group"+e)},drag_item_homes:function(){return r.all(".draghome")},bg_img:function(){return n.one(".dropbackground")},load_bg_img:function(e){i.setContent('<img class="dropbackground" src="'+e+'"/>'),this.bg_img().on("load",this.on_image_load,this,"bg_image")},add_or_update_drag_item_home:function(e,t,n,i){var s=this.drag_item_home(e),o="draghome dragitemhomes"+e+" group"+i,u='<img class="'+o+'" src="'+t+'" alt="'+n+'" />',a='<div class="'+o+'">'+n+"</div>";s===null?t?r.append(u):n!==""&&r.append(a):(t?r.insert(u,s):n!==""&&r.insert(a,s),s.remove(!0));var f=r.one(".dragitemhomes"+e);f!==null&&(f.setData("groupno",i),f.setData("dragitemno",e))},drag_item_home:function(e){return r.one(".dragitemhomes"+e)},get_classname_numeric_suffix:function(e,t){var n=e.getAttribute("class");if(n!==""){var r=n.split(" ");for(var i=0;i<r.length;i++){var s=new RegExp("^"+t+"([0-9])+$");if(s.test(r[i])){var o=new RegExp("([0-9])+$"),u=o.exec(r[i]);return+u[0]}}}throw'Prefix "'+t+'" not found in class names.'},clone_new_drag_item:function(e,t){var n=this.drag_item_home(t);if(n===null)return null;var r=n.cloneNode(!0);return r.removeClass("dragitemhomes"+t),r.addClass("dragitems"+t),r.addClass("draginstance"+e),r.removeClass("draghome"),r.addClass("drag"),r.setStyles({visibility:"visible",position:"absolute"}),r.setData("draginstanceno",e),r.setData("dragitemno",t),n.get("parentNode").appendChild(r),r},draggable_for_question:function(t,r,i){(new e.DD.Drag({node:t,dragMode:"point",groups:[r]})).plug(e.Plugin.DDConstrained,{constrain2node:n}),t.setData("group",r),t.setData("choice",i)},draggable_for_form:function(r){var i=(new e.DD.Drag({node:r,dragMode:"point"})).plug(e.Plugin.DDConstrained,{constrain2node:n});i.on("drag:end",function(e){var n=e.target.get("node"),r=n.getData("draginstanceno"),i=n.getData("gooddrop");i?t.set_drag_xy(r,[e.pageX,e.pageY]):t.reset_drag_xy(r)},this),i.on("drag:start",function(e){var t=e.target;t.get("node").setData("gooddrop",!1)},this)}}},update_padding_sizes_all:function(){for(var e=1;e<=8;e++)this.update_padding_size_for_group(e)},update_padding_size_for_group:function(e){var t=this.doc.top_node().all(".draghome.group"+e);if(t.size()!==0){var n=0,r=0;t.each(function(e){n=Math.max(n,e.get("clientWidth")),r=Math.max(r,e.get("clientHeight"))},this),t.each(function(e){var t=Math.round((10+r-e.get("clientHeight"))/2),i=Math.round((10+n-e.get("clientWidth"))/2);e.setStyle("padding",t+"px "+i+"px "+t+"px "+i+"px")},this),this.doc.drop_zone_group(e).setStyles({width:n+10,height:r+10})}},convert_to_window_xy:function(e){return[Number(e[0])+this.doc.bg_img().getX()+1,Number(e[1])+this.doc.bg_img().getY()+1]}},{NAME:n,ATTRS:{drops:{value:null},readonly:{value:!1},topnode:{value:null}}}),M.qtype_ddimageortext=M.qtype_ddimageortext||{},M.qtype_ddimageortext.dd_base_class=r;var i="ddimageortext_question",s=function(){s.superclass.constructor.apply(this,arguments)};e.extend(s,M.qtype_ddimageortext.dd_base_class,{touchscrolldisable:null,pendingid:"",initializer:function(){this.pendingid="qtype_ddimageortext-"+Math.random().toString(36).slice(2),M.util.js_pending(this.pendingid),this.doc=this.doc_structure(this),this.poll_for_image_load(null,!1,10,this.create_all_drag_and_drops),this.doc.bg_img().after("load",this.poll_for_image_load,this,!1,10,this.create_all_drag_and_drops),this.doc.drag_item_homes().after("load",this.poll_for_image_load,this,!1,10,this.create_all_drag_and_drops),this.get("readonly")?e.one("window").on("resize",function(){this.reposition_drags_for_question()},this):e.later(500,this,this.reposition_drags_for_question,!0)},prevent_touchmove_from_scrolling:function(t){var n=e.UA.ie?"MSPointerStart":"touchstart",r=e.UA.ie?"MSPointerEnd":"touchend",i=e.UA.ie?"MSPointerMove":"touchmove";t.on(n,function(){if(this.touchscrolldisable)return;this.touchscrolldisable=e.one("body").on(i,function(e){e=e||window.event,e.preventDefault()})},this),t.on(r,function(){this.touchscrolldisable&&(this.touchscrolldisable.detach(),this.touchscrolldisable=null)},this)},create_all_drag_and_drops:function(){this.init_drops(),this.update_padding_sizes_all();var e=0;this.doc.drag_item_homes().each(function(t){var n=Number(this.doc.get_classname_numeric_suffix(t,"dragitemhomes")),r=+this.doc.get_classname_numeric_suffix(t,"choice"),i=+this.doc.get_classname_numeric_suffix(t,"group"),s=this.doc.drop_zone_group(i).size(),o=this.doc.clone_new_drag_item(e,n);e++,this.get("readonly")||(this.doc.draggable_for_question(o,i,r),this.prevent_touchmove_from_scrolling(o));if(o.hasClass("infinite")){var u=s-1;while(u>0)o=this.doc.clone_new_drag_item
-(e,n),e++,this.get("readonly")||(this.doc.draggable_for_question(o,i,r),this.prevent_touchmove_from_scrolling(o)),u--}},this),this.reposition_drags_for_question(),this.get("readonly")||(this.doc.drop_zones().set("tabIndex",0),this.doc.drop_zones().each(function(e){e.on("dragchange",this.drop_zone_key_press,this)},this)),M.util.js_complete(this.pendingid)},drop_zone_key_press:function(e){switch(e.direction){case"next":this.place_next_drag_in(e.target);break;case"previous":this.place_previous_drag_in(e.target);break;case"remove":this.remove_drag_from_drop(e.target)}e.preventDefault(),this.reposition_drags_for_question()},place_next_drag_in:function(e){this.search_for_unplaced_drop_choice(e,1)},place_previous_drag_in:function(e){this.search_for_unplaced_drop_choice(e,-1)},search_for_unplaced_drop_choice:function(e,t){var n,r=this.current_drag_in_drop(e);if(""===r)if(t===1)n=1;else{n=1;var i=e.getData("group");this.doc.drag_items_in_group(i).each(function(e){n=Math.max(n,e.getData("choice"))},this)}else n=+r+t;var s;do{if(this.get_choices_for_drop(n,e).size()===0){this.remove_drag_from_drop(e);return}s=this.get_unplaced_choice_for_drop(n,e),n+=t}while(s===null);this.place_drag_in_drop(s,e)},current_drag_in_drop:function(t){var n=t.getData("inputid"),r=e.one("input#"+n);return r.get("value")},remove_drag_from_drop:function(e){this.place_drag_in_drop(null,e)},place_drag_in_drop:function(t,n){var r=n.getData("inputid"),i=e.one("input#"+r);t!==null?i.set("value",t.getData("choice")):i.set("value","")},reposition_drags_for_question:function(t){this.doc.drag_items().removeClass("placed"),this.doc.drag_items().each(function(e){e.dd!==undefined&&e.dd.detachAll("drag:start")},this),this.doc.drop_zones().each(function(e){var t=e.getData("xy");e.setXY(this.convert_to_window_xy(t));var n="input#"+e.getData("inputid"),r=this.doc.top_node().one(n),i=r.get("value");if(i!==""){var s=this.get_unplaced_choice_for_drop(i,e);s!==null&&(s.setXY(e.getXY()),s.addClass("placed"),s.dd!==undefined&&s.dd.once("drag:start",function(e,t){t.set("value",""),e.target.get("node").removeClass("placed")},this,r))}},this),this.doc.drag_items().each(function(e){if(!e.hasClass("placed")&&!e.hasClass("yui3-dd-dragging")){var t=this.doc.drag_item_home(e.getData("dragitemno"));e.setXY(t.getXY())}},this),t&&e.later(500,this,this.reposition_drags_for_question,!0)},get_choices_for_drop:function(e,t){var n=t.getData("group");return this.doc.top_node().all("div.dragitemgroup"+n+" .choice"+e+".drag")},get_unplaced_choice_for_drop:function(e,t){var n=this.get_choices_for_drop(e,t),r=null;return n.some(function(e){return this.get("readonly")||!e.hasClass("placed")&&!e.hasClass("yui3-dd-dragging")?(r=e,!0):!1}),r},init_drops:function(){var t=this.doc.top_node().one("div.dropzones"),n={};for(var r=1;r<=8;r++){var i=e.Node.create('<div class = "dropzonegroup'+r+'"></div>');t.append(i),n[r]=i}var s=function(e){var t=e.drag.get("node"),n=e.drop.get("node");Number(n.getData("group"))===t.getData("group")&&this.place_drag_in_drop(t,n)};for(var o in this.get("drops")){var u=this.get("drops")[o],a="dropzone group"+u.group+" place"+o,f=u.text.replace('"','"'),l='<div title="'+f+'" class="'+a+'">&nbsp;</div>',c=e.Node.create(l);n[u.group].append(c),c.setStyles({opacity:.5}),c.setData("xy",u.xy),c.setData("place",o),c.setData("inputid",u.fieldname.replace(":","_")),c.setData("group",u.group);var h=new e.DD.Drop({node:c,groups:[u.group]});h.on("drop:hit",s,this)}}},{NAME:i,ATTRS:{}}),e.Event.define("dragchange",{_event:e.UA.webkit||e.UA.ie?"keydown":"keypress",_keys:{32:"next",37:"previous",38:"previous",39:"next",40:"next",27:"remove"},_keyHandler:function(e,t){this._keys[e.keyCode]&&(e.direction=this._keys[e.keyCode],t.fire(e))},on:function(e,t,n){t._detacher=e.on(this._event,this._keyHandler,this,n)}}),M.qtype_ddimageortext.init_question=function(e){return new s(e)}},"@VERSION@",{requires:["node","dd","dd-drop","dd-constrain"]});
+(e,n),e++,this.get("readonly")||(this.doc.draggable_for_question(o,i,r),this.prevent_touchmove_from_scrolling(o)),u--}},this),this.reposition_drags_for_question(),this.get("readonly")||(this.doc.drop_zones().set("tabIndex",0),this.doc.drop_zones().each(function(e){e.on("dragchange",this.drop_zone_key_press,this)},this)),M.util.js_complete(this.pendingid)},drop_zone_key_press:function(e){switch(e.direction){case"next":this.place_next_drag_in(e.target);break;case"previous":this.place_previous_drag_in(e.target);break;case"remove":this.remove_drag_from_drop(e.target)}e.preventDefault(),this.reposition_drags_for_question()},place_next_drag_in:function(e){this.search_for_unplaced_drop_choice(e,1)},place_previous_drag_in:function(e){this.search_for_unplaced_drop_choice(e,-1)},search_for_unplaced_drop_choice:function(e,t){var n,r=this.current_drag_in_drop(e);if(""===r)if(t===1)n=1;else{n=1;var i=e.getData("group");this.doc.drag_items_in_group(i).each(function(e){n=Math.max(n,e.getData("choice"))},this)}else n=+r+t;var s;do{if(this.get_choices_for_drop(n,e).size()===0){this.remove_drag_from_drop(e);return}s=this.get_unplaced_choice_for_drop(n,e),n+=t}while(s===null);this.place_drag_in_drop(s,e)},current_drag_in_drop:function(t){var n=t.getData("inputid"),r=e.one("input#"+n);return r.get("value")},remove_drag_from_drop:function(e){this.place_drag_in_drop(null,e)},place_drag_in_drop:function(t,n){var r=n.getData("inputid"),i=e.one("input#"+r);t!==null?i.set("value",t.getData("choice")):i.set("value","")},reposition_drags_for_question:function(t){this.doc.drag_items().removeClass("placed"),this.doc.drag_items().each(function(e){e.dd!==undefined&&e.dd.detachAll("drag:start")},this),this.doc.drop_zones().each(function(e){var t=e.getData("xy");e.setXY(this.convert_to_window_xy(t));var n="input#"+e.getData("inputid"),r=this.doc.top_node().one(n),i=r.get("value");if(i!==""){var s=this.get_unplaced_choice_for_drop(i,e);s!==null&&(s.setXY(e.getXY()),s.addClass("placed"),s.dd!==undefined&&s.dd.once("drag:start",function(e,t){t.set("value",""),e.target.get("node").removeClass("placed")},this,r))}},this),this.doc.drag_items().each(function(e){if(!e.hasClass("placed")&&!e.hasClass("yui3-dd-dragging")){var t=this.doc.drag_item_home(e.getData("dragitemno"));e.setXY(t.getXY())}},this),t&&e.later(500,this,this.reposition_drags_for_question,!0)},get_choices_for_drop:function(e,t){var n=t.getData("group");return this.doc.top_node().all("div.dragitemgroup"+n+" .choice"+e+".drag")},get_unplaced_choice_for_drop:function(e,t){var n=this.get_choices_for_drop(e,t),r=null;return n.some(function(e){return this.get("readonly")||!e.hasClass("placed")&&!e.hasClass("yui3-dd-dragging")?(r=e,!0):!1}),r},init_drops:function(){var t=this.doc.top_node().one("div.dropzones"),n={};for(var r=1;r<=8;r++){var i=e.Node.create('<div class = "dropzonegroup'+r+'"></div>');t.append(i),n[r]=i}var s=function(e){var t=e.drag.get("node"),n=e.drop.get("node");Number(n.getData("group"))===t.getData("group")&&this.place_drag_in_drop(t,n)};for(var o in this.get("drops")){var u=this.get("drops")[o],a="dropzone group"+u.group+" place"+o,f=u.text.replace('"','"');f||(f=M.util.get_string("blank","qtype_ddimageortext"));var l='<div title="'+f+'" class="'+a+'">'+'<span class="accesshide">'+f+"</span>&nbsp;</div>",c=e.Node.create(l);n[u.group].append(c),c.setStyles({opacity:.5}),c.setData("xy",u.xy),c.setData("place",o),c.setData("inputid",u.fieldname.replace(":","_")),c.setData("group",u.group);var h=new e.DD.Drop({node:c,groups:[u.group]});h.on("drop:hit",s,this)}}},{NAME:i,ATTRS:{}}),e.Event.define("dragchange",{_event:e.UA.webkit||e.UA.ie?"keydown":"keypress",_keys:{32:"next",37:"previous",38:"previous",39:"next",40:"next",27:"remove"},_keyHandler:function(e,t){this._keys[e.keyCode]&&(e.direction=this._keys[e.keyCode],t.fire(e))},on:function(e,t,n){t._detacher=e.on(this._event,this._keyHandler,this,n)}}),M.qtype_ddimageortext.init_question=function(e){return new s(e)}},"@VERSION@",{requires:["node","dd","dd-drop","dd-constrain"]});
diff --git a/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd.js b/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd.js
index ecfeab36f31..bd1b2743009 100644
--- a/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd.js
+++ b/question/type/ddimageortext/yui/build/moodle-qtype_ddimageortext-dd/moodle-qtype_ddimageortext-dd.js
@@ -482,7 +482,11 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
             var drop = this.get('drops')[dropno];
             var nodeclass = 'dropzone group' + drop.group + ' place' + dropno;
             var title = drop.text.replace('"', '\"');
-            var dropnodehtml = '<div title="' + title + '" class="' + nodeclass + '">&nbsp;</div>';
+            if (!title) {
+                title = M.util.get_string('blank', 'qtype_ddimageortext');
+            }
+            var dropnodehtml = '<div title="' + title + '" class="' + nodeclass + '">' +
+                    '<span class="accesshide">' + title + '</span>&nbsp;</div>';
             var dropnode = Y.Node.create(dropnodehtml);
             groupnodes[drop.group].append(dropnode);
             dropnode.setStyles({'opacity': 0.5});
@@ -530,4 +534,5 @@ M.qtype_ddimageortext.init_question = function(config) {
     return new DDIMAGEORTEXT_QUESTION(config);
 };
 
+
 }, '@VERSION@', {"requires": ["node", "dd", "dd-drop", "dd-constrain"]});
diff --git a/question/type/ddimageortext/yui/src/ddimageortext/js/ddimageortext.js b/question/type/ddimageortext/yui/src/ddimageortext/js/ddimageortext.js
index 98af8f42a72..297b8159516 100644
--- a/question/type/ddimageortext/yui/src/ddimageortext/js/ddimageortext.js
+++ b/question/type/ddimageortext/yui/src/ddimageortext/js/ddimageortext.js
@@ -480,7 +480,11 @@ Y.extend(DDIMAGEORTEXT_QUESTION, M.qtype_ddimageortext.dd_base_class, {
             var drop = this.get('drops')[dropno];
             var nodeclass = 'dropzone group' + drop.group + ' place' + dropno;
             var title = drop.text.replace('"', '\"');
-            var dropnodehtml = '<div title="' + title + '" class="' + nodeclass + '">&nbsp;</div>';
+            if (!title) {
+                title = M.util.get_string('blank', 'qtype_ddimageortext');
+            }
+            var dropnodehtml = '<div title="' + title + '" class="' + nodeclass + '">' +
+                    '<span class="accesshide">' + title + '</span>&nbsp;</div>';
             var dropnode = Y.Node.create(dropnodehtml);
             groupnodes[drop.group].append(dropnode);
             dropnode.setStyles({'opacity': 0.5});
@@ -526,4 +530,4 @@ Y.Event.define('dragchange', {
 
 M.qtype_ddimageortext.init_question = function(config) {
     return new DDIMAGEORTEXT_QUESTION(config);
-};
\ No newline at end of file
+};
diff --git a/question/type/ddwtos/lang/en/qtype_ddwtos.php b/question/type/ddwtos/lang/en/qtype_ddwtos.php
index 3ba6656c0f4..c5025f6c8e9 100644
--- a/question/type/ddwtos/lang/en/qtype_ddwtos.php
+++ b/question/type/ddwtos/lang/en/qtype_ddwtos.php
@@ -24,6 +24,7 @@
 
 $string['addmorechoiceblanks'] = 'Blanks for {no} more choices';
 $string['answer'] = 'Answer';
+$string['blank'] = 'blank';
 $string['correctansweris'] = 'The correct answer is: {$a}';
 $string['infinite'] = 'Unlimited';
 $string['pleaseputananswerineachbox'] = 'Please put an answer in each box.';
diff --git a/question/type/ddwtos/renderer.php b/question/type/ddwtos/renderer.php
index b9c9b24039c..7425082df2a 100644
--- a/question/type/ddwtos/renderer.php
+++ b/question/type/ddwtos/renderer.php
@@ -104,7 +104,8 @@ class qtype_ddwtos_renderer extends qtype_elements_embedded_in_question_text_ren
             question_display_options $options) {
         $question = $qa->get_question();
         $group = $question->places[$place];
-        $boxcontents = '&#160;';
+        $boxcontents = '&#160;' . html_writer::tag('span',
+                get_string('blank', 'qtype_ddwtos'), array('class' => 'accesshide'));
 
         $value = $qa->get_last_qt_var($question->field($place));