Checkpoint 7.5 - Mobile-PDA

Where web pages are used for both desktop machines and mobile devices, some parameters do not translate conviently between platforms and can thus cause problems to some users. In many case regarding mobile devices, this is as a result of the very small display area of the screen. In terms of form use, input fields whose width is not specifically controlled might cause horizontal scrolling.

Requirement

Field width is set to max-width: 100% so as not to cause horizontal scrolling.

Recommendation

Consider the use of the media type of handheld in CSS to specifically target mobile device use.

Checking Tool

View all forms in a mobile device and verify that form input controls do not force horizontal scrolling.