Skip to content

Latest commit

 

History

History
executable file
·
181 lines (174 loc) · 9.28 KB

index.md

File metadata and controls

executable file
·
181 lines (174 loc) · 9.28 KB
layout title lang inline_css
home
Home
en
li::marker { color: var(--faded-red); } .audiences-inline li, .teaser-sponsors li{ color: var(--faded-red); } .audiences-inline li a { color: var(--w3c-blue); } .teaser-sponsors li>span{ color: var(--off-black); }

W3C Web Accessibility Initiative Home

Making the Web Accessible

Strategies, standards, and supporting resources to help you make the Web more accessible to people with disabilities.

{%- include_cached icon.html name="hp-book" class="mwa-icon mwa-icon-book" -%} W3C

The World Wide Web Consortium (W3C) develops international standards for the Web: HTML, CSS, and many more.

{%- include_cached icon.html name="hp-tools" class="mwa-icon" -%} WAI

The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.

{%- include_cached icon.html name="hp-computer" class="mwa-icon mwa-icon-computer" -%} You

You can use W3C WAI resources to make your websites, applications, and other digital creations more accessible and usable to everyone.

Hide Section

  News

Current Work

(updated monthly)

See What We're Working On – Accessibility Activities and Publications

{%- for post in site.posts -%}

({{post.date | date: "%Y-%b-%d"}})

{{ post.content | markdownify }} {%- if forloop.index == 7 -%} {%- break -%} {%- endif -%} {%- endfor -%} See All News Subscribe to WAI News

See what we have for you: Get Resources for…

The free "Introduction to Web Accessibility" online course provides the foundation you need to make your digital technology accessible. It's designed for:

  • technical and non-technical learners
  • developers, designers, ux, writers, managers, advocates
  • professionals, instructors, students
    <div>
      <span class="button">About the Free Online Course</span>
    </div>
  </a>
</section>



<section class="teaser media-inline" aria-labelledby="perspectives-title">
  <header class="teaser-h">
    <h2 id="perspectives-title">
      <span class="subtitle">Web Accessibility Perspectives: </span>
      <span class="title">Video Captions</span></h2>
  </header>
  <div class="media-wrapper">
    <iframe title="Video" width="560" height="315" src="https://www.youtube-nocookie.com/embed/iWO5N3n1DXU" allowfullscreen=""></iframe>
  </div>
  <p>Captions are the audio information in text that is synchronized with the audio and visual content. Captions are called "subtitles" in some regions. </p>
  <p>Video Captions are essential for people with disabilities and benefit everyone in a variety of situations.</p>
  <div class="button-group">
    <a class="button button-more" href="{{ '/perspective-videos/captions/' | relative_url }}"><span>More About Video Captions</span></a>
    <a class="button button-more button-secondary" href="{{ '/perspective-videos/' | relative_url }}"><span>See All Perspectives Videos</span></a>
  </div>
</section>

<section class="teaser resource-inline" aria-labelledby="media-title">
  <a class="teaser-c stealthy-link col1" href="{{ '/media/av/' | relative_url }}">
    <header class="teaser-h">
      <h2 id="media-title">
        <span class="subtitle">Featured Resource: </span>
        <span class="title">Making Audio and Video Media Accessible</span>
      </h2>
    </header>
    <img src="{{ "/content-images/news/2019-09-10-making-audio-and-video-media-accessible.png" | relative_url }}" alt="">
    <p>This media resource helps you understand and create captions/subtitles, audio description of visual information, descriptive transcripts, and sign language for media. It introduces user experiences and benefits to organizations.</p>
    <div>
      <span class="button">Making Audio and Video Media Accessible</span>
    </div>
  </a>
</section>

Sponsors and Funders

WAI is supported in part by the following organizations. Thank you!

WAI welcomes additional sponsors.


Previews of this site are powered by Netlify.