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

Accessibility Improvements - labels, IDs, colours, heading order, tab indexes #10743

Merged
merged 21 commits into from Jun 10, 2020

Conversation

slafleche
Copy link

@slafleche slafleche commented Jun 10, 2020

Various accessibility issues:

  • Added missing aria-labels
  • Fixed duplicate IDs
  • Fixed colour contrast issues
  • Cleaned up clickableItemStates it had dead code and dead props
  • Fixed broken change picture hover on profile and also made it accessible
  • Fixed heading order issues (note an aria-level was often as a solution to avoid changing the real HTML tag, because it may break theme styles)
  • Added missing labels to form elements
  • Fixed tab indexes

Closes: https://github.com/vanilla/internal/issues/2555

Stéphane LaFlèche added 17 commits June 8, 2020 06:39
…e-color-contrast

* feature/refactor-color-helper-props:
  Refactored props of modifyColorBasedOnLightness to use an object instead of multiple params
* master:
  Replace regex for sprintf
  Removed unecessary references to activity name and made it optional
  Implemented feedback
  Refactored parsing of images
  Fixing unit test
  Fixed translation and linting errors
  Add translation function to gdn object
  Fixed label for options dropdown and fixed broken link text
  Fixed bad tab indexes Fixed visibility of alt text for options dropdowns Fixed missing description for mounted Editors
  Added missing text to button
  Added new function to formatters to fetch the alt text from images in the search results.
  Added label to token input Added aria-hidden on autosize
  Fix duplicate IDs for atwho plugin
  Replaced nav tag for div
  Add missing text to mebox close button
  Fixed accessibility issues for flyouts and user images
  Fixing image alt texts
  Fixing flyout IDs
* master: (51 commits)
  Rollback flyouts touchstart event change
  Fix bad test
  Normalize unicode in URL paths before scraping
  tweak
  tweak
  tweak
  sinc themes with master
  fix keystone styles
  fix drafts count
  Fix normalization of current theme when Garden.CurrentTheme isn't set
  update docblock
  use invalidargumentexception
  fix lint
  exception message
  add exception if wrong type is provided
  test if expcetionType exists before adding to exception array
  Fix forum breadcrumbs in hub/node sites
  Tweak the name of ArrayUtils::mergeRecursive
  adjust spacing
  add a blockexcpetion method to the dispatcher
  ...

# Conflicts:
#	library/src/scripts/headers/mebox/pieces/TitleBarNavItem.tsx
@slafleche slafleche changed the title Accessibility Improvements - Accessibility Improvements - labels, IDs, colours, heading order, tab indexes Jun 10, 2020
@slafleche slafleche marked this pull request as ready for review June 10, 2020 12:09
@slafleche slafleche requested review from charrondev and a team June 10, 2020 12:09
@codecov
Copy link

codecov bot commented Jun 10, 2020

Codecov Report

Merging #10743 into master will decrease coverage by 0.03%.
The diff coverage is 6.66%.

@@             Coverage Diff              @@
##             master   #10743      +/-   ##
============================================
- Coverage     56.64%   56.61%   -0.04%     
+ Complexity     7497     3942    -3555     
============================================
  Files           398      398              
  Lines         45528    45503      -25     
============================================
- Hits          25791    25761      -30     
- Misses        19737    19742       +5     
Impacted Files Coverage Δ Complexity Δ
...tions/dashboard/library/class.nestedcollection.php 16.04% <ø> (ø) 103.00 <0.00> (ø)
library/Vanilla/Formatting/Quill/Formats/Code.php 100.00% <ø> (ø) 4.00 <0.00> (ø)
library/Vanilla/Utility/HtmlUtils.php 82.35% <0.00%> (-10.99%) 17.00 <2.00> (+2.00) ⬇️
library/core/functions.render.php 18.44% <0.00%> (-0.09%) 0.00 <0.00> (ø)
...matting/Html/Processor/UserContentCssProcessor.php 98.00% <100.00%> (+0.04%) 0.00 <0.00> (-21.00) ⬆️
...ons/dashboard/controllers/api/ThemesApiSchemes.php 49.39% <0.00%> (-1.18%) 0.00% <0.00%> (ø%)
...oard/controllers/api/AuthenticateApiController.php 83.27% <0.00%> (-0.27%) 62.00% <0.00%> (ø%)
library/Vanilla/Models/InstallModel.php 58.53% <0.00%> (-0.26%) 0.00% <0.00%> (-51.00%)
...ry/Vanilla/EmbeddedContent/LegacyEmbedReplacer.php 70.73% <0.00%> (-0.24%) 0.00% <0.00%> (ø%)
...s/dashboard/controllers/api/MediaApiController.php 77.77% <0.00%> (-0.23%) 20.00% <0.00%> (ø%)
... and 17 more

…lumnStyles.ts

Co-authored-by: Adam Charron <adam@charrondev.com>
@slafleche slafleche requested review from charrondev and a team June 10, 2020 13:21
@slafleche slafleche merged commit 696280c into master Jun 10, 2020
@slafleche slafleche deleted the fix/accessible-color-contrast branch June 10, 2020 13:47
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.

None yet

3 participants