# Accessibility Testing - Component Examples 2

![washingtonsquarepark from an aerial view](/sites/default/files/styles/866w/public/2024-12/nyubrand_nyc_19.jpg?h=bbce836c&itok=Ele_qfU3)

Pause video   Play video

Editorial Tag (Eyebrow)

##  Full-width Ambient Video

Quote Attribution

Teaser Text

Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Primary CTA - New Window ](/) [ Same window ](/)

---

![washingtonsquarepark from an aerial view](/sites/default/files/styles/866w/public/2024-12/nyubrand_nyc_19.jpg?h=bbce836c&itok=Ele_qfU3)

Editorial Tag (Eyebrow)

##  Full Width

Quote Attribution

Teaser Text

Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ New Window ](/) [ Same window ](/)

---

![aerial view of five people sitting at a round table, with laptops, books, and notes strewn about](/sites/default/files/styles/640w_x_535h/public/assets/images/pa_studentstory1_2505.png.webp?itok=qIYnkihK)

Editorial Tag

##  Split Component Headline

Teaser Text

Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ New window ](http://www.stern.nyu.edu/) [ Same Window ](/)

---

![Skyline](/sites/default/files/styles/640w_x_535h/public/assets/images/apcfin_skyline3_2505.png.webp?itok=dfMHP7rd)

Editorial Tag

##  Split Component Headline

Teaser Text

Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ New window ](http://www.stern.nyu.edu/) [ Same window ](http://stern.nyu.edu)

---

##  Flex Video Examples

[NYUMoment - Fall around campus](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtube.com/shorts/rAEHHFAY2O0%3Fsi%3D-yEiSssKY6ItOhpE&max_width=0&max_height=0&hash=dKLlQn7nMe9sHyjw17ccbFF-hOxiOTkA-hWW3c3Flc0)

###  Autumn is in the Air

One of the best things about living in NYC is the changing seasons. Don't miss out on the beautiful fall foliage.

[ Learn More ](/) [ New Window ](/)

[NYU Hoodie or Crewneck?](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtube.com/shorts/wllEAvNVs94%3Fsi%3DtoaelMEFt9Hts7sX&max_width=0&max_height=0&hash=TPAWo0G5aVjl5EZL-wyNrqdJu43jV8jeMmabxTOVz_Y)

[###  Cool Swag

](/)Stern has the coolest swag. make sure you get a new hoodie in time for the fall weather!

[ Learn More ](/)

[NYU Stern ... By The Numbers](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtu.be/cK05MAJyBJU&max_width=0&max_height=0&hash=A_F2sulN35fwg-rVE7shYw05NlS3ugshgbJn_-SQcE8)

[Take a (Virtual) Tour of NYU](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtu.be/GxqR6p8r6z0%3Fsi%3D93iN0Pv94r60Pv2n&max_width=0&max_height=0&hash=gc6DFG2mSHDq6TV4Ha7EV9O17sAQTx5RsMY3tMW1unY)

###  Headline

Teaser Text

[Faculty at NYU Stern](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtu.be/_Qgz1lQg4L0%3Fsi%3D4J8vFHtYji7DHjgG&max_width=0&max_height=0&hash=S8qNXqg4d_ZOeJXF2v2HoDTOsi9VZTJiO3g5onBB5D0)

[NYU Stern’s Call to Action](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtu.be/nHMxf4GxaFQ%3Ffeature%3Dshared&max_width=0&max_height=0&hash=z8MCBOY-pWt4IPpikAs1haN2zwYK4_8dIFo8Se0QrTo)

##  Media Components

[      ![Dream It Bridge Still](/sites/default/files/styles/500w_x_300h/public/assets/images/dreamit_bridgestill.png.webp?itok=0RbCh_yt)

](http://www.stern.nyu.edu/)

###  Linked Landscape image

Teaser Text
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Link Text - New window - Also Link the Image ](http://www.stern.nyu.edu/)

---

![Dream It Bridge Still](/sites/default/files/styles/480w_x_543h/public/assets/images/dreamit_bridgestill.png?h=4ecf8430&itok=qzqSPHWN)

###  Portrait image

Teaser Text
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Link Text - Same window - Do not Link the Image ](http://www.stern.nyu.edu/)

---

[

](http://www.stern.nyu.edu/)

###  Linked Icon image

Teaser Text
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Link Text - Same window - Also Link the Image ](http://www.stern.nyu.edu/)

---

###  Icon image

Teaser Text
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Link Text - New window - Icon not linked ](http://www.stern.nyu.edu/)

---

[NYU Stern Part-time MBA program vs. Full-time MBA program](https://www.stern.nyu.edu/media/oembed?url=https%3A//youtu.be/HlWOIZohDE0%3Frel%3D0&max_width=0&max_height=0&hash=INIZ2lizKVFgQWHmXZ9PcihcpOaD8xxT6_7jatVk8_0)

###  Video

Teaser Text
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Link Text - New window ](http://www.stern.nyu.edu/)

---

###  No Image or Video

Teaser Text
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

[ Link Text - New window ](http://www.stern.nyu.edu/)

---

##  Text Block Component in Region 2

Text Block items can display an image or an icon above the text. They can have one or two text block items.

##  Item Headline - Left

Description
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

##  Item Headline - center

Description
Format: **Bold** *Italics* [Link](https://nyu.edu) new window [Link ](/node/60410)same window

##  No Table Styling

| Header column | Header | Rows |
|---|---|---|
| col1 | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

##  Dark Header Alternating Rows

| Header column | Header | Rows |
|---|---|---|
| col1 | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

##  Gray Background, Vertical Borders Only

| Header column | Header | Rows |
|---|---|---|
| col1 | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

##  White Header, Alternating Rows

| Header column | Header | Rows |
|---|---|---|
| col1 | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

##  Light Header, Alternating Rows

| Header column | Header | Rows |
|---|---|---|
| col1 | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

##  Light Header

| Header column | Header | Rows |
|---|---|---|
| col1 | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

##  Flex Grid, Logo Small

Logos can be not linked and display in three different sizes. They can be small, medium or large.

![Deloitte logo](/sites/default/files/styles/300w/public/2024-04/3.png?itok=AVb8Osnk)

![Fortune logo](/sites/default/files/styles/300w/public/2024-04/2.png?itok=YDGt_9GR)

![Logo](/sites/default/files/styles/300w/public/2024-02/Logos%20final%20Website_Headshots%204.png?itok=MqnlkNfN)

![Nespresso logo](/sites/default/files/styles/300w/public/2024-04/4.png?itok=RburQOuz)

##  Flex Grid Logo Medium

Logos can have a headline and buttons. The headline and logo image can be linked without the button displaying.

[      ![logo](/sites/default/files/styles/300w/public/2023-03/klarna.png?itok=rAWHuRG7)

](/) [###  Link headline and logo - Do not show a button

](/)

[      ![Full-time MBA social media logo](/sites/default/files/styles/300w/public/2024-10/full-timemba-social-logo.png?itok=INAOFDfn)

](https://nyu.edu)

![Arctos](/sites/default/files/styles/300w/public/2025-09/arctos_greyscale_no_background_1_2_1.jpg?itok=HYJAwqEa)

[ New Window ](https://nyu.edu)

![CHEN - Frontrange](/sites/default/files/styles/300w/public/2025-09/CHEN%20-%20FrontRange.jpg?itok=q6H4g13v)

###  Headline

Teaser Text

[ New Window ](/) [ Same Window ](http://nyu.edu)

##  Flex Grid Logo Large

Logos can display on a white or gray background. They can have a flat or card style.

![Hodes Weill](/sites/default/files/styles/300w/public/2025-09/hodesweill_logo_12.29.jpg?itok=IQJMYYbq)

![Arctos](/sites/default/files/styles/300w/public/2025-09/arctos_greyscale_no_background_1_2_1.jpg?itok=HYJAwqEa)

![CHEN - Frontrange](/sites/default/files/styles/300w/public/2025-09/CHEN%20-%20FrontRange.jpg?itok=q6H4g13v)

![logo](/sites/default/files/styles/300w/public/2023-03/klarna.png?itok=rAWHuRG7)

##  Text Block Component

Text blocks can have two columns with full WYSIWYG text formatting.

![Andre Koo at the NYU Pan-Asia Conference](/sites/default/files/styles/500w_x_300h/public/2025-05/andre_koo_2.jpg.webp?itok=2kNG-3BU)

##  Item 1 - text formatting

## Heading 2

### Heading 3

Centered text

[Audio ](/experience-stern/news-events/new-rules-audio "The New Rules of Audio")

[Video ](/programs-admissions/full-time-mba/career/alumni-video-profiles)

[PDF ](/sites/default/files/2025-02/02_28_25_Agenda_2025%20Fintech%20Conference.docx.pdf "02_28_25_Agenda_2025 Fintech Conference.docx.pdf")

[Link arrow](/experience-stern/news/prof-kim-schoenholtz-on-narrow-banking-vs-deposit-insurance "Prof. Kim Schoenholtz on "narrow banking" vs. deposit insurance")

[ Link new window ](https://nyu.edu)

![Chris Gallea at an event at Goldman Sachs for the Stern Corporate Ambassadors Program](/sites/default/files/styles/500w_x_300h/public/2025-05/chris_gallea_1.jpg.webp?itok=y4_joJdb)

##  Item 2 - More text formatting

Description

**Bold** *Italic* [Link](https://nyu.edu) new window

1. One
2. Two
3. Three

- Bullet 1
- Bullet 2
- Bullet 3

[ Same window ](https://nyu.edu)

##  Text Block Component Headline

The Executive MBA program is structured to enable students to earn their MBA from NYU Stern while still keeping up with their personal and professional responsibilities. Choose the location and format that best suits your

##  Item Headline

|  | Purple Header | Header Row |
|---|---|---|
| Header column | row 1 | row 1 |
| col1 | row 2 | row 2 |
| col1 | row 3 | row 3 |

## Small Image- align right wrap text

![NYU Stern](/sites/default/files/styles/small_230px_wide/public/2024-11/nyu-stern-receives-53.6-million-from-alumna-anne-tasca_0.jpg.webp?itok=z5WTgEBA)

Nam quis nulla. Integer malesuada. In in enim a arcu imperdiet malesuada. Sed vel lectus. Donec odio urna, tempus molestie, porttitor ut, iaculis quis, sem. Phasellus rhoncus. Aenean id metus id velit ullamcorper pulvinar. Vestibulum fermentum tortor id mi. Pellentesque ipsum. Nulla non arcu lacinia neque faucibus

## Medium - align left wrap text

![NYU Stern](/sites/default/files/styles/medium_375px_wide/public/2024-11/nyu-stern-receives-53.6-million-from-alumna-anne-tasca_0.jpg.webp?itok=vk-gs02-)

Nam quis nulla. Integer malesuada. In in enim a arcu imperdiet malesuada. Sed vel lectus. Donec odio urna, tempus molestie, porttitor ut, iaculis quis, sem. Phasellus rhoncus. Aenean id metus id velit ullamcorper pulvinar. Vestibulum fermentum tortor id mi. Pellentesque ipsum. Nulla non arcu lacinia neque faucibus fringilla. Nulla non lectus sed nisl molestie malesuada. Proin in tellus sit amet nibh dignissim sagittis. Vivamus luctus egestas leo. Maecenas sollicitudin. Nullam rhoncus aliquam metus. Etiam egestas wisi a erat.

Nam quis nulla. Integer malesuada. In in enim a arcu imperdiet malesuada. Sed vel lectus. Donec odio urna, tempus molestie, porttitor ut, iaculis quis, sem. Phasellus rhoncus. Aenean id metus id velit ullamcorper pulvinar. Vestibulum fermentum tortor id mi. Pellentesque ipsum. Nulla non arcu lacinia neque faucibus fringilla. Nulla non lectus sed nisl molestie malesuada. Proin in tellus sit amet nibh dignissim sagittis. Vivamus luctus egestas leo. Maecenas sollicitudin. Nullam rhoncus aliquam metus. Etiam egestas wisi a erat.

## large - align center and break text

![NYU Stern](/sites/default/files/styles/large_825px_wide/public/2024-11/nyu-stern-receives-53.6-million-from-alumna-anne-tasca_0.jpg.webp?itok=i83GwZyk)

Nam quis nulla. Integer malesuada. In in enim a arcu imperdiet malesuada. Sed vel lectus. Donec odio urna, tempus molestie, porttitor ut, iaculis quis, sem. Phasellus rhoncus. Aenean id metus id velit ullamcorper pulvinar.

Nulla non arcu lacinia neque faucibus fringilla. Nulla non lectus sed nisl molestie malesuada. Proin in tellus sit amet nibh dignissim sagittis. Vivamus luctus egestas leo. Maecenas sollicitudin. Nullam rhoncus aliquam metus. Etiam egestas wisi a erat.

[ Link New Window ](https://nyu.edu) [ Link same window ](https://nyu.edu)

##  Accordion List Accordion List Item 1 Title

Accordion List Intro **Bold** *Italic* [List internal](/node/54678) [List external](https://www.nyu.edu)

Show All | Hide All

###      Accordion List Item 1 Title

Body

Format: **Bold** *Italics*

Link: [New window](https://www.nyu.edu)
Link: [Same window](/node/35691)

1. One
2. Two
3. Three

- Bullet 1
- Bullet 2
- Bullet 3

###      Accordion List Item 2 Title

Accordion List Item 2 Body

##  News Headline

- Alumni

— June 11, 2026

##  [An Evening at J.P. Morgan with Professor Suzy Welch and Fei-Fei Zhang (BS ’12)](/portal-partners/alumni/alumni-news-profiles/news/evening-jp-morgan-professor-suzy-welch-and-fei-fei-zhang-bs-12)

![Left to right: Inna Semenchuk (MBA ’93), Professor Suzy Welch, and Fei-Fei Zhang (BS ’12)](/sites/default/files/styles/192w_x_144h/public/2026-06/3.png?h=57024e64&itok=dRJd_xQS)

The Stern Corporate Ambassadors Program held a fireside chat with Professor Suzy Welch for Stern alumni working at J.P. Morgan. Welcome remarks were given by Inna Semenchuk (MBA ’93), Managing Director, Global Head of Investment Risk and Analytics, Global Private Bank at J.P. Morgan. Moderated by…

[ Read more about An Evening at J.P. Morgan with Professor Suzy Welch and Fei-Fei Zhang (BS ’12) ](/portal-partners/alumni/alumni-news-profiles/news/evening-jp-morgan-professor-suzy-welch-and-fei-fei-zhang-bs-12)
- Alumni

— June 2, 2026

##  [Stern 10 x Stern Corporate Ambassadors on The Business of Luxury: Trends, Technology, and Transformation](/portal-partners/alumni/alumni-news-profiles/news/stern-10-x-stern-corporate-ambassadors-business-luxury-trends-technology-and-transformation)

![Alumni and faculty panel members from the Stern 10 x SCA panel](/sites/default/files/styles/192w_x_144h/public/2026-06/55227928413_c330e39efd_k.jpg?h=a1e1a043&itok=FMf-In_B)

The Stern 10 alumni group and the Stern Corporate Ambassadors Program held a panel on the evolving luxury retail landscape. Welcome remarks were given by Rima Makhoul (BS ‘24), Demand and Inventory Planner at Coach and member of the Stern 10 Alumni Council Committee. The conversation was moderated…

[ Read more about Stern 10 x Stern Corporate Ambassadors on The Business of Luxury: Trends, Technology, and Transformation ](/portal-partners/alumni/alumni-news-profiles/news/stern-10-x-stern-corporate-ambassadors-business-luxury-trends-technology-and-transformation)

[Link Text](/)

##  News Listing - 4-across Grid

- [ ![Left to right: Inna Semenchuk (MBA ’93), Professor Suzy Welch, and Fei-Fei Zhang (BS ’12)](/sites/default/files/styles/866w_x_540h/public/2026-06/3.png.webp?itok=XDcdLjJt)](/portal-partners/alumni/alumni-news-profiles/news/evening-jp-morgan-professor-suzy-welch-and-fei-fei-zhang-bs-12)

Alumni

##  [An Evening at J.P. Morgan with Professor Suzy Welch and Fei-Fei Zhang (BS ’12)](/portal-partners/alumni/alumni-news-profiles/news/evening-jp-morgan-professor-suzy-welch-and-fei-fei-zhang-bs-12)
- [ ![Alumni and faculty panel members from the Stern 10 x SCA panel](/sites/default/files/styles/866w_x_540h/public/2026-06/55227928413_c330e39efd_k.jpg.webp?itok=5hbxyqva)](/portal-partners/alumni/alumni-news-profiles/news/stern-10-x-stern-corporate-ambassadors-business-luxury-trends-technology-and-transformation)

Alumni

##  [Stern 10 x Stern Corporate Ambassadors on The Business of Luxury: Trends, Technology, and Transformation](/portal-partners/alumni/alumni-news-profiles/news/stern-10-x-stern-corporate-ambassadors-business-luxury-trends-technology-and-transformation)
- [ ![Will Sheehan (MBA ’23)](/sites/default/files/styles/866w_x_540h/public/2026-06/will_sheehan_mba_23_0.png.webp?itok=ULfNwBq4)](/portal-partners/alumni/alumni-news-profiles/will-sheehan-mba-23-establishes-scholarship-supporting-military-veteran-students-nyu-stern)

Alumni

##  [Will Sheehan (MBA ’23) Establishes Scholarship Supporting Military Veteran Students at NYU Stern](/portal-partners/alumni/alumni-news-profiles/will-sheehan-mba-23-establishes-scholarship-supporting-military-veteran-students-nyu-stern)
- [ ![Professor Anat Lechner giving a workshop to alumni](/sites/default/files/styles/866w_x_540h/public/2026-05/1.png.webp?itok=I1Lx2dgq)](/portal-partners/alumni/alumni-news-profiles/news/ai-business-transformation-driver-lifelong-learning-workshop-professor-anat-lechner)

Alumni

##  [AI as a Business Transformation Driver: Lifelong Learning Workshop with Professor Anat Lechner](/portal-partners/alumni/alumni-news-profiles/news/ai-business-transformation-driver-lifelong-learning-workshop-professor-anat-lechner)

[View All](https://nyu.edu)