Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-122042

Accessibility Monitoring Visual Component

    Details

    • Spike Type:
      Technical
    • Conclusion:
      Using axe-core with a light React UI on top can easily achieve the desired effect as proven by the Research Document and PoC.
    • Sprint:
      S04E01 - The Joshua Tree

      Description

      As stated in the Acceptance Criteria of As a developer I want to be able to validate my page accessibility conformance, we want to build a component with the following capabilities:

      • The tool can be executed on runtime over a given page
      • Tests the page for a given set of accessibility rules
      • Runs automatically in the background
      • Presents itself as a visual barrier to the experience
      • Provides additional information about the a11y violations found an hints on how to address them

      The goal of this technical spike is to create a Proof of Concept of how such a component could work.

      Acceptance Criteria:

      • A Research Document including:
        • State of the Art and Similar Tools
        • Comparison of Accessibility libraries
        • Recollection of interesting features
        • Implementation Proposal
      • Proof of Concept (in a Pull Request) implementing the final proposal for validation

      Additional Resources

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              team-frontend-infra Product Team Frontend Infrastructure
              Reporter:
              jose.balsas Chema Balsas
              Engineering Assignee:
              Matuzalém Teles
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package