Agriculture Communication

Accessibility


| Share

Testing Your Webpages for Mobile Devices

The amount of web traffic coming from mobile devices has been increasing. In just the last two years, the percentage of mobile device website traffic has increased from 28.7 percent to 43.05 percent (Statista). We've seen a similar trend in the traffic coming from mobile devices to the websites on our Ag Content Management System (Ag CMS). That's why we think it's important to optimize our websites for mobile devices.

We create webpages in Ag CMS on our desktops or laptops, so it is not surprising that sometimes our pages do not translate well to mobile devices. However, it's really easy to check your pages on a mobile device. Start by viewing your pages on your own mobile device. Just open your browser and go to the web address of the page you want to test.

The mobile theme we have for all Ag CMS sites will take care of a lot of issues, like repositioning certain elements and resizing images, but there are things you can check for as well. Does the main point of your page come across on your mobile device? Is the most important content visible without scrolling? Does formatting like centering text or aligning text and images make sense on your mobile device?

Of course, not all mobile devices are the same, so you also may want to test your site on other mobile devices. Emulate what your webpage will look like on multiple mobile devices from inside Firefox (https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode).

In Firefox:

  • Go to the page you want to test. Your page has to be published and live.
  • Open the Firefox menu and choose "Web Developer," then "Responsive Design Mode."
  • Click at the top of the smartphone-sized window where it says "no device selected" and choose a device.
  • If you choose a smartphone-sized device, you should see our Ag CMS mobile template applied to your page.

If you want to see how it works, here's the recording of the Ag Comm webinar: "Testing Your Webpages for Mobile Devices."

If you have questions or have any trouble using Responsive Design Mode in Firefox, please contact me or Sonja.

Bob Bertsch, Web Technology Specialist, 701-231-7381
, Web Technology Specialist, 701-231-6403

Add comment

You can add a comment by filling out the form below. Plain text formatting. Web and email addresses are transformed into clickable links. Comments are moderated.

Creative Commons License
Feel free to use and share this content, but please do so under the conditions of our Creative Commons license and our Rules for Use. Thanks.