Skip to content

[Do not merge] Fixes #2472 - Makes a first pass at validation issues #2473

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

Closed
wants to merge 1 commit into from

Conversation

karlcow
Copy link
Member

@karlcow karlcow commented May 31, 2018

This PR fixes issue #2472

Proposed PR background

This just intends to fix some markup and validation issues.
I was investigating something else which was not working well. And it was getting into the way.
It seems unrelated, but the HTML code could benefit of a bit of a clean up.

Anyone can take over this. This is not mine. :)

@karlcow karlcow requested a review from zoepage May 31, 2018 05:59
@karlcow
Copy link
Member Author

karlcow commented May 31, 2018

@zoepage pinging you on this. Because I probably messed up some of the code/template decision you made. Sorry! If there are better ways to fix I'm all hears.

@zoepage
Copy link
Member

zoepage commented May 31, 2018

Thanks for the ping @karlcow. I'm @ a conference and won't have time before Tuesday. (Sorry :/ )

If this is too long, maybe @Regaddi could take a look?

@karlcow
Copy link
Member Author

karlcow commented May 31, 2018

No issue. :) It's not an emergency.
Have fun at the conference!

@miketaylr
Copy link
Member

+1, I was talking about some of the redundant SVG text with Patrick Lauke the other week -- I forgot to file a bug on it.

Copy link
Member

@zoepage zoepage left a comment

Choose a reason for hiding this comment

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

Just 2 small things. Otherwise it looks good to me. :)

Still not 100% sure, if we should remove the title as this caused the SVG's to disappear. But this is definitely not blocking as this has been fixed in Firefox.

@@ -73,7 +73,7 @@ <h1 class="headline-1">Report Site Issue</h1>
</div>
<div class="form-radio form-element js-Form-group">
<div class="js-Form-information form-label-message">
{{ form.browser_test.label(class_='form-label') }}
<div class="form-label">Did you test in another browser?</div>

This comment was marked as abuse.

@@ -26,7 +26,7 @@ <h1 class="headline-1">Report Site Issue</h1>
</div>
<div class="form-radio form-element js-Form-group">
<div class="js-Form-information form-label-message">
<label class="form-label form-required" for="problem_category">Type of bug</label>
<label class="form-label form-required">Type of bug</label>

This comment was marked as abuse.

@@ -3,7 +3,7 @@
{% block body %}
<div>
{% include "nav/nav.html" %}
<main role="main">

This comment was marked as abuse.

@miketaylr
Copy link
Member

Closing per #2484 (comment). If there's stuff not covered someone feels strongly about, please file a new issue.

@miketaylr miketaylr closed this Jun 6, 2018
miketaylr pushed a commit that referenced this pull request Jun 6, 2018
…y `role="button"`, account dropdown trigger) (#2484)

* Fix redundant/incorrect SVG alternative text, remove unnecessary role="button"

- `aria-role="hide"` is invalid/non-existent markup
- if a control already has text, it's redundant to have `<title>` and extra text for an SVG - just set it to `aria-hidden="true"` and remove any text in it
- `aria-label` on the focusable control is generally easier/better if providing a name/label to a control, rather than `<title>` inside the SVG, in cases no other text content is present
- *never* ever `aria-hidden="true"` a focusable element (as was the case with the "Close search" button)
- having `role="button"` on a `<button>` is unnecessary

* Fix the account dropdown trigger

- `aria-expanded` is probably more appropriate than `aria-pressed`
- make sure the aria attribute is changed on the actual `<button>`, not on the `<li>` (this could likely also be fixed by changing the `var navDropDown = ...` but I wasn't sure if there were perhaps other dependencies on that being the `<li>`

* Trivial indentation fix

(missed this in the previous commit)

* Modify test rendering unit test

to reflect the changes made to the SVG alternative text
@karlcow karlcow deleted the 2472/1 branch August 24, 2020 04:43
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