define(
  'ephox.snooker.resize.Bar',

  [
    'ephox.sugar.api.properties.Attr',
    'ephox.sugar.api.properties.Css',
    'ephox.sugar.api.node.Element'
  ],

  function (Attr, Css, Element) {
    var col = function (column, x, y, w, h) {
      var blocker = Element.fromTag('div');
      Css.setAll(blocker, {
        position: 'absolute',
        left: x - w/2 + 'px',
        top: y + 'px',
        height: h + 'px',
        width: w + 'px'
      });

      Attr.set(blocker, 'data-column', column);
      return blocker;
    };

    var row = function (row, x, y, w, h) {
      var blocker = Element.fromTag('div');
      Css.setAll(blocker, {
        position: 'absolute',
        left: x + 'px',
        top: y - h/2 + 'px',
        height: h + 'px',
        width: w + 'px'
      });

      Attr.set(blocker, 'data-row', row);
      return blocker;
    };


    return {
      col: col,
      row: row
    };
  }
);

@@ -456,32 +456,35 @@
 %0A%0A      Attr.set
+All
 (blocker, 'data-
@@ -472,24 +472,26 @@
 All(blocker,
+ %7B
  'data-colum
@@ -496,16 +496,42 @@
 umn'
-,
+:
  column
+, 'role': 'presentation' %7D
 );%0A 
@@ -832,16 +832,19 @@
 Attr.set
+All
 (blocker
@@ -844,16 +844,18 @@
 blocker,
+ %7B
  'data-r
@@ -861,13 +861,39 @@
 row'
+: row
 , 
+'
 ro
-w
+le': 'presentation' %7D
 );%0A 

make these presentation elements until its made accessible