Web accessibility principles - 4 Flashcards
What is the primary focus of the Robust principle in web accessibility?
A. Ensuring web content works only on the latest browsers.
B. Guaranteeing compatibility with a wide range of user agents, including assistive technologies.
C. Improving the visual design of websites for all users.
D. Enhancing the speed of web pages.
B
Why is it challenging to ensure compatibility with all user agents?
A. Many user agents do not support HTML and CSS.
B. There are too many combinations of browsers, platforms, and assistive technologies.
C. Older browsers automatically block accessible content.
D. Assistive technologies do not rely on standard web content.
B
Why might a web developer choose not to support a particular browser version?
A. The browser has a small user base or lacks necessary features for accessibility.
B. The browser is too popular, leading to server overload.
C. The browser does not allow visual customizations.
D. The browser is not open source.
A
Which of the following is true about screen readers and browser compatibility?
A. All screen readers handle web content in the same way.
B. Screen readers rely entirely on the browser to ensure accessibility.
C. Newer versions of screen readers tend to have better support for technologies like ARIA.
D. Screen readers do not require specific coding techniques to function correctly.
C
What is one benefit of using validated markup?
A. It guarantees perfect accessibility across all user agents.
B. It eliminates the need for dynamic updates to content.
C. It reduces issues that could lead to compatibility problems.
D. It removes the need for using ARIA attributes.
C
What is a recommended tool for validating HTML markup?
A. JAWS Screen Reader
B. W3C HTML Validator
C. Firebug
D. Google Analytics
B
Which statement is true about valid markup and accessibility?
A. Valid markup guarantees accessibility.
B. Accessibility is completely independent of code validity.
C. Valid markup helps but is not always required for accessibility.
D. Invalid markup improves compatibility with older browsers.
C
What does ARIA stand for?
A. Accessible Rich Internet Applications
B. Accessibility Resources for Interactive Applications
C. Adaptive Reader Integration Assistance
D. Advanced Role Integration Accessibility
A
Why is ARIA important for dynamic web content?
A. It increases the speed of page loading.
B. It improves SEO rankings.
C. It helps assistive technologies understand the name, role, and value of interactive components.
D. It replaces the need for semantic HTML.
C
Which ARIA property would you use to indicate whether a tab is currently selected?
A. aria-label
B. aria-selected
C. aria-hidden
D. aria-expanded
B
What does aria-expanded=”true” indicate to assistive technologies?
A. An element is disabled.
B. An element is expanded and its content is visible.
C. An element is hidden from the user.
D. A tab is selected.
B
Why must ARIA properties like aria-expanded or aria-selected be updated dynamically?
A. To ensure the page reloads when changes occur.
B. To allow users to manually update the settings.
C. To reflect the current state of the interactive component to assistive technologies.
D. To improve the design of the interface.
C
A website contains a menu with expandable sections. What ARIA attribute should be used to indicate whether a section is currently expanded?
A. aria-label
B. aria-expanded
C. aria-hidden
D. aria-checked
B
You are designing a custom dropdown menu. What ARIA attribute is essential to communicate its role to screen readers?
A. role=”menu”
B. aria-expanded=”dropdown”
C. aria-checked=”true”
D. aria-role=”true”
A
If a screen reader user cannot tell that a button has been pressed, what might the developer have forgotten to include?
A. Visual indicators like color changes
B. A dynamic update to the button’s ARIA properties
C. A valid CSS file
D. A label in plain text next to the button
B
