Skip to content

fix: added Required Asterisk sign in the labels #660

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: open-release/sumac.master
Choose a base branch
from

Conversation

zubairshakoorarbisoft
Copy link

Description

On Discussion page, while adding the post, Compulsory fields are missing the required alert sign (e.g. Asterisk). So, I've added Asterisk sign on post title and content area to prevent user from posting content without it. This will prevent the error message and save user time.

Steps to Reproduce:
Open Sandbox URL

  1. Post the form without adding any data to the email or dropdown fields
  2. Observe both fields are compulsory

Related to overhangio/tutor-indigo#146

How Has This Been Tested?

I set up Tutor locally with the Indigo Plugin enabled (which is enabled by default). I followed the above steps to reproduce the issue, inspected the HTML on the frontend, and identified where the adjustment was needed.

Sandbox (optional):

Sandbox Link

Following Taiga tickets has been addressed in this PR(Access required):

  1. https://tree.taiga.io/project/zaraahmed-tutor-indigo-accessibility/us/41

Screenshots

Before
image

Merge Checklist

  • If your update includes visual changes, have they been reviewed by a designer? Send them a link to the Sandbox, if applicable.
  • Is there adequate test coverage for your changes?

Post-merge Checklist

  • Deploy the changes to prod after verifying on stage or ask @openedx/edx-infinity to do it.
  • 🎉 🙌 Celebrate! Thanks for your contribution.

Copy link

@wittjeff wittjeff left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The asterisk is a sufficient visual mark but WCAG 2.1 wants programmatic marking of state info as well.

@@ -13,11 +13,11 @@ <h3 class="hd hd-3">${_("Individual due date extensions")}</h3>
</p>
<p>
${_("Specify the {platform_name} email address or username of a student "
"here:").format(platform_name=settings.PLATFORM_NAME)}
"here*:").format(platform_name=settings.PLATFORM_NAME)}
<input type="text" name="student" placeholder="${_("Student Email or Username")}">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should also have required attribute for the input here.

<input type="text" name="student" placeholder="${_("Student Email or Username")}">
</p>
<p>
${_("Choose the graded subsection:")}
${_("Choose the graded subsection*:")}
<select name="url">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should also have required attribute for the input here.

@@ -28,7 +28,7 @@ <h3 class="hd hd-3">${_("Individual due date extensions")}</h3>
<% format_string="MM/DD/YYYY HH:MM" %>
<p>
## Translators: "format_string" is the string MM/DD/YYYY HH:MM, as that is the format the system requires.
${_("Specify the extension due date and time (in UTC; please specify {format_string}).").format(format_string=format_string)}</p>
${_("Specify the extension due date and time (in UTC; please specify {format_string}).").format(format_string=format_string)}*</p>
<p><input type="text" name="due_datetime"

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should also have required attribute for the input here.

@@ -28,7 +28,7 @@ <h3 class="hd hd-3">${_("Individual due date extensions")}</h3>
<% format_string="MM/DD/YYYY HH:MM" %>
<p>
## Translators: "format_string" is the string MM/DD/YYYY HH:MM, as that is the format the system requires.
${_("Specify the extension due date and time (in UTC; please specify {format_string}).").format(format_string=format_string)}</p>
${_("Specify the extension due date and time (in UTC; please specify {format_string}).").format(format_string=format_string)}*</p>
<p><input type="text" name="due_datetime"
placeholder="${format_string}"/> <input type="text" name="reason" placeholder="${_('Reason for extension')}" size=40 />

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should also have required attribute for the input here.

@@ -68,7 +68,7 @@ <h3 class="hd hd-3">${_("Viewing granted extensions")}</h3>
</p>
<p>
${_("Specify the {platform_name} email address or username of a student "
"here:").format(platform_name=settings.PLATFORM_NAME)}
"here*:").format(platform_name=settings.PLATFORM_NAME)}
<input type="text" name="student" placeholder="${_("Student Email or Username")}">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should also have required attribute for the input here.

<input type="text" name="student" placeholder="${_("Student Email or Username")}">
</p>
<p>
${_("Choose the graded subsection:")}
${_("Choose the graded subsection*:")}
<select name="url">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should also have required attribute for the input here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants