Help with web accessibility problem for screen readers - ARIA

<ul class="tabs-list" role="tablist">
    <li class="tab current" aria-controls="example-1" aria-selected="true" href="#example-1" id="tab-example-1" role="tab">Example 1</li>
    <li class="tab" aria-controls="example-2" aria-selected="false" href="#example-2" id="tab-example-2" role="tab">Example 2</li>
    <li class="tab" aria-controls="example-3" aria-selected="false" href="#example-3" id="tab-example-3" role="tab">Example 3</li>
</ul>

<div aria-labelledby="tab-example-1" class="tab-panel current" id="example-1" role="tabpanel">
    <p>Example 1 content goes here</p>
</div>

<div aria-labelledby="tab-example-2" class="tab-panel hidden" id="example-2" role="tabpanel">
    <p>Example 2 content goes here</p>
</div>

<div aria-labelledby="tab-example-3" class="tab-panel hidden" id="example-3" role="tabpanel">
    <p>Example 3 content goes here</p>
</div>

ul.tabs-list {
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	position: relative;
    line-height: 8pt;
}

ul.tabs-list:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs-list li {
	color: #333;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	position: relative;
	z-index: 0;
}

ul.tabs-list li.current {
	background: #fff;
	color: #d9232e;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
}
 
ul.tabs-list li:hover {
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	border: 1px solid transparent;
}

ul.tabs-list li.current:hover {
	background: #fff;
	color: #d9232e;
	margin-left: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

div.tab-panel {
	display: none;
	background: #ededed;
	padding: 15px;
	background-color: transparent;
}

div.tab-panel.current {
	display: inherit;
}

$(function(){
  var index = 0;
  var $tabs = $('li.tab');

  $tabs.bind(
  {
    // on keydown,
    // determine which tab to select
    keydown: function(ev){
      var LEFT_ARROW = 37;
      var UP_ARROW = 38;
      var RIGHT_ARROW = 39;
      var DOWN_ARROW = 40;

      var k = ev.which || ev.keyCode;

      // if the key pressed was an arrow key
      if (k >= LEFT_ARROW && k <= DOWN_ARROW){
        // move left one tab for left and up arrows
        if (k == LEFT_ARROW || k == UP_ARROW){
          if (index > 0) {
            index--;
          }
          // unless you are on the first tab,
          // in which case select the last tab.
          else {
            index = $tabs.length - 1;
          }
        }

        // move right one tab for right and down arrows
        else if (k == RIGHT_ARROW || k == DOWN_ARROW){
          if (index < ($tabs.length - 1)){
            index++;
          }
          // unless you're at the last tab,
          // in which case select the first one
          else {
            index = 0;
          }
        }

        // trigger a click event on the tab to move to
        $($tabs.get(index)).click();
        ev.preventDefault();
      }
    },

    // just make the clicked tab the selected one
    click: function(ev){
      index = $.inArray(this, $tabs.get());
      setFocus();
      ev.preventDefault();
    }
  });

  var setFocus = function(){
    // undo tab control selected state,
    // and make them not selectable with the tab key
    // (all tabs)
    $tabs.attr(
    {
      tabindex: '-1',
      'aria-selected': 'false'
    });

    // hide all tab panels.
    $('.tab-panel').removeClass('current');

    // make the selected tab the selected one, shift focus to it
    $($tabs.get(index)).attr(
    {
      tabindex: '0',
      'aria-selected': 'true'
    }).focus();

    // handle <li> current class (for coloring the tabs)
    $($tabs.get(index)).siblings().removeClass('current');
    $($tabs.get(index)).addClass('current');

    // add a current class also to the tab panel
    // controlled by the clicked tab
    $("#"+$($tabs.get(index)).attr('aria-controls')).addClass('current');
  };
});