Join the discussion
Question 10/24
You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?
Correct Answer: B,D
The correct causes are insufficient input target size and overlapping input areas. Touch interaction depends on hit testing: the browser or platform determines which element occupies the touched screen coordinate and dispatches the event to that element. If a button's active area is too small, the user's finger may visually appear to tap the button while the actual touch coordinate falls outside the actionable target. Microsoft's touch- target guidance recommends touch targets around 7.5 mm square, approximately 40 × 40 pixels on a 135 PPI display, to support reliable activation. Overlap is also a valid cause because one element can partially cover or compete with another during hit testing; W3C target-size guidance notes that overlapping areas should not be counted as usable target area unless the overlapping controls perform the same action. Event handlers are not the problem by themselves; they are the standard mechanism for detecting user input. "Touch screen not initialized" is not a normal HTML5 application-level cause. References/topics: touch input, event handling, hit testing, target size, overlapping controls.
Add Comments
- Other Question (24q)
- Q1. You need to correctly apply a style rule for screen devices with a width of 480 pixels or ...
- Q2. You define the Pet class as follows: class Pet { constructor(name, breed) { this.name = na...
- Q3. You need to identify the form elements. Move the appropriate semantic elements from the li...
- Q4. You are given the design for an app. The project manager asks you to outline the steps you...
- Q5. Which two CSS segments are valid filter properties? Choose 2....
- Q6. Which two functions support 2D transformations in CSS3? Choose 2....
- Q7. Which JavaScript method is used to draw a circle on a canvas?...
- Q8. You need to define a grid that meets the following requirements: * Explicitly sets the wid...
- Q9. The ctx variable is the context of an HTML5 canvas object. What does the following HTML ma...
- Q10. You create an interface for a touch-enabled application. Some input buttons do not trigger...
- Q11. Which three events are valid for the HTML canvas element? Choose 3....
- Q12. Which CSS property defines the sides of an element where other floating elements are not a...
- Q13. A local photographer asks you to add filters as shown to the images in their photo gallery...
- Q14. You create an interface for a touch-enabled application. You discover that some of the inp...
- Q15. You need to complete the code for a registration form that must meet the following criteri...
- Q16. Which two code segments declare a JavaScript method? Choose 2....
- Q17. Review the markup segment. Which entry will validate successfully according to the require...
- Q18. You need to create the following form: (Exhibit) Complete the code by selecting the correc...
- Q19. You want to position a specific element so that it always directly follows the previous el...
- Q20. Move the appropriate attributes from the list on the left to the correct descriptions on t...
- Q21. You need to contain overflowing text inside the element ' s border without creating unneed...
- Q22. Match each property to its corresponding value for creating the CSS flexible box layout. M...
- Q23. Identify the filter applied to each image. Complete the markup by selecting the correct op...
- Q24. You write the following JavaScript code. Line numbers are included for reference only. 01 ...
