Text and links in the Suitcase theme have sufficient color contrast with the background. We help content editors maintain this standard by not allowing them to change text color.
Example: Text links are red (hex color code: #cc0000). This red has a contrast ratio of 5.89:1 with a white background which meets the WCAG AA standard of 4.5:1.
Suitcase sites can be navigated with just a keyboard. How?
All content in Luggage can be found multiple ways, which makes navigating websites easier for everyone to use.
Luggage's powerful faceted search allows users to search all content in a few different ways:
There's no need to know exactly where a page exists in the page structure.
The Suitcase theme allows users to increase the text size to up to 200%. When text is resized, it resizes proportionally and the layout of pages and components is not compromised.
Try it yourself!
iOS: hold down Command and tap + until the text is 200% bigger.
Windows: hold down CTRL and tap + until the text is 200% bigger.
Tabular data is best displayed in HTML tables, but sometimes large tables do not fit on small screens making the table information unreadable. Suitcase Interim makes tables responsive so the layout of the tables adapt to small screens.
When content creators add tables to their pages, news articles, or other types of content, Suitcase Interim automatically detects the table and makes it responsive.
Per WCAG 2.0, non-text content should have a text-based alternative accessible to screen readers. Suitcase supports this standard by providing content creators with an "alternative text" (often abbreviated as alt text) field for adding image descriptions. Alt text should not be too long so that screen reader users are not inconvenienced.
