fix(a11y): make related videos section semantically correct

Co-authored-by: Mike van Veenhuijzen <[email protected]>
jwplayer · May 30, 2024 · 57e2641 · 57e2641
1 parent 448c196
commit 57e2641
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/ui-react/src/components/VideoLayout/VideoLayout.tsx b/packages/ui-react/src/components/VideoLayout/VideoLayout.tsx
@@ -194,7 +194,7 @@ const VideoLayout: React.FC<Props> = ({
       primaryMetadata={primaryMetadata}
       secondaryMetadata={secondaryMetadata}
     >
-      {playlist && <div className={styles.relatedVideos}>{renderRelatedVideos(true)}</div>}
+      {playlist && <section className={styles.relatedVideos}>{renderRelatedVideos(true)}</section>}
       {children}
       {player}
     </VideoDetails>