W3C WAI
Web Accessibility
Initiative

Page Heading (for letter disctinctions: agjJlLiIqbd69esS51)

Important Note: This page is an incompete, rough mock-up just to show the font Noto Sans with some context. The layout, design, coding, text, etc. may not work in some configurations, and it certainly is not at all finalized nor polished.

Comments on the font are welcome — preferably on GitHub issue 52, alternatively by e-mail to public-wai-eo-site@w3.org

Section Header: Header 2

Here is some real text so you can try actually reading it...

The Web is fundamentally designed to work for all people, whatever their hardware, software, language, culture, location, or physical or mental ability. When the Web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability.

Thus the impact of disability is radically changed on the Web because the Web removes barriers to communication and interaction that many people face in the physical world. However, when websites, web technologies, or web tools are badly designed, they can create barriers that exclude people from using the Web.

Section Header: Header 2

The Web Accessibility Initiative (WAI) develops strategies, guidelines, and resources to help make the Web accessible to people with disabilities.

WAI develops...

  • guidelines widely regarded as the international standard for Web accessibility
  • support materials to help understand and implement Web accessibility
  • resources, through international collaboration

WAI welcomes...

  • participation from around the world
  • volunteers to review, implement, and promote guidelines
  • dedicated participants in working groups

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, sint dolores tempore quod libero, nemo consequatur neque. Ipsum hic voluptatem cumque, amet neque. Provident fugiat repellat illo culpa qui dolorem! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, suscipit odio placeat, ut, eligendi molestias sequi optio non consequatur vel minima cumque praesentium esse voluptates quasi dolores odit quod vitae.

Section Header: Header 3

This section has line-height 1.35 for comparison. The rest of it is now 1.5.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam qui eligendi molestias mollitia perspiciatis excepturi. Odit, minima commodi dicta velit exercitationem, impedit amet, similique illum voluptate at sit natus assumenda!

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quasi, dicta excepturi! Repellat, quos aliquam. Rerum eum aspernatur maiores sapiente autem reiciendis cum, sunt voluptatum aut asperiores corporis soluta libero.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quasi, dicta excepturi! Repellat, quos aliquam. Rerum eum aspernatur maiores sapiente autem reiciendis cum, sunt voluptatum aut asperiores corporis soluta libero.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quasi, dicta excepturi! Repellat, quos aliquam. Rerum eum aspernatur maiores sapiente autem reiciendis cum, sunt voluptatum aut asperiores corporis soluta libero.

Section Header: Header 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo temporibus dolorum maxime eos blanditiis, nihil hic fuga perspiciatis, incidunt praesentium. Alias ut sit vero, dolor illum perferendis magni quaerat, beatae.

Section Header: Header 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint inventore natus vitae, reiciendis, omnis, eveniet alias asperiores vero, porro accusamus iure fugiat. Harum architecto sunt, recusandae similique cum veniam ducimus.

Section Header: Header 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates quis, beatae odio iusto ipsa laboriosam dicta perferendis eos quisquam assumenda natus, autem similique atque, modi pariatur. Suscipit consequuntur similique distinctio!