   propTypes:
     onContinue: React.PropTypes.func.isRequired
     project: React.PropTypes.string.isRequired
+    stepIntroType: React.PropTypes.string.isRequired
+
+  componentWillReceiveProps: (nextProps) ->
+    # focus the cardbody when paging through
+    # Otherwise the continue button may still be focused, causing screenreaders to fail
+    if nextProps.stepIntroType isnt this.props.stepIntroType
+      ReactDOM.findDOMNode(@refs.body).focus()
 
   render: ->
     {stepIntroType, project, onContinue} = @props

BS = require 'react-bootstrap'
React = require 'react'
_ = require 'underscore'
classnames = require 'classnames'



    classes = classnames 'task-step', "openstax-#{ALIASES[stepGroup]}-intro", project

    <CardBody ref={'body'} className={classes}>
      <h1>
        <span>{TITLES[stepGroup]}</span>
      </h1>
