Skip to content

MCKIN-12768 Feedback icons changed to button for averall assessment case - #257

Merged
giovannicimolin merged 32 commits into
open-craft:masterfrom
musmanmalik:usman/MCKIN-12768
Jan 24, 2020
Merged

MCKIN-12768 Feedback icons changed to button for averall assessment case#257
giovannicimolin merged 32 commits into
open-craft:masterfrom
musmanmalik:usman/MCKIN-12768

Conversation

@musmanmalik

Copy link
Copy Markdown
Contributor

We are working on accessibility. This is also one the the reported. This fix has been done for MRQs already and fro MCQs and multi rating questions in progress. In this pull request this is fixed for assessment checkmark.

At a basic level, all custom controls within a web application should provide identifying information about the component. This includes a name, type (role) and may contain state, value, and description information. When custom elements do not expose identifying information, users of assistive technology may not be able to identify and interact with the element. For example, without knowing the role or state of an element, the user of a screen reader may not know what actions can be performed on an element even if the element exposes a textual name. Without a proper role, assistive technology interactions that rely on roles being identified may not become available to the user.

The best approach is to use the element and appropriate aria attributes to indicate all the required information. This will make the icons keyboard focusable by default.

@xitij2000 @Agrendalath @lgp171188 Please review this pull request.

@xitij2000

Copy link
Copy Markdown
Member

@musmanmalik Please ping only me on such pull request since I am responsible for prioritising and assigning these PRs.

@musmanmalik

Copy link
Copy Markdown
Contributor Author

@xitij2000 Okay sure

@giovannicimolin giovannicimolin left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@musmanmalik I've left a comment on the PR.

Can you reply, make the necessary changes and let me know if you have any concerns about the solution I've proposed?

Comment thread problem_builder/templates/html/mentoring_with_steps.html
Comment thread problem_builder/public/css/questionnaire.css Outdated
@Agrendalath

Agrendalath commented Jan 24, 2020

Copy link
Copy Markdown
Member

@musmanmalik, as #256 PR is now merged, could you please rebase this PR on master branch to ensure none of these styles overlap? Also please bump the version in setup.py to v3.4.9.
cc: @giovannicimolin

@musmanmalik

Copy link
Copy Markdown
Contributor Author

@Agrendalath @giovannicimolin Please merge this and create release tag

@giovannicimolin giovannicimolin left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

👍

  • I tested this:
  1. Installed this branch on a master devstack.
  2. Create a new course and added a step-builder with MCQ in mentoring step.
  3. Checked that the feedback icon is selectable and readable by the screen reader ✔️
  • I read through the code
  • I checked for accessibility issues: fixes an accessibility issue.
  • Includes documentation NA

@musmanmalik Thanks for this improvement. I'll merge the PR and create a new version tag.

@giovannicimolin
giovannicimolin merged commit 3f8a726 into open-craft:master Jan 24, 2020
Agrendalath added a commit that referenced this pull request Jan 27, 2020
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.

4 participants