Behind the Blackboard! Accessibility Issues in Learning Module Table of Contents - Behind the Blackboard Skip Navigation
Download PDF  Icon Download PDF    Print article

Accessibility Issues in Learning Module Table of Contents

Date Published: Dec 21,2017


CategoryPlanned First Fix Release:Future Reference; Product:Content Management,Course Tools,Application and Webserver; Version: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
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 Repeat:
  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






The information contained in the Knowledge Base was written and/or verified by Blackboard Support. It is approved for client use. Nothing in the Knowledge Base shall be deemed to modify your license in any way to any Blackboard product. If you have comments, questions, or concerns, please send an email to kb@blackboard.com. © 2019 Blackboard Inc. All rights reserved