Website Accessibility Guide

Making Your HubSpot Website WCAG 2.1 Compliant

1.3.4 Orientation

MCS Accessibility Team

MCS Accessibility Team
Last Updated March 20, 2020

The following directions are part of a full step-by-step guide to making a HubSpot website WCAG 2.1 AA compliant. These recommendations are intended for websites managed on the HubSpot CMS but can be adapted for other content management systems. All suggestions in this guide are in conjunction with the accessiBe solution and require an active license. For more information on the accessiBe platform and pricing, you can learn more here.

LEVELAA
Success Criteria

1.3.4 Orientation

  • Resolved
  • Partially Resolved
  • Manually Managed
  • N/A - Level AAA
Principle: Perceivable
Information and user interface components must be presentable to users in ways they can perceive.
Guideline: Adaptable
Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.

View Official WCAG 2.1 Compliance Techniques

  • This criteria is completely resolved with accessiBe or HubSpot.

Understanding 1.3.4 Orientation

For users who may have their tablet or smartphone permanently mounted to a wheelchair, its orientation may not be easily changed. This criteria recommends there should not be a designated 'correct' orientation unless it is absolutely necessary. A user should have the ability to view content in either portrait or landscape mode. 

Resolution

Similar to 1.4.10 Reflow, a fully responsive website naturally resolves this issue. HubSpot websites are responsive automatically, providing an effective remedy. 

Warnings

This criteria is rarely something websites need to address, but is actually a very common issue for mobile apps, which are also held to Americans with Disabilities Act (ADA) standards. For websites, be sure to consider both portrait and landscape orientations when doing a mobile audit, to ensure full usability.

For reference, this is a Non-Responsive Website.

For more information, please visit the official W3C article: Understanding 1.3.4 Orientation


Download the WCAG 2.1 Compliance Checklist

What to expect if you download this checklist

Video: What to Expect If You Download this Checklist

Checklist Download

Questions?

Let us know if we can help you address this specific WCAG Recommendation.

Recent Morey Creative Studios Blog Articles