A new view for interpreting and acting on your accessibility violations has been introduced with AMP 9.14. This new view allows users to group their violation instances by Module impacted, Violation Type, and Pattern.
On this page:
Grouping control
You can control the grouping of the Violations (BETA) table through the "Grouping By" drop down menu above the groupings. This menu will present you with three (3) options:
- Module: This grouping will display all the violation instances grouped by the module where the violation instance was found.
- Violation: This grouping will display all the violation instances grouped by their violation type (Best Practice).
- Pattern: This grouping will display all the violation instances grouped by the pattern or global they are a member of. Violation Instances that are not members of a pattern or global will not be listed here. Additionally, if no Pattern or Global violation sets have been created this grouping will be empty.
Group by module
The default grouping is by Module. In this view you will see a list of the Modules in the Report. Each unique module will be its own row displaying the following information and can be seen in the screenshot below:
- Module Name: The name of the module
- Module Location: Displays the actual location of the module, for a webpage the location would be the URL for the specific webpage.
- Instances: The number of violations instances in the module that will be displayed if the module is expanded.
- ⏷: The down caret icon allows you to expand the module to view the violation instances within that module
When expanded there will be a table that displays the violation instances within that module. For each violation in the table the following information will be displayed:
- Actions: Allows you to edit and delete violation instances
- Violation: The name of the Best Practice that is in violation
- Description: The code that is in violation
- Note: Any note added by a user about the code in question
- Severity: The severity rating for the violation
- Pattern: Displays the associated pattern (if applicable) to the violation instance
- Instance Status: The status of the violation ('Failed', 'Fixed', 'Passed', 'Reviewed')
Group by violation
If Violation is selected from the grouping control drop down then this view will display all the violation instances grouped by their violation type (Best Practice). Each Best Practice will be its own row displaying the following information and can be seen in the screenshot below:
- Violation Type (Best Practice): The name of the Best Practice that defines the type of violation grouped in each row.
- Instances: The number of violations instances in the module that will be displayed if the module is expanded.
- Severity: Displays the severity for the given best practice.
- ⏷: The down caret icon allows you to expand the module to view the violation instances within that module
When expanded there will be a table that displays the violation instances within that module. For each violation in the table the following information will be displayed:
- Actions: Allows you to edit and delete violation instances
- Module: The name of the module the violation is occurring on
- Description: The code that is in violation
- Note: Any note added by a user about the code in question
- Pattern: Displays the associated pattern (if applicable) to the violation instance
- Instance Status: The status of the violation ('Failed', 'Fixed', 'Passed', 'Reviewed')
Group by pattern
If Pattern is selected from the grouping control drop down then this view will display all the violation instances grouped by the pattern they are a member off. Each Pattern will be its own row displaying the following information and can be seen in the screenshot below:
- Pattern Name: The name of the Pattern or Global grouping violations on components, such as navigation bars or search widgets, that appear on multiple pages or all pages within the asset.
- Violations: The number of Violation Types (Best Practices) within the Pattern.
- Instances: The number of violations instances in the module that will be displayed if the module is expanded.
- Module: The number of modules impacted by this Pattern
- ⏷: The down caret icon allows you to expand the module to view the violation instances within that module
When expanded there will be a table that displays the violation instances within that pattern. For each violation in the table the following information will be displayed:
- Actions: Allows you to edit and delete violation instances
- Module: The name of the module the violation is occurring on
- Violation: The name of the Best Practice that is in violation
- Severity: The severity rating for the violation
- Description: The description added to the pattern on creation
- Note: Any note added by a user about the code in question
- Instance Status: The status of the violation ('Failed', 'Fixed', 'Passed', 'Reviewed')
Filter by Platform/Media Type
This view also includes a "Filter Violations" controls that allow you to filter the expanded violation instance tables. this filter will give you options for filtering your violation instances across a number of variables as outlined below:
Keyword: You can filter your violations to only include instances that contain a keyword provided by the user.
Media type: by selecting the dropdown in the 'Platform/Media Type' section of the 'Filter Violations' table. Select the media types and/or platforms that you would like displayed and select the 'Filter' button in order to filter the table.
Best Practice Type: You can choose between all best practice types, best practices that impact compliance, and best practices that are advisory.
Severity: You can choose a specific severity value to quickly filter the table.
Status: The choices here are 'All', 'Fixed', 'Passed', 'Reviewed', or 'Failed'. These are the statuses of the violations, all automatically flagged violations being 'Failed' by default.
Standard: This lets you filter based on Standard, such as 'WCAG 2.0 A', 'WCAG 2.0 AA', etc.
You are able to collapse the table at any time by activating the ‘Collapse’ action icon, in the upper right-hand area of the filter bar. It is also shown in the screenshot below.