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

[MWPW-161236][NALA] Nala Accessibility Test Bot (A11y Bot) #3109

Merged
merged 67 commits into from
Oct 30, 2024

Conversation

skumar09
Copy link
Contributor

Accessibility Testing Bot that efficiently automates accessibility tests via simple commands in a VS Code terminal. This bot would enable comprehensive WCAG compliance checks across URLs and easy report generation.

Acceptance Criteria:

  • Command to Run Accessibility Testing from VS Code Terminal
    - Command: npm run a11y [options]
    - Description: Run the accessibility testing command directly from the VS Code terminal, simplifying the workflow for local testing.
  • Command to Run Accessibility Testing on a Specific URL
    - Command: npm run a11y <url>
    - Description: Run accessibility tests on the specified URL, quickly assessing the target page’s compliance with
    accessibility standards.
  • Command to Run Accessibility Testing on a Specific URL with WCAG Tags
    - Command: npm run a11y <url> --tags=<wcag_tags>
    - Description: Execute accessibility testing on a URL, specifying WCAG tags (e.g., wcag2a, wcag2aa, wcag21a) for targeted compliance testing.
    - Tags Parameter: Accept comma-separated WCAG tags to filter specific accessibility criteria, allowing customized testing.
  • Command to Run Accessibility Testing on URLs Listed in a File
    - Command: npm run a11y --file=<file_path>
    - Description: Perform accessibility testing on multiple URLs listed in a specified file, enabling batch testing for
    various pages.
    - File Format: Support .txt format, where each line contains one URL.
  • Generate Accessibility Testing HTML Report
    - Output: Automatically generate an HTML report summarizing accessibility violations, WCAG tags tested, and
    overall compliance status for each URL.
    - Report Features: Include metadata (test date, URL, tester), organized listing of violations, severity level, and
    recommendations.
    - HTML Report File Naming: For easy tracking, use a timestamped filename format (e.g., a11y_report_.html).

Resolves: MWPW-161236

Test URLs:

Test / Results

  1. npm run a11y url
    image
  2. npm run a11y url ( has violation)
    image
  3. npm run a11y url -- -t wcag2a,wcag2aa ( with wcag tags)
    image
  4. npm run a11y -- -f 'filename.txt'
    image

milo-pr-merge bot and others added 15 commits September 25, 2024 08:32
adobecom#3014)

[MWPW-159328] handle a case where there are not placeholders available (adobecom#2998)

* [MWPW-159328] handle a case where there are not palceholders availble

* fixed typos

---------

Co-authored-by: Denys Fedotov <denlight@gmail.com>
Co-authored-by: Denys Fedotov <dfedotov@Denyss-MacBook-Pro.local>
…adobecom#3023)

* stash

* stash

* stash

* working well

* set updated command list for inline

* remove querySelector function

* unit test and custom block fix

* updates for in-block

* merch-card-collection unit test fixed

* unit test updates

* more unit test repair

* linting errors

* more linting

* Fix Invalid selector test

* add coverage

* force git checks to refire

* remove comment

* pass rootEl to getSelectedElements for use when needed (gnav)

* skip if clause in codecov

---------

Co-authored-by: Vivian A Goodrich <101133187+vgoodric@users.noreply.github.com>
Co-authored-by: markpadbe <markp@adobe.com>
…becom#2991)

* Revert "MWPW-156749: Fix video CLS " (adobecom#2899) (adobecom#2900)

Revert "MWPW-156749: Fix video CLS  (adobecom#2849)"

This reverts commit d4134c8.

* Changing z-index of promobar and popup

* Changing z-index of promobar and popup

* Reverting z-index to 4 for promobar

---------

Co-authored-by: milo-pr-merge[bot] <169241390+milo-pr-merge[bot]@users.noreply.github.com>
Co-authored-by: Okan Sahin <39759830+mokimo@users.noreply.github.com>
Co-authored-by: Blaine Gunn <Blainegunn@gmail.com>
Co-authored-by: Akansha Arora <>
Copy link
Contributor

aem-code-sync bot commented Oct 29, 2024

Page Scores Audits Google
📱 /?martech=off PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ /?martech=off PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

Copy link

codecov bot commented Oct 29, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.33%. Comparing base (c61c4d6) to head (b314378).
Report is 25 commits behind head on stage.

Additional details and impacted files
@@            Coverage Diff             @@
##            stage    #3109      +/-   ##
==========================================
- Coverage   96.43%   96.33%   -0.10%     
==========================================
  Files         245      247       +2     
  Lines       55746    56235     +489     
==========================================
+ Hits        53757    54176     +419     
- Misses       1989     2059      +70     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@milo-pr-merge milo-pr-merge bot merged commit 22ac880 into adobecom:stage Oct 30, 2024
18 checks passed
@milo-pr-merge milo-pr-merge bot mentioned this pull request Oct 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants