Important Notice: This website shows interim results and does not represent a complete accessibility audit. The content is not final, is under heavy development, and is not legally binding. The website and all its content is for internal use only; unauthorized use or distribution may result in legal consequences.

Documentation of accessibility observations for Deutsche Telekom – Mobilfunk & OneShop

1.4.10 Reflow (AA) Text content gets truncated on smaller viewports

Priority: Critical Low Page: Shop Observation Permalink
Accompanying Files
Observation Details

Text content gets truncated on small viewport with no possibility to reach the truncated content in section intro text "Unsere Smartphone-Tarife". CSS for text content looks as follows:

.cards-cta-headline, .cards-cta-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

Setting display value of HTML heading and paragraph element to something other than default block, may result in overflow issues.

Remediation Notes

Ensure the site is responsive. A viewport of 320px width must keep all content visible and all functionality intact.

Remove CSS properties -webkit-box-orient, display, overflow from affected text content.