powrsurg

Firefox keyboard shortcuts

space = play/pause
up/down arrows = increase/decrease volume
right/left arrow = seek backward/forwards by 15 seconds
ctrl+left/ctrl+right arrow = seek backward/forwards by 10% seconds
ctrl+up/ctrl+down arrow = mute/unmute
home = seek to beginning
end = seek to end

powrsurg

<video poster="https://s3.amazonaws.com/stream.collabornation.net/diy/67Z5wBpbCSShkEhl7nb2103jm/slides/3XnJSIm4-640.jpg" controls="">
  <source src="https://s3.amazonaws.com/stream.collabornation.net/diy/67Z5wBpbCSShkEhl7nb2103jm/media/W9W9GtsM-1753142.mp4"></source>
  <track label="Captions" src="https://s3.amazonaws.com/stream.collabornation.net/diy/67Z5wBpbCSShkEhl7nb2103jm/captions/2UEDrDhv.vtt" kind="captions"></track>
</video>

powrsurg

YyEzYj

A Pen by Brian LePore on CodePen.

License.

powrsurg

      <div class="sl_block_row">
        <div class="sl_form_label_block">
          <span id="active_text">Set Team as Active?</span>
          <span role="tooltip" id="team_active_options_tip" class="help_tip" title="Active teams are visible to all team members. Inactive teams can be seen only by team managers and administrators."
                aria-label="Active teams are visible to all team members. Inactive teams can be seen only by team managers and administrators.">?</span>
        </div>
        <div class="sl_formfield_block" id="team_active_options">
          <div class="sl_radio"><span class="sl_radio"><label for="team_active"><input type="radio" name="set_team_active" id="team_active" value="1" checked aria-labelledby="active_text" aria-describedby="team_active_options_tip" />&nbsp;<span class="sl_radio_label">Yes</span></label></span>&nbsp;&nbsp;&nbsp;
          <span class="sl_radio"><label for="team_inactive"><input type="radio" name="set_team_active" id="team_inactive" value="0" aria-labell

powrsurg

<table>
  <caption>We would like the table headers to be read by screen readers but not shown to users</caption>
  <thead>
    <tr>
      <th></th>
      <th id="course_title">Course Title</th>
      <th id="course_date">Course Date</th>
      <th id="course_status">Course Status</th>
    </tr>
  </thead>

powrsurg

<table>
  <thead>
    <tr>
      <th></th>
      <th scope="col">Name</th>
      <th scope="col">Grade</th>
    </tr>
  </thead>
  <tbody>
    <tr>