The Connected Government Act, which was signed into law in January 2018, requires new, and redesigned, agency websites to be mobile-friendly. The Connected Government Act also codifies the Policies for Federal Agency Public Websites and Digital Services (1.2 MB PDF, 18 pages), (M-17-06) which requires agencies to create mobile-friendly websites.
In order to help you comply, we decided it’s time to start reviewing good mobile web development practices, and share how adhering to these principles can greatly improve your site.
We also need your critical thoughts, and comments, about these principles. Join the MobileGov Community of Practice and let us know what you’re doing to work toward mobile-friendliness at your agency.
Let’s get started!
The MobileGov Community of Practice tested the top federal websites most visited on mobile devices (smartphones and tablets). The results of the automated tests, A Guide to To Creating Mobile-Friendly Web Sites, showed us that a few common practices greatly affect the usability of a site on a mobile device.
Building on the results, we are back at it again—but this time we examined the automated testing tools themselves. During this review, we found there are eight principles of mobile-friendliness. And if you follow them, they will make your site more usable and user-friendly.
The eight principles are:
- The viewport is the window to your site
- Remember That We Navigate Mobile Sites Using Our Fingers
- Installing additional software to properly view your site should not be necessary
- Conserve resources, recycle when possible
- The smaller the better, when it comes to page resources!
- Properly configure the server
- Don’t forget accessibility!
As a reminder, we distilled these from DigitalDashboard.gov, Google’s Mobile Friendly Test tool, and the Information Technology & Innovation Foundation (ITIF) Benchmarking Report. In each, we provide a description of the issue, a method to detect the issue, and solutions to eliminate or prevent the issue from appearing your site to help make it more mobile-friendly.