About PROGRESSIVE Drupal

Heading level 2

Standard pages bring long-lived information together in a clear reading order. Editorial teams can structure content, use dependable subheadings, and link to further sources. The underlying content model remains deliberately manageable, allowing authors to maintain complex subject matter without one-off layouts.

Heading level 3

Headings describe the section that follows. This keeps extensive pages navigable for people and assistive technologies. Each level follows a logical hierarchy and is never selected for visual size alone.

Short paragraphs, descriptive link text, and plain language help people scan the page. Editorial review also verifies that statements remain current, sources are traceable, and translations are complete.

Heading level 4

Heading level 5

Heading level 6

---

Text decoration

This text is emphasised.
This text is stressed.
This text is underlined.
This text is no longer current.
This text adds secondary information.

Quote

A good design system connects design, content, and technical quality.

---

Lists

Bulleted list

• Use concise, meaningful headings.
  • Describe links by their destination.
  • Choose understandable terms.
• Present information in a logical order.
• Test accessibility early.

Numbered list

1. Publish the German source content.
   1. Check the preview.
   2. Test the links.
2. Add the English translation.
3. Check keyboard operation.

---

Info panel

---

Images

With caption

Without caption

Credit on image

Caption and credit

The caption explains the subject, while the visible credit makes its origin and usage rights transparent.

Between text

Images support the content when their purpose is clear from the surrounding text. They do not replace an explanation; they strengthen a point when a visual impression communicates the context more quickly.

Alternative text, captions, and credits have different purposes and are used deliberately. The alternative text conveys the relevant image meaning to people who cannot see it. A caption adds editorial context, while the credit documents authorship or source.

---

Code

This is a line of code.

vendor/bin/drush recipe ../recipes/progressive_content_page -y
npm run test:pages:functional
npm run test:accessibility

---

Accordion