Accessibility tool for development environments#7810
Merged
mrcasals merged 23 commits intodecidim:developfrom Apr 19, 2021
Merged
Accessibility tool for development environments#7810mrcasals merged 23 commits intodecidim:developfrom
mrcasals merged 23 commits intodecidim:developfrom
Conversation
mrcasals
approved these changes
Apr 19, 2021
Contributor
|
Yay, thanks you so much @ahukkanen! |
Contributor
|
@ahukkanen after merging this PR, we got some errors in https://github.com/decidim/decidim/runs/2380822325?check_suite_focus=true Could you check them out, please? 😄 |
Contributor
Author
|
@mrcasals It seems it's not getting yarn packages from registry.yarnpkg.com. I just tried requesting manually that file: It works now. Can you restart the jobs? |
Contributor
|
Oh, on it, thanks! |
entantoencuanto
added a commit
that referenced
this pull request
Apr 19, 2021
* develop: New Crowdin updates (#7850) Accessibility tool for development environments (#7810) Attempt to fix puffing-billy runtime error (#7853) Dynamically get all participatory space role tables for the `visible_meeting_for` query (#7855) Fix joining a meetings that the user already follows (#7854) Improve proposals import options (#7669) Fix proposal form attachment errors (#7856) New Crowdin updates (#7844) Fix branch name on generators (#7849) Conditionally render questions in election booth (#7822) Fix node version for version managers (#7848) Migrate to Webpacker (#7464)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎩 What? Why?
This implements a visual accessibility evaluation tool for the
decidim-devmodule that can be used to decrease the amount of accessibility issues in the views.The tool becomes available when the following is true:
decidim-devhas been defined as a dependency in the Gemfile (generally in the:developmentgroup)developmentenvironment (i.e.RAILS_ENV=developmentwhich is the default)This also adds the tool to the design app.
📌 Related Issues
Testing
📋 Checklist
docs/.📷 Screenshots
The tool in action:
decidim-visual-accessibility-tool.mp4
It displays a
WAI WCAGbadge at the left side of the screen and clicking that opens a list of accessibility violations on that page.When everything is OK it looks like this:

When there are errors on the page, it looks like this (the number indicates the different violation categories on the page):

When the sidebar is opened, the sections of the page that have violations are highlighted on the page like this:

When you click the violation indicator (:warning:), it will highlight which issue this is as listed in the sidebar (shown in the video).