Carousel

The homepage carousel uses a combination of utility classes, quote typography styles, and vendor styles. There should only be one glider per page.

When the next/previous button is clicked in the carousel, the content changes. If no more content exists, the next/previous button will be disabled.

Glider.js

What Students are Saying

Many of the people in my class are teachers, and we all teach different programs – and some teach in other states – so I get a chance to hear from people near and far.

Maima Chea, PhD Student, Georgia State University
M.Ed., Reading Ed., '15

Even though I only see them a handful of times a year, I consider my fellow students some of my dearest friends. You’re never alone. I don’t want to trivialize this degree and compare the program to summer camp, but that’s the mentality behind our relationships. I know I’ll have this loving network for the rest of my life.

Sarra Sedghi, Freelancer
MFA, '17

I chose UGA to achieve my online degree because they offered workforce education, and I wanted to teach high school business classes. There aren’t a lot of schools that offer this program.

Whitney Van Atta
Online Master of Education in Workforce Ed

Traveling was an issue so I had to plan for online course offerings. I did some research into several programs for what they had available for grad students. Throughout my search, I kept coming back to the MIT (now MBT) program [at] UGA.

Phillip Manville, Central Georgia Technical College, Web Developer
MBT

Everyone that I have talked to in our field is always impressed to know that I went to UGA. The LDT program at UGA has a tremendous reputation in the industry and the studio experience and faculty are a huge part of that. The reason I am in my job now is a direct result of my time in the program.

Seth Hathcock, Senior Curriculum Developer, Pardot
M.Ed., Learning Design and Technology, IDD, '13

<section
  class="util-background-light-gray util-pad-vert-lg util-pad-vert-xl@md util-display-none@print"
>
  <div class="obj-reading-width">
    <h2 class="cmp-quote-heading">What Students are Saying</h2>
    <div class="glider-contain">
      <div class="glider">
        <div class="glider-slide util-font-family-alt">
          <p class="cmp-quote-text">
            Many of the people in my class are teachers, and we all teach
            different programs – and some teach in other states – so I get a
            chance to hear from people near and far.
          </p>
          <p class="cmp-quote-credit">
            Maima Chea, PhD Student, Georgia State University
            <br />
            M.Ed., Reading Ed., &#39;15
          </p>
        </div>
        <div class="glider-slide util-font-family-alt">
          <p class="cmp-quote-text">
            Even though I only see them a handful of times a year, I consider my
            fellow students some of my dearest friends. You’re never alone. I
            don’t want to trivialize this degree and compare the program to
            summer camp, but that’s the mentality behind our relationships. I
            know I’ll have this loving network for the rest of my life.
          </p>
          <p class="cmp-quote-credit">
            Sarra Sedghi, Freelancer
            <br />
            MFA, &#39;17
          </p>
        </div>
        <div class="glider-slide util-font-family-alt">
          <p class="cmp-quote-text">
            I chose UGA to achieve my online degree because they offered
            workforce education, and I wanted to teach high school business
            classes. There aren’t a lot of schools that offer this program.
          </p>
          <p class="cmp-quote-credit">
            Whitney Van Atta
            <br />
            Online Master of Education in Workforce Ed
          </p>
        </div>
        <div class="glider-slide util-font-family-alt">
          <p class="cmp-quote-text">
            Traveling was an issue so I had to plan for online course offerings.
            I did some research into several programs for what they had
            available for grad students. Throughout my search, I kept coming
            back to the MIT (now MBT) program [at] UGA.
          </p>
          <p class="cmp-quote-credit">
            Phillip Manville, Central Georgia Technical College, Web Developer
            <br />
            MBT
          </p>
        </div>
        <div class="glider-slide util-font-family-alt">
          <p class="cmp-quote-text">
            Everyone that I have talked to in our field is always impressed to
            know that I went to UGA. The LDT program at UGA has a tremendous
            reputation in the industry and the studio experience and faculty are
            a huge part of that. The reason I am in my job now is a direct
            result of my time in the program.
          </p>
          <p class="cmp-quote-credit">
            Seth Hathcock, Senior Curriculum Developer, Pardot
            <br />
            M.Ed., Learning Design and Technology, IDD, &#39;13
          </p>
        </div>
      </div>
      <button role="button" class="glider-control glider-control--prev">
        Previous
      </button>
      <button role="button" class="glider-control glider-control--next">
        Next
      </button>
    </div>
  </div>
</section>

Accessibility

Keyboard: Users can tab between the previous and next control buttons and activate them with Enter or Space.
When a control button is disabled (no more slides in that direction), it receives the disabled attribute so it is skipped in the tab order and announced as unavailable.
Slide content should use semantic HTML (headings, paragraphs, links) so screen readers can navigate within each slide.
If the carousel auto-advances, provide a pause/stop mechanism so users have time to read content. Auto-advancing carousels should also respect prefers-reduced-motion.
Consider adding aria-live="polite" to the slide container so assistive technology announces slide changes without interrupting the user.
Each control button should have an accessible name (e.g., “Previous slide” and “Next slide”) via visible text or aria-label.