Skip to content

Fix diff mode selector roles and tabindexes#8912

Merged
andreslucena merged 4 commits intodecidim:developfrom
mainio:fix/diff-mode-selector-roles
Feb 25, 2022
Merged

Fix diff mode selector roles and tabindexes#8912
andreslucena merged 4 commits intodecidim:developfrom
mainio:fix/diff-mode-selector-roles

Conversation

@ahukkanen
Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen commented Feb 24, 2022

🎩 What? Why?

This is a subsequent PR for #8879 which fixed the keyboard accessibility and label for the diff mode dropdown.

As a side effect, it introduced some other accessibility errors that were shown by the accessibility tool. This fixes those issues and adds the "accessible page" system specs to multiple pages displaying these diff mode selectors.

I also removed the "tabindex" attributes which come from a legacy version. I compared the dropdown markup with the language selector dropdown and it also did not have those. The tabindex attributes are unnecessary when the elements have the proper role attributes.

📌 Related Issues

Testing

Go to the diff mode page (e.g. a proposal version or collaborative draft) and take a look at the accessibility tool (see attached screenshot).

📋 Checklist

  • CONSIDER adding a unit test if your PR resolves an issue.
  • ✔️ DO check open PR's to avoid duplicates.
  • ✔️ DO keep pull requests small so they can be easily reviewed.
  • ✔️ DO build locally before pushing.
  • ✔️ DO make sure tests pass.
  • ✔️ DO make sure any new changes are documented in docs/.
  • ✔️ DO add and modify seeds if necessary.
  • ✔️ DO add CHANGELOG upgrade notes if required.
  • ✔️ DO add to GraphQL API if there are new public fields.
  • ✔️ DO add link to MetaDecidim if it's a new feature.
  • AVOID breaking the continuous integration build.
  • AVOID making significant changes to the overall architecture.

📷 Screenshots

Accessibility issues related to the diff mode dropdown

There is another unrelated accessibility issue with the
breadcrumbs on the accountability versions page, so this will
remove the accessibility tests from that gem.
@ahukkanen
Copy link
Copy Markdown
Contributor Author

There are duplicate IDs on the pages when there are two diff mode selector elements as shown by the failing accessibility tests.

There is another PR #8915 that fixes that issue, so I'll mark this as draft while waiting for #8915 to get merged.

@ahukkanen ahukkanen marked this pull request as draft February 24, 2022 17:07
@ahukkanen ahukkanen marked this pull request as ready for review February 25, 2022 08:36
@ahukkanen
Copy link
Copy Markdown
Contributor Author

This is also now ready for review after syncing with develop.

@ahukkanen
Copy link
Copy Markdown
Contributor Author

@andreslucena Can you also take a look at this, so I can create the backport combining all these toghether?

@andreslucena andreslucena added module: core team: accessibility type: fix PRs that implement a fix for a bug labels Feb 25, 2022
@andreslucena andreslucena merged commit 9b29dde into decidim:develop Feb 25, 2022
@andreslucena
Copy link
Copy Markdown
Member

@andreslucena Can you also take a look at this, so I can create the backport combining all these toghether?

Merged!

@ahukkanen ahukkanen deleted the fix/diff-mode-selector-roles branch February 25, 2022 14:11
entantoencuanto added a commit that referenced this pull request Mar 2, 2022
* develop: (57 commits)
  Add a subtitle to assemblies and processes pages (#8918)
  Add a subtitle to votings page (#8919)
  Fix profile notifications (#8943)
  Fix email for verification conflict with managed users (#8926)
  Move VAPID keys generators to core (#8923)
  Fix officialized user event missing translations (#8927)
  Fix verification report with multitenants: notify it only to admins of that organization (#8929)
  Fix processes creation form with stats, metrics and announcements (#8925)
  Fix flaky spec in meetings multi-date selectors (#8924)
  Local HTML validator for the CI (#8937)
  Fix translatable presence validator for hyphenated locales (#8795)
  Fix link to docs in initiatives admin (#8921)
  Fix initiatives signatures issues (#8448)
  Fix the meetings export to also include unpublished meetings (#8874)
  Fix heading order in the consultation question page (#8920)
  Fix diff mode selector roles and tabindexes (#8912)
  Fix budget hard dependency and caching flag issues in comments (#8899)
  Fix emoji picker hiding Foundation Abide form errors (#8886)
  Fix logical heading order for the endorsers list (#8892)
  Fix Foundation Abide errors for Rails remote (AJAX) forms (#8889)
  ...
ahukkanen added a commit to mainio/decidim that referenced this pull request Mar 2, 2022
@ahukkanen
Copy link
Copy Markdown
Contributor Author

Backport at #8950.

@alecslupu alecslupu added this to the 0.27.0 milestone Jul 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

module: core team: accessibility type: fix PRs that implement a fix for a bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants