Skip to content

E
edx-ora2
Commit 61361b18 by Ahsan Ulhaq
Options

peer and self assessment was impossible to toggle through keyboard 

The peer and self assessment can be toggled using mouse but was
impossible to toggle using keyboard so tab index='0' added to solve
this issue

TNL-65
parent b0c327b6
Showing with 30 additions and 28 deletions
openassessment/templates/openassessmentblock/grade/oa_grade_cancelled.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<div id="openassessment__grade" aria-expanded="false" class="openassessment__steps__step step--grade has--error"> <div id="openassessment__grade" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--grade has--error">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
......
openassessment/templates/openassessmentblock/grade/oa_grade_closed.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<div id="openassessment__grade" aria-expanded="false" class="openassessment__steps__step step--grade is--complete"> <div id="openassessment__grade" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--grade is--complete">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
......
openassessment/templates/openassessmentblock/grade/oa_grade_complete.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<div id="openassessment__grade" aria-expanded="true" class="openassessment__steps__step step--grade is--complete has--grade {% if allow_latex %}allow--latex{% endif %}"> <div id="openassessment__grade" aria-expanded="true" tabindex="0" class="openassessment__steps__step step--grade is--complete has--grade {% if allow_latex %}allow--latex{% endif %}">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
......
openassessment/templates/openassessmentblock/grade/oa_grade_incomplete.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<div id="openassessment__grade" aria-expanded="true" class="openassessment__steps__step step--grade"> <div id="openassessment__grade" aria-expanded="true" tabindex="0" class="openassessment__steps__step step--grade">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
......
openassessment/templates/openassessmentblock/grade/oa_grade_not_started.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<div id="openassessment__grade" aria-expanded="true" class="openassessment__steps__step step--grade is--unstarted"> <div id="openassessment__grade" aria-expanded="true" tabindex="0" class="openassessment__steps__step step--grade is--unstarted">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
......
openassessment/templates/openassessmentblock/grade/oa_grade_waiting.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<div id="openassessment__grade" class="openassessment__steps__step step--grade" aria-expanded="true"> <div id="openassessment__grade" tabindex="0" class="openassessment__steps__step step--grade" aria-expanded="true">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
......
openassessment/templates/openassessmentblock/peer/oa_peer_assessment.html
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
{% block list_item %} {% block list_item %}
<div <div
id="openassessment__peer-assessment" id="openassessment__peer-assessment"
tabindex="0"
class="openassessment__steps__step step--peer-assessment ui-toggle-visibility {% if allow_latex %} allow--latex {%endif%}" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility {% if allow_latex %} allow--latex {%endif%}"
data-submission-uuid="{{ peer_submission.uuid }}" data-submission-uuid="{{ peer_submission.uuid }}"
aria-expanded="true" aria-expanded="true"
......
openassessment/templates/openassessmentblock/peer/oa_peer_cancelled.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
{% block list_item %} {% block list_item %}
<div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment" aria-expanded="false"> <div id="openassessment__peer-assessment" tabindex="0" class="openassessment__steps__step step--peer-assessment" aria-expanded="false">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_closed.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__peer-assessment"class="openassessment__steps__step step--peer-assessment is--incomplete ui-toggle-visibility" aria-expanded="false"> <div id="openassessment__peer-assessment" tabindex="0" class="openassessment__steps__step step--peer-assessment is--incomplete ui-toggle-visibility" aria-expanded="false">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_complete.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--empty is--complete is--collapsed" aria-expanded="false"> <div id="openassessment__peer-assessment" tabindex="0" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--empty is--complete is--collapsed" aria-expanded="false">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_turbo_mode.html
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
{% block list_item %} {% block list_item %}
<div <div
id="openassessment__peer-assessment" id="openassessment__peer-assessment"
tabindex="0"
class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete"
data-submission-uuid="{{ peer_submission.uuid }}" data-submission-uuid="{{ peer_submission.uuid }}"
aria-expanded="true" aria-expanded="true"
......
openassessment/templates/openassessmentblock/peer/oa_peer_turbo_mode_waiting.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete" aria-expanded="true" <div id="openassessment__peer-assessment" tabindex="0" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete" aria-expanded="true"
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment is--unavailable is--empty is--collapsed" aria-expanded="false"> <div id="openassessment__peer-assessment" tabindex="0" class="openassessment__steps__step step--peer-assessment is--unavailable is--empty is--collapsed" aria-expanded="false">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_waiting.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment" aria-expanded="true"> <div id="openassessment__peer-assessment" tabindex="0" class="openassessment__steps__step step--peer-assessment" aria-expanded="true">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
{% block list_item %} {% block list_item %}
<div id="openassessment__response" aria-expanded="true" class="openassessment__steps__step step--response ui-toggle-visibility"> <div id="openassessment__response" tabindex="0" aria-expanded="true" class="openassessment__steps__step step--response ui-toggle-visibility">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
......
openassessment/templates/openassessmentblock/response/oa_response_cancelled.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
{% load tz %} {% load tz %}
{% block list_item %} {% block list_item %}
<div id="openassessment__response" aria-expanded="false" class="openassessment__steps__step step--response ui-toggle-visibility has--error"> <div id="openassessment__response" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--response ui-toggle-visibility has--error">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_closed.html
{% extends "openassessmentblock/response/oa_response.html" %} {% extends "openassessmentblock/response/oa_response.html" %}
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__response" aria-expanded="false" class="openassessment__steps__step step--response is--incomplete ui-toggle-visibility"> <div id="openassessment__response" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--response is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_graded.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__response" aria-expanded="false" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__response" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_submitted.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__response" aria-expanded="false" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__response" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__response" aria-expanded="false" class="openassessment__steps__step step--response is--empty is--unavailable is--collapsed"> <div id="openassessment__response" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--response is--empty is--unavailable is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_assessment.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load tz %} {% load tz %}
{% spaceless %} {% spaceless %}
{% block list_item %} {% block list_item %}
<div id="openassessment__self-assessment" aria-expanded="true" class="openassessment__steps__step step--self-assessment ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__self-assessment" tabindex="0" aria-expanded="true" class="openassessment__steps__step step--self-assessment ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
......
openassessment/templates/openassessmentblock/self/oa_self_cancelled.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
{% block list_item %} {% block list_item %}
<div id="openassessment__self-assessment" aria-expanded="false" class="openassessment__steps__step step--self-assessment"> <div id="openassessment__self-assessment" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--self-assessment">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_closed.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__self-assessment" aria-expanded="false" class="openassessment__steps__step step--self-assessment is--incomplete ui-toggle-visibility"> <div id="openassessment__self-assessment" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--self-assessment is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_complete.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__self-assessment" aria-expanded="false" class="openassessment__steps__step step--self-assessment is--complete is--empty is--collapsed"> <div id="openassessment__self-assessment" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--self-assessment is--complete is--empty is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__self-assessment"aria-expanded="false" class="openassessment__steps__step step--self-assessment is--empty is--unavailable is--collapsed"> <div id="openassessment__self-assessment" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--self-assessment is--empty is--unavailable is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load tz %} {% load tz %}
{% spaceless %} {% spaceless %}
{% block list_item %} {% block list_item %}
<div id="openassessment__student-training" aria-expanded="true" class="openassessment__steps__step step--student-training ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__student-training" tabindex="0" aria-expanded="true" class="openassessment__steps__step step--student-training ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
......
openassessment/templates/openassessmentblock/student_training/student_training_cancelled.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
{% load tz %} {% load tz %}
{% block list_item %} {% block list_item %}
<div id="openassessment__student-training" aria-expanded="false" class="openassessment__steps__step step--student-training"> <div id="openassessment__student-training" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--student-training">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training_closed.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__student-training" aria-expanded="false" class="openassessment__steps__step step--student-training is--incomplete ui-toggle-visibility"> <div id="openassessment__student-training" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--student-training is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training_complete.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__student-training" aria-expanded="false" class="openassessment__steps__step step--student-training is--complete is--empty is--collapsed"> <div id="openassessment__student-training" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--student-training is--complete is--empty is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<div id="openassessment__student-training" aria-expanded="false" class="openassessment__steps__step step--student-training is--empty is--unavailable is--collapsed"> <div id="openassessment__student-training" tabindex="0" aria-expanded="false" class="openassessment__steps__step step--student-training is--empty is--unavailable is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment