W3C WAI Websiteアップデート

PR

先日W3CがアップデートしたW3C WAI Website Redesign Informationとしてアップデート。

お役に立つ方にはお役に立つのではと思い、エントリー。

W3C公式ウェブサイトでもいろいろなドキュメントやサンプルコード(sample code)、テンプレート(template)なども用意されています。

またギットハブ(GitHub)などでも新しいW3C WAI Websiteをホストするリポジトリなどで、いろいろな方が見ていたり、編集してくれているようです。
github.com/w3c/wai-website

W3C Web Accessibility Initiativeの中で、</>Tips for Getting Started Developing for Web Accessibilityというところをランダムに選んで、そこで公開されていたサンプルコード(sample code)をランダムに埋め込んでおきます。

<label for="username">Username</label>
<input id="username" type="text" name="username">

こんな感じになるかと。


<form action="#" method="post">
  <div role="search">
    <label for="search">Search for</label>
    <input type="search" id="search" aria-describedby="search-help">
    <div id="search-help">Search records by customer id or name</div>
    <button type="submit">Go</button>
  </div>
</form>

するとこんな感じに。


Search records by customer id or name

といくつかざっくりそのまま簡単なサンプルコード(sample code)やドキュメント(document)、Before and After Demonstrationという情報なども公開されています。

ご興味があればどうぞ。
WAI
WAI Overview