ISO/IEC 40500:2012 - Web Content Accessibility Guidelines (WCAG) Auditor Free Practice Test — 30 Questions

Question 1

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

The website fails Success Criterion 1.4.4 because resizing text to 200% necessitates horizontal scrolling to view all content and functionality.

Question 2

An accessibility auditor is reviewing a complex web application used by a diverse user base, including individuals with cognitive and visual impairments. During their assessment, they observe that when a user successfully completes a form submission, a confirmation message appears in a modal window. This modal window is visually distinct and contains important feedback. However, upon testing with a screen reader, the auditor discovers that the confirmation message is not programmatically announced, nor is there any other mechanism to alert the user to its presence or content. The application does not provide any user-configurable options to adjust or disable time limits for this interaction.

Which fundamental WCAG 2.1 principle is most directly and significantly violated in this scenario, leading to a failure to meet the intended accessibility standards for users relying on assistive technologies?

Accepted Answer

Perceivable

Question 3

An accessibility auditor is reviewing a government portal that includes an interactive infographic detailing demographic shifts across various municipalities over the past decade. The infographic uses color-coded regions on a map and a dynamic timeline slider to represent population changes. A user employing a screen reader can identify the infographic\'s title, \"Municipal Population Trends: 2010-2020,\" and can activate the timeline slider. However, the screen reader does not announce the specific population figures for any given municipality at a particular point in time, nor does it describe the trends or significant changes depicted by the color gradients and spatial relationships on the map. Based on ISO/IEC 40500:2012 (WCAG 2.1), what is the most accurate finding regarding the accessibility of this infographic concerning Success Criterion 1.3.1 (Info and Relationships)?

Accepted Answer

The infographic fails to provide sufficient text alternatives to convey the information and relationships presented visually, as the specific data points and trend interpretations are not accessible via the screen reader.

Question 4

A financial institution\'s annual report features a detailed table summarizing key performance indicators. Each row represents a distinct metric, such as \"Revenue Growth,\" \"Profit Margin,\" and \"Customer Acquisition Cost,\" with corresponding numerical values presented in columns for each fiscal quarter. A user relying on a screen reader encounters this table and can navigate through the cells, but struggles to associate the numerical data with the specific financial metric it represents. Which WCAG 2.1 Success Criterion is most directly violated in this scenario, and what specific markup is likely missing to rectify the issue?

Accepted Answer

Success Criterion 1.3.1 (Info and Relationships) is violated due to the absence of semantic row headers (e.g., `` elements with `scope="row"`) to programmatically associate data cells with their corresponding row labels.

Question 5

Consider a web application featuring an interactive scatter plot designed to illustrate correlations between economic indicators. The plot uses the horizontal axis to represent inflation rates and the vertical axis to represent unemployment rates. Clusters of data points are visually grouped based on geographical regions, with no explicit labels or legends indicating which cluster corresponds to which region. The spatial proximity of points within these clusters is the sole method by which users are intended to understand regional economic similarities. If a user navigates this visualization using only a keyboard and screen reader, what is the primary accessibility deficiency according to ISO/IEC 40500:2012 (WCAG 2.1)?

Accepted Answer

Information and relationships conveyed by spatial arrangement are not programmatically determinable.

Question 6

An auditor is evaluating a web-based interactive dashboard displaying scientific research data. A key component is a scatter plot where different experimental groups are represented by distinct marker shapes (circles, squares, triangles) and colors (red, blue, green). While the visual presentation clearly differentiates the groups for sighted users, a screen reader user can only access the numerical coordinates of each plotted point without any programmatic or textual indication of which experimental group each point belongs to. Which of the following findings would most accurately reflect a violation of a WCAG 2.1 success criterion?

Accepted Answer

Failure to provide a structured data table or equivalent textual description that programmatically associates each data point with its corresponding experimental group.

Question 7

An accessibility auditor is reviewing a website displaying historical weather data for various cities. The data is presented in a table where the first column lists the city name, followed by columns for temperature, precipitation, and wind speed. Each city name in the first column is marked up using a `<th>` element, but the `scope` attribute is absent. When a screen reader encounters this table, it reads the city name repeatedly for each data point in that city\'s row, making it challenging for users to associate the correct data with the correct city. Which WCAG 2.1 Success Criterion is most directly violated in this scenario, and what is the primary reason for the violation?

Accepted Answer

Success Criterion 1.3.1 (Info and Relationships) due to the lack of programmatic association between row header cells and their corresponding data cells.

Question 8

A web developer is tasked with ensuring a critical government portal, mandated for compliance with Section 508 of the Rehabilitation Act (which references WCAG 2.0 Level AA, and by extension, WCAG 2.1 principles for modern auditing), is accessible. They implement a fluid grid layout and relative units for typography, allowing users to increase text size through their browser\'s native zoom functionality. During an audit, it\'s observed that when a user zooms the page to 200% using their browser\'s built-in zoom feature, all text is legible, and the layout adapts gracefully, preventing the need for horizontal scrolling to read paragraphs. No specific \"zoom\" button is present on the page itself, but the browser\'s zoom function is fully effective. What is the most accurate assessment of the website\'s adherence to the relevant text resizing requirements?

Accepted Answer

The website successfully meets the requirements for text resizing and reflow.

Question 9

Consider a financial reporting portal that presents quarterly earnings data using an intricate, multi-layered infographic. This infographic utilizes color gradients, varying line thicknesses, and overlapping shapes to depict trends, correlations, and anomalies across different market sectors. While visually appealing and informative for sighted users, the portal provides no accompanying textual description of the data points, no keyboard-navigable data table, and no ARIA attributes to programmatically identify the relationships between the visual elements and their underlying data values. According to ISO/IEC 40500:2012 (WCAG 2.1), which of the following represents the most significant accessibility deficiency in this scenario concerning the presentation of complex data?

Accepted Answer

Failure to provide a programmatic association between visual data representations and their corresponding textual data values, thus violating Success Criterion 1.3.1.

Question 10

Consider an advanced accessibility audit of a complex enterprise portal. The audit reveals that the portal successfully implements all success criteria designated for WCAG 2.1 Level AAA, and furthermore, incorporates several proprietary accessibility enhancements that go beyond the scope of the WCAG 2.1 standard. Based on the official WCAG 2.1 conformance levels, what is the highest conformance level that can be officially claimed for this portal?

Accepted Answer

Level AAA

Question 11

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

1.4.10 Reflow

Question 12

An auditor is reviewing a government portal that displays quarterly economic performance using an intricate multi-series line graph. The graph visually depicts trends in GDP, inflation, and unemployment rates across several fiscal periods. While the visual presentation is clear for sighted users, there is no accompanying data table, text equivalent, or programmatic association that allows a screen reader to interpret the specific numerical values for each data point or the relationships between the different economic indicators. The portal\'s accessibility statement claims full WCAG 2.1 Level AA compliance. What is the most likely reason for non-conformance with WCAG 2.1 in this specific instance?

Accepted Answer

The graphical representation of data lacks a programmatically determinable structure or text alternative that conveys the same information as the visual representation.

Question 13

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

The visualization fails to provide a programmatically determinable structure and relationships for the data, as a detailed data table that maps visual elements (color, shape) to specific data points and their associated annotations is not available.

Question 14

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

Confirming the presence and accuracy of captions for all spoken dialogue within the prerecorded video content.

Question 15

An accessibility auditor is reviewing a financial reporting website for compliance with ISO/IEC 40500:2012 (WCAG 2.1). They encounter a detailed quarterly earnings report presented as a large data table. On a standard desktop viewport, the table displays all columns clearly. However, when the viewport is narrowed to simulate a tablet or mobile device, the table’s columns maintain their fixed widths, forcing the user to scroll horizontally to view all data points. This horizontal scrolling is required to access information that would otherwise be visible on a wider screen. What is the most precise assessment of the accessibility issue based on WCAG 2.1 principles?

Accepted Answer

The table’s fixed column widths prevent content reflow, failing Success Criterion 1.4.10 (Reflow).

Question 16

An accessibility auditor is reviewing a financial report website and encounters a complex infographic illustrating quarterly revenue growth. This infographic uses color-coded bars of varying heights and proximity to visually represent performance trends and comparisons between different product lines. The infographic itself has an `alt` attribute that simply reads \"Quarterly Revenue Growth Infographic.\" What is the auditor\'s primary concern regarding this infographic\'s adherence to WCAG 2.1 Success Criterion 1.3.1 (Info and Relationships) at Level AA, considering the need for equivalent information?

Accepted Answer

Whether the `alt` attribute provides a text equivalent that conveys the same essential information as the infographic, including data trends and relationships between product lines.

Question 17

Consider a sophisticated web-based data visualization dashboard where a custom-built interactive slider control is used to filter a large dataset by a specific date range. This slider visually indicates the selected start and end dates through distinct color gradients and numerical readouts displayed directly adjacent to the slider handles. However, the underlying HTML structure for this custom component lacks any ARIA roles, states, or properties that programmatically associate the visual elements with their semantic meaning as a slider, its current value, or its interactive boundaries. According to ISO/IEC 40500:2012 (WCAG 2.1), which of the following best describes the accessibility failure in this scenario concerning the slider component?

Accepted Answer

The slider component fails Success Criterion 1.3.1 (Info and Relationships) because its purpose and state are not programmatically determinable by assistive technologies, despite its clear visual presentation.

Question 18

An accessibility auditor is reviewing a company\'s public-facing website, which is subject to Section 508 of the Rehabilitation Act. During the audit, they encounter a series of graphical icons used solely for visual embellishment within a news article\'s layout. These icons do not convey any semantic meaning or functional purpose. What is the most appropriate method for an auditor to document the compliance of these purely decorative non-text elements with WCAG 2.1 Success Criterion 1.1.1 (Non-text Content) when using assistive technologies?

Accepted Answer

Documenting the presence of an empty `alt` attribute (`alt=""`) for each decorative icon.

Question 19

Consider an online project management dashboard where tasks are visually prioritized using distinct background colors: red for high priority, yellow for medium, and green for low. A WCAG 2.1 auditor is reviewing this interface. What specific aspect of the implementation would be most critical to assess to ensure compliance with Success Criterion 1.3.1 (Info and Relationships) for users relying on assistive technologies, given that the color coding is the sole indicator of priority?

Accepted Answer

The presence of ARIA attributes or semantic HTML that programmatically convey the priority level of each task, independent of color.

Question 20

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

Provide the raw data points for each metric in a structured data table format, alongside a textual description of the trend line's equation or statistical significance for each category.

Question 21

Consider a web application designed for project management, featuring a timeline visualization. This timeline displays the status of various tasks using a series of colored dots arranged sequentially. For instance, a completed task might be represented by a green dot, a task in progress by a yellow dot, and a task with an error by a red dot. The application utilizes standard HTML `

` elements for these dots, with CSS styling applied to dictate their color. No ARIA attributes are employed to describe the meaning of the colors or to associate them with the tasks they represent. A user employing a screen reader navigates to this timeline. What is the most likely WCAG 2.1 conformance issue related to the presentation of task status information?

Accepted Answer

Failure to meet Success Criterion 1.3.1 (Info and Relationships) because the meaning conveyed by the color of the dots is not programmatically determinable.

Question 22

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

1.4.10 Reflow

Question 23

During an audit of a complex financial dashboard, an auditor observes that critical status indicators (e.g., profit, loss, neutral) are conveyed solely through distinct color hues (green for profit, red for loss, yellow for neutral) without any accompanying text labels or graphical patterns. This interactive element is crucial for understanding market performance at a glance. What is the most precise classification of this failure according to the principles of ISO/IEC 40500:2012 (WCAG 2.1 Level AA), and what specific success criterion is most directly violated?

Accepted Answer

Violation of the Perceivable principle due to non-compliance with Success Criterion 1.4.1 Use of Color, as color is the sole means of conveying information.

Question 24

An accessibility auditor is reviewing a corporate website for compliance with WCAG 2.1. They encounter a series of purely decorative graphical elements, such as subtle background patterns and ornamental borders, interspersed within the content. These elements do not convey any meaningful information or contribute to the understanding of the page\'s purpose or functionality. The auditor observes that each of these decorative images has been assigned a descriptive `alt` attribute that explains their visual appearance (e.g., \"subtle blue gradient,\" \"ornamental floral border\"). What specific finding would the auditor document regarding these decorative images and their `alt` text implementation in relation to WCAG 2.1 Success Criterion 1.1.1?

Accepted Answer

Failure: Decorative images should have an empty `alt` attribute (`alt=""`) to be ignored by assistive technologies; providing descriptive text is non-compliant.

Question 25

During an accessibility audit of a government portal, an auditor observes a critical informational icon within a navigation menu. This icon, essential for users to understand the function of a particular section, is rendered in a pale blue (#ADD8E6) against a white background (#FFFFFF). The auditor, using a calibrated contrast analysis tool, determines the contrast ratio between the icon and its background is approximately 1.39:1. Which of the following accurately reflects the auditor\'s finding and the appropriate course of action according to WCAG 2.1 Level AA and common regulatory frameworks?

Accepted Answer

Document a failure of Success Criterion 1.4.11 (Non-text Contrast) due to insufficient contrast, noting the specific element and its measured ratio, and recommend remediation to meet the minimum 4.5:1 requirement.

Question 26

A web developer is tasked with auditing a complex e-commerce checkout form for compliance with ISO/IEC 40500:2012 (WCAG 2.1). They encounter a text input field designated for the customer\'s surname. To ensure this field meets the requirements for programmatic identification of input purpose, which of the following implementations would be the most robust and compliant approach according to the guidelines, particularly concerning assistive technologies and user agent functionality?

Accepted Answer

`autocomplete="family-name"`

Question 27

A government agency\'s public health portal features an interactive animated infographic illustrating the progression of a particular disease across different regions over a year. The animation uses color intensity and shape deformation to represent infection rates and population density, respectively. Users can hover over regions to see specific numerical data, but the animation itself is the primary method of conveying trends and comparative analysis. A WCAG 2.1 Auditor is reviewing this portal for compliance with accessibility standards. Which of the following approaches best satisfies the requirements of Success Criterion 1.3.1 (Info and Relationships) for this infographic?

Accepted Answer

Provide a detailed textual description of the animation's visual progression and a data table containing all numerical values displayed upon hover, accessible via a clearly labeled link adjacent to the infographic.

Question 28

An auditor is evaluating a complex, interactive financial data visualization presented on a desktop browser. Upon zooming the browser to 400% using standard operating system accessibility features, the visualization requires the user to scroll horizontally to view all the data points and associated labels. The visualization itself is not a map or a data table where two-dimensional scrolling is an inherent characteristic of the content\'s presentation. What is the most accurate assessment of this situation concerning WCAG 2.1 conformance?

Accepted Answer

The content fails Success Criterion 1.4.10 (Reflow) because it necessitates horizontal scrolling at 400% zoom, indicating a loss of information or functionality without the ability to reflow.

Question 29

An accessibility auditor is evaluating a news website for compliance with WCAG 2.1 Level AA. During testing, they zoom the browser\'s text size to 200% on an article page. Upon performing this action, the auditor observes that a significant portion of the article\'s body text is cut off, requiring the user to scroll horizontally to read the complete sentences. The website\'s navigation menu also becomes partially obscured, and some interactive elements within the article content are no longer fully visible without horizontal scrolling.

What is the most accurate assessment of the website\'s adherence to WCAG 2.1 Success Criterion 1.4.4 (Resize text) in this scenario?

Accepted Answer

The page fails to meet Success Criterion 2.4.3 (Focus Order) and Success Criterion 2.4.7 (Focus Visible).

Question 30

An auditor is evaluating a complex interactive dashboard featuring a scatter plot where each data point, when focused via keyboard, reveals a detailed tooltip containing specific numerical values and descriptive text. The visual design clearly associates each tooltip with its corresponding data point. However, upon inspection, the auditor finds that the interactive data points lack explicit ARIA roles, and the tooltips themselves are not programmatically linked to their triggering elements using ARIA attributes. Furthermore, the tooltips only appear on hover, and keyboard focus does not trigger their visibility or allow for their dismissal. Which of the following accurately describes the primary accessibility deficiency according to ISO/IEC 40500:2012, considering the implications for users of assistive technologies?

Accepted Answer

Failure to provide programmatic information about the relationship between data points and their associated tooltips, and lack of keyboard operability for accessing tooltip content.

ISO/IEC 40500:2012 - Web Content Accessibility Guidelines (WCAG) Auditor Free Practice Test — 30 Questions

A lot more is already mapped out

About the ISO/IEC 40500:2012 - Web Content Accessibility Guidelines (WCAG) Auditor Certification