U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you're on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Skip to page content

Photo Carousels on Mobile Websites: Use With Caution!

250 x 244 GSA Mobile Site Slider
You might recognize them by the user controls, if provided, that allow you to move from one newsy item to the next. They go by various names, including: carousel, slider, slideshow, banner, and gallery. Many government homepages have them.

In a recent email exchange on the Web Content Managers listserv, the consensus was carousels met the internal, official need to share information. However, most agreed carousels were a necessary evil, but in general preference, were an annoyance.

If your agency chooses to use them—and there are good reasons not to use carousels—know that there are drawbacks, including potentially poor results in responsive Web design, as was noted in the Federal CrowdSource Mobile Testing Program’s CIO.gov test. Our testers found the carousel was problematic for smaller devices and suggested turning the auto-scrolling off. Check out other tips on using carousels and check with your agency’s Accessibility experts for their expertise on carousels.

FAA.gov uses a carousel that adjusts to screen size and has the auto-scroll turned off in order to allow the user to manually select an item; this complies with the enhanced WCAG 2.0 (accessibility) requirements. A few things to be aware of:

  • You’ll need to keep the content in those carousels current; otherwise your content will appear stale.
  • Items in your carousel should be meaningful and useful to the intended audience, but know that there’s a very, very small likelihood of users’ following the first item, let alone anything beyond that.
  • You might offer themes for each slide in the carousel or put the most recent item first.

Since the “hero images” are the first things they’ll see and the first image is key, frequent visitors to your site will assume you haven’t kept up with breaking news if the same image appears day after day, week after week.

Limit the number of items in your carousel. Three is ideal and no more than five. Make sure you have evergreen content and enough activity to keep your editorial calendar hopping and your carousel filled. There’s a level of effort that goes in to finding images that are meaningful, relevant, and appropriate to your audience. If you have a specialized audience, they’ll see that stock photo and wonder.

_This post originally appeared in the Mobile Tester Newsletter which is sent bi-monthly to the volunteer testers in our Federal CrowdSource Mobile Testing Program. Each newsletter contains a feature article, and interesting trends and statistics from the world of mobile testing. The program will be testing an app for the National Oceanic and Atmospheric Administration (NOAA) this month. Federal Employees can sign up to test the NOAA CrowdMag App today! _

This article is part of this month’s editorial theme on our DigitalGov Services. Check out more articles related to this theme.

Tags: , , , , ,

GitHub LogoEdit
Top