Skip to content

Comments

fix: Resolve various WCAG accessibility / css issues in the HTML report#7629

Merged
jeremylong merged 3 commits intomainfrom
fix/issue-7618
May 5, 2025
Merged

fix: Resolve various WCAG accessibility / css issues in the HTML report#7629
jeremylong merged 3 commits intomainfrom
fix/issue-7618

Conversation

@aikebah
Copy link
Collaborator

@aikebah aikebah commented May 4, 2025

Description of Change

  • Set the html lang attribute
  • Adapt the original summary text intro into one that is useable to provide the table description as an aria-labelledby and adapt the vulnerabilityDisplayToggle onClick event accordingly
  • Remove the duplicated .hidden css class rule
  • Increased contrast-ratio of the disclaimer text from 3.85 (not WCAG compliant) to 7.0 (WCAG AAA compliant)

Other items reported by Firefox are not taken up now, these concern the lack of proper keyboard support in the JQuery plugin that is currently used to make the summary table sortable. Resolving those would require replacement of the plugin by some other plugin that would offer full WCAG compliancy.

Related issues

Have test cases been added to cover the new functionality?

no, some base testing performed with Firefox and Safari using MacOS VoiceOver to check that navigation works and the table description gets used as expected.

aikebah added 3 commits May 1, 2025 20:58
* Set the html lang attribute
* Convert the summary table introductionary text into a description and move it into the table as the caption
* Remove the duplicated .hidden css class rule

Fixes issue #7618
* Revert the summary table introductionary text to the caption as it breaks keyboard navigation due to the way the JQuery stupidTable plugin works
* Adapt the original summary text intro into one that is useable to provide the table description as an aria-labelledby and adapt the vulnerabilityDisplayToggle onClick event accordingly

Fixes issue #7618
…bility checker

Firefox reported a too low contrast ratio (3.85), darkened the disclaimer text to a contrast-ratio of 7.0 (WCAG AAA compliant)
@boring-cyborg boring-cyborg bot added the core changes to core label May 4, 2025
Copy link
Collaborator

@jeremylong jeremylong left a comment

Choose a reason for hiding this comment

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

LGTM

@jeremylong jeremylong merged commit a487391 into main May 5, 2025
8 checks passed
@jeremylong jeremylong deleted the fix/issue-7618 branch May 5, 2025 09:53
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jun 5, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

core changes to core

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Accessibility findings and duplicate CSS selector in dependency-check-report.html

2 participants