Accessibility Issues in Learning Module Table of Contents




 
Accessibility Issues in Learning Module Table of Contents

Date Published: Dec 21,2017 Category: Planned_First_Fix_Release:Future_Reference_Learn; Product:Content_Management_Learn,Course_Tools_Learn,Application_and_Webserver_Learn; Version:Learn_9_1_Q2_2017_3200_0_0,Learn_9_1_Q4_2017,Learn_9_1_Q2_2018,Learn_9_1_Q4_2016_3100_0_0_rel_107_401e,SaaS   Article No.: 000047902

Product: Blackboard Learn

Release: 9.1;SaaS

Service Pack(s): Learn 9.1 Q2 2017 (3200.0.0), Learn 9.1 Q4 2017 (3300.0.0), Learn 9.1 Q2 2018 (3400.0.0), Learn 9.1 Q4 2016 (3100.0.0-rel.107+401e, SaaS

Issue Description: The view Source page of Learning Module content is not displaying correctly, which could create accessibility issues.

Steps to Replicate:

  1. Log into Blackboard Learn as a System Administrator
  2. Access any Course
  3. Navigate to any Content Area
  4. Create a Learning Module
  5. Right click > View page source

Expected Behavior:
Embedded objects are rendered correctly

Observed Behavior:
Embedded objects are not rendered correctly

 

 
Symptoms:
<div id="tocCart" class="tocWrapper tocBottom_pullExpanded tocHidden">
  <div id="tocHead" class="tocHead clearfix">
    <h2 id="tocTitle" class="u_floatThis-left">Table of Contents</h2>
    <!-- BEGIN bottom buttons -->
    <div id="tocButtons" class="tocActions u_floatThis-left" style="display:none;">
      <a id="minimizeButton" href="#" onclick="jsTocObject.minimize(this); return false;" class="button-3-img" title="Minimize Table of Contents"><img src="/images/ci/icons/toc_minimize_li.gif" alt="Minimize Table of Contents"/></a><a
        id="collapseButton" href="#" onclick="jsTocObject.sizeReset(this); return false;" class="button-3-img" title="Collapse Table of Contents"><img src="/images/ci/icons/toc_collapse_li.gif" alt="Collapse Table of Contents"/></a><a
        id="expandButton" href="#" onclick="jsTocObject.sizeReset(this); return false;" class="button-3-img" title="Expand Table of Contents"><img src="/images/ci/icons/toc_collapse_li.gif" alt="Expand Table of Contents"/></a><a
        id="maximizeButton" href="#" onclick="jsTocObject.maximize(this); return false;" class="button-3-img" title="Maximize Table of Contents"><img src="/images/ci/icons/toc_maximize_li.gif" alt="Maximize Table of Contents"/></a><a
        id="moveToSideButton" href="#" onclick="jsTocObject.moveToSide(); return false;" class="button-3-img" title="Move to the Left"><img src="/images/ci/icons/toc_side_li.gif" alt="Move to the Left"/></a>
    </div>
    <!-- END bottom buttons -->
    <!-- BEGIN side buttons -->
    <div id="tocSideButtons" class="tocActions u_floatThis-left" style="display:none;">
      <a id="minimizeSideButton" href="#" onclick="jsTocObject.minimize(this); return false;" class="button-3-img" title="Minimize Table of Contents"><img src="/images/ci/icons/toc_minimizeSide_li.gif" alt="Minimize Table of Contents"/></a><a
        id="collapseSideButton" href="#" onclick="jsTocObject.sizeReset(this); return false;" class="button-3-img" title="Collapse Table of Contents"><img src="/images/ci/icons/toc_collapseSide_li.gif" alt="Collapse Table of Contents"/></a><a
        id="expandSideButton" href="#" onclick="jsTocObject.sizeReset(this); return false;" class="button-3-img" title="Expand Table of Contents"><img src="/images/ci/icons/toc_collapseSide_li.gif" alt="Expand Table of Contents"/></a><a
        id="maximizeSideButton" href="#" onclick="jsTocObject.maximize(this); return false;" class="button-3-img" title="Maximize Table of Contents"><img src="/images/ci/icons/toc_maximizeSide_li.gif" alt="Maximize Table of Contents"/></a><a
        id="moveToBottomButton" href="#" onclick="jsTocObject.moveToBottom(); return false;" class="button-3-img" title="Move to the Bottom"><img src="/images/ci/icons/toc_bottom_li.gif" alt="Move to the Bottom"/></a>
    </div>
    <!-- END side buttons -->
    <div id="tocNavControls" class="tocActions u_floatThis-right">
      
              <a href="#" title="Refresh" onClick="jsTocObject.refreshTree(); return false;" class="button-3-img">
          <img src="/images/ci/ng/small_refresh.gif" alt="Refresh" />
        </a>
          </div>
  </div><!-- end tocHead -->


    <div id="tocTreeWrapper" class="tocTreeWrapper">
      <div id="learningUnitToc" class="treeContainer">
        <!-- learning unit toc tree will render here -->
      </div><!-- end learningUnitToc -->
    </div><!-- end tocTreeTableWrapper -->


</div><!-- end tocCart -->




Target Release: Future Reference
Patch Available: No