Skip to content

Comments

Changes to the FeedbackXBlock (formerly RateXBlock)#1

Open
pmitros wants to merge 45 commits intopmitros/edx-prototype-releasefrom
master
Open

Changes to the FeedbackXBlock (formerly RateXBlock)#1
pmitros wants to merge 45 commits intopmitros/edx-prototype-releasefrom
master

Conversation

@pmitros
Copy link
Owner

@pmitros pmitros commented Jan 5, 2016

No description provided.

@pmitros pmitros force-pushed the master branch 4 times, most recently from 1628680 to 3642dc8 Compare January 8, 2016 23:10
README.md Outdated
Copy link

Choose a reason for hiding this comment

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

Put feedback in double quotes ("feedback") to help reduce the number of people who attempt to enter strings in Advanced Setting with single quotes (which doesn't work because it is not valid JSON).

Copy link
Owner Author

Choose a reason for hiding this comment

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

Fixed. Thanks.

@cahrens
Copy link

cahrens commented Jan 14, 2016

I think there is a pretty serious problem with using keyboard navigation to select the rating. As you use the arrow keys to move between the different ratings, it seems to vote on each one. This will cause confusion both for anyone trying to understand the data, and the user since one expects to be able to navigate without actually submitting a rating.

FYI @cptvitamin

Copy link

Choose a reason for hiding this comment

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

For accessibility, you have to group the radio buttons with the same name together. See
https://dequeuniversity.com/rules/axe/1.1/radiogroup

FYI @cptvitamin

Choose a reason for hiding this comment

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

This appears to be OK. I think it is being used in here:
https://github.com/pmitros/FeedbackXBlock/pull/1/files#diff-4f75d70cd74efb92c6b338163f497b8fR5

So it is contained in a group.

@pmitros
Copy link
Owner Author

pmitros commented Apr 5, 2016

re: Save not having visual indication when it has focus and related issues in that comment: Those are Studio-wide issues, actually.

@pmitros
Copy link
Owner Author

pmitros commented Apr 5, 2016

@cahrens @cptvitamin I think this is good to go?

<label class="label setting-label" for="freeform">Freeform prompt</label>
<input class="input setting-input" name="freeform" id="freeform" value="{freeform}" type="text" />
<label class="label setting-label">Freeform prompt
<input class="input setting-input" name="freeform" id="freeform" value="{freeform}" type="text" />
Copy link

Choose a reason for hiding this comment

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

Nit: The thing that's nice about doing the nesting is that you then do not need the IDs (id="freeform"), assuming they aren't being used elsewhere. And in general, we avoid IDs.

@cahrens
Copy link

cahrens commented Apr 7, 2016

👍 on my comments (though you could most likely delete some more IDs if so inclined)

https://github.com/pmitros/FeedbackXBlock/pull/1/files/d2161157ff4cf21c1aaefba5a0864914366d9373..462ecbeb04a14cce225479402563b5a027400fe9#r58912706

@pmitros
Copy link
Owner Author

pmitros commented Apr 7, 2016

@cahrens Thanks.

I kept the id= since I took that from another studio_view. It interacts with Studio JavaScript in ways which aren't documented, which I don't really understand, and which are quite brittle. At some point, we'll want to build a proper API for authoring views (a self-contained author_view for any XBlock runtime). Until then, studio_view thing is an okay hack to have, but in the interim, I prefer to follow the pattern matching on HTML+JavaScript+CSS as much as possible. We're much less likely to see failures if we're consistent in how we make studio_view between elements (even if incorrectly consistent).

</fieldset>

<div class="feedback_header_div">
<label class="feedback_header" for="feedback_freeform_textarea">{freeform_prompt}</label>

Choose a reason for hiding this comment

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

@pmitros this label does not programmatically link to the textarea below. the for attribute must take an IDref. This references the name attribute. Recommend adding an IDref to the textarea below. You may need to append a random value to the end of the ID since multiple Feedback blocks on one page would cause uniqueness errors that would actually impact accessibility (not all do).

@cptvitamin
Copy link

@pmitros I noticed that the live region feedback "thanks for voting" appears before the actual submit button. live regions are still in the dom and accessible in the order they are encountered. I found that after exiting the textarea, I was informed "Thanks for voting" leaving me to believe my job was done, my vote has been counted. Yet, I didn't hit the submit feedback button yet. I would recommend either removing this notification after a timeout, or placing it after the submit button or, having it appear AFTER the submit button is pressed, not a radio-button selected. also, the Thanks for voting notification is announced after moving from one radio button to the next. If you decide to choose radio button option 5 you have to hear it 5 times.


<li class="field comp-setting-entry is-set">
<div class="wrapper-comp-setting">
<label aria-describedby="lik_fair" class="label setting-label">Likert option 4</label>

Choose a reason for hiding this comment

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

two closing label elements here (see line 86)

@cptvitamin
Copy link

@pmitros while I'm glad you converted your studio markup from explicit to implied labelling, aside from the duplicate closing </label> elements, I noticed that the CSS is not working in your favor. This can be seein in the following screenshot:

screenshot showing that implied labels are limiting the overall width of the form controls

The implied labels are constraining the overall width of the form controls. That is how I noticed the duplicate closing elements. This concerns me because we have to start fixing the labels across the studio product, either converting to implied or adding explicit labels. It appears taht both solutions will require significant effort.

pmitros and others added 19 commits June 7, 2017 04:19
Initial support for GitHub actions
support for python 3.5/3.8 and django 2.2 + basic tests
it was not versioned
feat: add support for django 3.2
* Add python condition for installing bok-choy
* Remove unsupported python 2.7
* Add constraints to requirements given python version
This change removes support for Python 2, in order to fix the github actions build. If you would like to continue to use older versions of Open edX (e.g. to replay old courses), please use an earlier commit of this tool as well.
The problem is cgi.escape() was deprecated since
py3.2 and removed since py3.8
fix: edit mode error. cgi library obsolete, replaced with HTML
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.

6 participants