Accessibility Audit - Alternative texts

[Marcellokah]

https://www.figma.com/board/IOK5aDYQxav7VCDTgJoovI/Accessibility-Audit-and-Roadmap-DocsKit?node-id=2-7987&t=D0JbKTLhBsf5dinQ-4

[github-actions]

🌟 EkLine Reviewer

Hello! I’m here to help improve your docs. I’ve reviewed your pull request, and left in-line suggestions for quick fixes. For details, visit the Analytics Page.

For questions or feedback, please email support@ekline.io.

[Copilot]

Pull Request Overview

This PR enhances accessibility by adding descriptive alternative texts and updating heading semantics across documentation components.

• Added alt/aria-label attributes to video elements and expanded image alt texts for better screen reader support
• Replaced markdown headings with styled HTML heading tags in MDX files for consistent typography
• Adjusted JavaScript logic to safely initialize the intersection observer’s heading map

Reviewed Changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/src/components/home.js	Added alt on <video> (should be aria-label) and expanded image alt texts
src/src/@platformos/gatsby-theme-platformos-docskit/components/toc.js	Initialized reduce accumulator with an empty object fallback
src/docs/06-docs-as-code-course.mdx	Replaced ### markdown headings with <h2 style> tags
src/docs/05-pricing.mdx	Updated pricing display to use <strong> and expanded “POA” text
src/docs/03-case-studies/product-site.mdx	Styled feature cards with <h3 style> and added aria-label on <video>
src/docs/03-case-studies/docskit-mdx-partials.mdx	Styled feature cards with <h3 style> tags
src/docs/03-case-studies.mdx	Styled case-study cards with <h2 style> tags

Comments suppressed due to low confidence (2)

src/docs/06-docs-as-code-course.mdx:28

• [nitpick] Inline styling on heading tags can lead to inconsistent typography. Consider using the shared Heading component or standard markdown headings for consistency.

    <h2 style={{ fontSize: "1.5rem" }}>Signup</h2>

src/docs/06-docs-as-code-course.mdx:34

• [nitpick] Inline styling on heading tags can lead to inconsistent typography. Consider using the shared Heading component or standard markdown headings for consistency.

    <h2 style={{ fontSize: "1.5rem" }}>Login</h2>

[diana-lakatos]

Thank you @Marcellokah!

[github-actions]

🚀 Deployed preview to https://docskit-preview.staging.oregon.platform-os.com/