Accessibility

The HubSpot CMS Boilerplate is in the process of being updated to account for accessibility. We will use a combination of Google Lighthouse, Axe, and manual testing to ensure the HubSpot CMS Boilerplate provides a good starting point for accessibility. So far, we've made the following updates to the HubSpot CMS Boilerplate to account for accessibility:

1. Added a navigation skipper to allow users who use the keyboard to navigate the page to easily be able to skip down to the main content of a page.
2. Rebuilt the menu module to be more accessible. There is still more work that needs to be done for this in the near future (#377 / #373)
3. Updated blog and system headers to flow in sequential order.
4. Added heading type options to headers in the card section module and pricing card module so that users can select the appropriate heading type from the page editor to ensure the headers flow in sequential order.
5. Improved the accessibility of blog images by making them images vs. background images (allowed for an optional alt text on images) and added an aria label on the article tag.
6. Updated the pricing card button default text on the pricing page to provide additional context to users using a screen reader.
7. Removed placeholder text in search bar and added a label to the form field.
8. Updated the HTML in the blog to be more semantic and better for users using screen readers.

For more information on accessibility in the context of HubSpot please reference this article. If you are using the HubSpot CMS Boilerplate and notice an accessibility issue or would like to help us improve the accessibility of the HubSpot CMS Boilerplate, please reference our contributing guide here.