Skip to content
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

[4.0] Outline none is evil #27636

Closed

Conversation

brianteeman
Copy link
Contributor

@brianteeman brianteeman commented Jan 25, 2020

https://medium.com/better-programming/a11y-never-remove-the-outlines-ee4efc7a9968

The build process 'Creates the error pages for unsupported PHP version & incomplete environment

The generated version of the files live in /templates/system

Look at the inline css in the generated files and you will see outline:0

outline:0 should never be used as it is a massive accessibility break. We are committed to providing an accessible experience with joomla 4 and this must include our error pages.

Apply the pr
Run the build scripts
either npm -i or node build.js --build-pages

check the generated files ans see that the inline css no longer includes outline:0

Irrespective of if you can observe the outline or not setting it to zero should always be avoided.

@jwaisner
Copy link
Member

@brianteeman Please provide testing instructions. A link to an article does not provide the instructions.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/27636.

@C-Lodder
Copy link
Member

@jwaisner - Focus on any link. There should be an outline

@jwaisner
Copy link
Member

hmm... I am not seeing a change when focusing on any part of the frontend or backend.

@N6REJ
Copy link
Contributor

N6REJ commented Jan 26, 2020

@brianteeman please don't provide a pr without clear testing instructions.

@N6REJ
Copy link
Contributor

N6REJ commented Jan 26, 2020

I don't believe this is the proper "fix", this simply changes one problem for another.
I've worked on numerous sites where the designer has begged me to "remove the stupid blue outline" and all this "fix" does is put it back. It doesn't even apply the fix given in the article.

@brianteeman
Copy link
Contributor Author

Can you not read the code? It's obvious where this applies

@N6REJ
Copy link
Contributor

N6REJ commented Jan 26, 2020

Can you not read the code? It's obvious where this applies

Sure can. Perhaps you should follow the C.O.C.

@brianteeman
Copy link
Contributor Author

And blocked. Comment on code not on people

@infograf768
Copy link
Member

Blocked? What or who is blocked?

@N6REJ
Copy link
Contributor

N6REJ commented Jan 26, 2020

Blocked? What or who is blocked?

Good question... taking this to team chat..

@rdeutz
Copy link
Contributor

rdeutz commented Jan 26, 2020

We have rules for how to make a PR, @brianteeman can you please add the missing information.

@HLeithner
Copy link
Member

@brianteeman I'm failing on this to what the heck is the "warning_page" the css reverences, sure I can search and find it out but a hint would be great.

And by the way, 2.4.7 WCAG 2.0 talks about "focus indicator" not necessary outline, so if someone can style something more consistent (each browser shows the outline different) and maybe not too aggressive like the monster glow around the element, I would appreciate that but can life with outline too ;-)

@brianteeman
Copy link
Contributor Author

description updated. I guess I was incorrect in assuming people knew the code base

@richard67
Copy link
Member

@infograf768 Blocked in the same way as I was blocked in last year. Troy now can't comment any of Brian's PRs. So Brian keeps a JBS member from doing his work.

@infograf768
Copy link
Member

I had no idea I could block anyone from my PRs...
How can you do that?

@infograf768
Copy link
Member

BTW, outline: 0; is all over the css, not only in the warning.css.
Does it have to be taken away everywhere?

@richard67
Copy link
Member

@infograf768 No idea how that works with blocking. I never had the intention to do so. Is against the spirit of a community project in my opinion. And blocking a JBS member is in my opinion sabotage even.

@brianteeman
Copy link
Contributor Author

@infograf768 I onyl see it here and in the installation template but maybe I missed it. At a basic level as long as you are not removing it from focus you should be ok. its just bad practice to blindly set it as it is too easy to either not set the focus indicator or for it to be removed later without realising the consequences.. Its a minor issue in a minor page - not worth the time being spent on it.

@infograf768
Copy link
Member

My grep shows there are 149 occurences of outline: 0; in j4 css

@brianteeman
Copy link
Contributor Author

@richard67 that is absolutely not what a block on github does when a user blocks another user

@brianteeman brianteeman deleted the drupal_sprint_weekend4 branch January 26, 2020 11:38
@brianteeman
Copy link
Contributor Author

not wasting any more time on this - sorry for caring about accessibility

@infograf768
Copy link
Member

@richard67
Copy link
Member

@infograf768 Am just curious now if I could block myself ;-)

@C-Lodder
Copy link
Member

@wilsonge - irerspective of this being closed, please merge. Outlines should not be set to 0

@infograf768
Copy link
Member

@C-Lodder
What about the other occurences of outline ?

@C-Lodder
Copy link
Member

Have they been set to 0 in other places?

@richard67
Copy link
Member

richard67 commented Jan 26, 2020

@brianteeman If you block someone, that person can't comment or review or even test your PRs. Like you did with me in last year.

@richard67
Copy link
Member

Blocking a JBS member means keeping a JBS member from doing JBS work.

@wilsonge
Copy link
Contributor

Merged with 64b9025

@brianteeman
Copy link
Contributor Author

Thanks @wilsonge

@richard67 not true

@richard67
Copy link
Member

@brianteeman What's not true? That you blocked me last year? Or that it kept me from commenting and testing your PRs? I don't wanna argue, just am asking in order to understand what you mean. In my case it was like that in last year.

@richard67
Copy link
Member

image

@richard67
Copy link
Member

Above screenshot from Troy. Was same for me last year. Issue tracker also failed to pass test result because that tries to add a comment on GitHub.

@richard67
Copy link
Member

@brianteeman Maybe you didn't know that blocking has the consequence shown in the screenshot in my 2nd last post?

@brianteeman
Copy link
Contributor Author

I can only go by the description provided by github which would not suggest that would happen

@richard67
Copy link
Member

@brianteeman Then the description is not complete. Believe me it was like this for me, too, in last year.

@richard67
Copy link
Member

richard67 commented Jan 26, 2020

If you want and if there is a way to unblock a user immediately again, we can test later. I could block you, then you could check the result, then i could unblock you again after some 1 hour or so, and then you could give feedback. What was funny to me was that on a mobile browser this message telling that commenting is impossible wasn't shown, and buttons were not deactivated. I did not want to try in last year if that would have worked on mobile client because I thought it could make you more angry on me. But on desktop it was like shown on the screenshot.

@infograf768
Copy link
Member

@C-Lodder

My grep shows there are 149 occurences of outline: 0; in j4 css

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.

10 participants