{"id":62850,"date":"2019-05-14T00:00:00","date_gmt":"2019-05-14T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2019\/05\/14\/web-accessibility-playground\/"},"modified":"2021-05-21T22:19:36","modified_gmt":"2021-05-21T22:19:36","slug":"web-accessibility-playground","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/","title":{"rendered":"Web Accessibility: What a Playground Can Teach Us"},"content":{"rendered":"

In West Hartford, Connecticut, the Jonathan\u2019s Dream<\/a> playground is accessible for all families and children, those with and without disabilities alike. Kids play basketball with hoops of varying heights, suitable for those in and out of wheelchairs. Swings with torso support enable those with limited upper body strength or mobility to enjoy the classic back-and-forth fun that other kids find easily at typical neighborhood playgrounds. And, instruments and reading exhibits built into the playground foster inclusive play, where every child is welcomed and benefits physically, socially and emotionally.<\/p>\n

Amy and Peter Barzach, the creators of Jonathan\u2019s Dream, conceived of the playground in 1996 in honor of their son, and they later founded Boundless Playgrounds<\/a> to make inclusive, accessible spaces for children more commonplace.<\/p>\n

Jonathan\u2019s Dream sets an example for everyone looking to create inclusive products, including those building for web accessibility. The playground teaches us that accessibility is more than simply meeting standards; accessibility is inclusive by design; it\u2019s built-in by those who benefit; and it means continuous, ongoing improvement.<\/p>\n

Accessibility is more than meeting standards<\/b><\/h2>\n

A quick web search on accessibility surfaces many articles and forums on how-to-not-be-sued when building for offline or online accessibility. There are hundreds of articles on meeting accessibility requirements for buildings based on the American Disabilities Act<\/a>, and there are hundreds more articles and forums for web developers on what they need to do to meet W3C guidelines based on the Web Accessibility Initiative<\/a>. Standards are critically important. And also, it\u2019s important to keep in mind that standards are in place because of the humans that benefit from them. Meeting them might mean that you\u2019re providing the best experience possible for the end-user of your product, but it might not. Maybe there\u2019s more to be done.<\/p>\n

Jonathan\u2019s Dream shows us that accessibility can and should mean more than meeting standards. The playground humanizes the reason standards exist in the first place. Accessibility means giving every person a realized fair and equal opportunity.<\/p>\n

\u201cEach and every person \u2014 regardless of their abilities or disabilities \u2014 has a responsibility to contribute what they can to society, and each person has something unique and invaluable to give,\u201d said James Teh, who manages accessibility for Firefox products. \u201cBut to do that, they need the tools that provide them that opportunity. In enabling people with disabilities, we enable and empower them to do their part in ensuring a brighter future for everyone.\u201d<\/p>\n

Accessibility is inclusive by design<\/b><\/h2>\n

According to the World Health Organization<\/a>, about 15% of the world’s population lives with some form of disability. And, people with disabilities live with, and among, people without disabilities. Jonathan\u2019s Dream doesn\u2019t cater solely to people with disabilities, with this in mind. Instead, the playground caters to all children who want to play, socialize, learn and exert some energy. The technical term for this type of build is inclusive design<\/i>, something Firefox engineers think critically about with each update of Firefox.<\/p>\n

For example, Firefox\u2019s Reader Mode<\/a> and Narrate<\/a> tools are useful for anyone who wants to focus on content or have their browser read aloud. (Anecdotally, many Firefox users use Narrate to intentionally reduce screen time.) Yet, we hear of users with many different needs who benefit from these two offerings.<\/p>\n

People with dyslexia and cognitive disabilities who find lots of screen clutter problematic tell us they enjoy Reader Mode and Narrate. And, Narrate is advantageous for those with visual impairment. The tools also help people who are temporarily unable to carry out online tasks. When driving, for example, a person can\u2019t use their eyes or hands to perform other tasks, like read or scroll through an online article, and Narrate is a solution for this. Both Reader Mode and Narrate are products of inclusive design: they help everyone whether they have a disability or not, permanent or temporary.<\/p>\n

Accessibility is built-in by those who benefit<\/b><\/h2>\n

Amy Barzach, upon founding Boundless Playgrounds, used legos, string, sticks and clay to lead groups of children with and without disabilities in brainstorming what the best possible, inclusive playgrounds could look like for optimal learning, socialization, and fun. She gave the kids a Mr. Potato Head scooter so that they could think about ways children in wheelchairs could play. Playground engineers then brought the children\u2019s dreams to life.<\/p>\n

Accessibility is most realized when it\u2019s built-in by design by those who benefit from it. Here at Mozilla, there are two blind engineers on the Firefox accessibility team. They provide leadership and feedback on all Firefox products, and while all product features benefit from their expertise, Firefox\u2019s exceptional support of blind screen reader users is largely due to their input. We also have a user research group that recently conducted a study with blind and vision impaired users on how they browse in mobile Firefox products, and results are leading to more accessibility insights and product advancements.<\/p>\n

Mozilla\u2019s mission<\/a> is to ensure the web remains a global resource, open and accessible to all. There is no better way for us to improve the accessibility part of our mission than in a way that is also inclusive and involves the people that are directly impacted by our product decisions.<\/p>\n

Accessibility is ongoing improvement <\/b><\/h2>\n

Harsh winters and weather took a toll on Jonathan\u2019s Dream after 16 years of initial use, and it closed in 2012 due to safety concerns. With community support, it re-opened in 2017 with a modernized and reimagined inclusive design. It features equipment inviting children to be physically engaged regardless of their abilities in the areas of strength, endurance and flexibility.<\/p>\n

Ongoing accessibility improvement and iteration \u2013 learning from both successes and failures \u2013  is critical, as the restoration of Jonathan’s Dream illustrates. Along these same lines, Firefox is launching a significant end-user change with its update later this month: the Firefox desktop browser toolbar will be fully keyboard accessible. Users will be able to access everything, including extension buttons, right from the keyboard. Developers can expect improved keyboard and screen reader accessibility in Firefox\u2019s Dev Tools platform as well: color contrast information will be available in the sidebar (which encourages developers to make visually accessible content), and the tree view in the Dev Tools console will also be keyboard accessible.<\/p>\n

Online, web developers are the people on the front lines, designing for accessibility. They\u2019re the ones responsible for ongoing improvement, and there\u2019s a bunch of work happening in this space. Firefox Accessibility Dev Tools<\/a> are being actively developed (to help all developers make accessible content, no matter what browser or platform they\u2019re building for). Microsoft and Google are also investing significantly in accessibility. Competition among Firefox and Big Tech players to make the web more accessible is healthy, and ultimately beneficial for all users of our largest shared resource.<\/p>\n

Accessibility is for all<\/b><\/h2>\n

Playgrounds are paramount to childhood fun, interaction, learning and development. They foster the physical, mental, intellectual and social well-being of our next generation. Jonathan\u2019s Dream is among the most admirable examples of a playground that is truly accessible \u2014 designed for all.<\/p>\n

Meanwhile online, the internet is the most powerful communication and collaboration resource we have ever seen \u2014 for children and adults alike. It embodies some of our deepest hopes for human progress and enables opportunities for learning, a sense of shared humanity, and a global forum to come together to address pressing problems facing people everywhere. It has the potential to level the playing field for all people with access to education and employment, improving their quality of life.<\/p>\n

Here at Mozilla, we\u2019re committed to making Firefox products in accordance to Mozilla\u2019s Manifesto<\/a> principles, including this one: \u201cWe are committed to an internet that includes all the peoples of the earth \u2014 where a person\u2019s demographic characteristics do not determine their online access, opportunities, or quality of experience.\u201d<\/p>\n

And at Jonathan\u2019s Dream, community volunteer Ronit Shoham says that accessibility should never be an afterthought. \u201cAccessibility benefits everyone,\u201d she said. \u201cAnd, if accessibility were to be a first thought rather than a last thought, we\u2019d see more connection in our world today. We\u2019d see more places where people of all abilities could celebrate life together.\u201d<\/p>\n

Let\u2019s all continue to strive for better, and not leave anyone behind. Let\u2019s build products \u2014 from playgrounds to the web and everything in-between \u2014 as inclusive by design, with ongoing, unending improvements, hand-in-hand in partnership with the people these products ultimately serve.<\/p>\n","protected":false},"excerpt":{"rendered":"

In West Hartford, Connecticut, the Jonathan\u2019s Dream playground is accessible for all families and children, those with and without disabilities alike. Kids play basketball with hoops of varying heights, suitable for those in and out of wheelchairs. Swings with torso support enable those with limited upper body strength or mobility to enjoy the classic back-and-forth […]<\/p>\n","protected":false},"author":1198,"featured_media":22285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[464058,461998],"tags":[],"coauthors":[311682],"acf":[],"yoast_head":"\nWeb Accessibility: What a Playground Can Teach Us<\/title>\n<meta name=\"description\" content=\"The Jonathan\u2019s Dream Playground sets an example for everyone looking to create inclusive products, including those building for web accessibility.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/\",\"name\":\"Web Accessibility: What a Playground Can Teach Us\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2019\/05\/Jonathans-Dream-Playground.jpg\",\"datePublished\":\"2019-05-14T00:00:00+00:00\",\"dateModified\":\"2021-05-21T22:19:36+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/24e7e5c372231fdb67776f1f650c699e\"},\"description\":\"The Jonathan\u2019s Dream Playground sets an example for everyone looking to create inclusive products, including those building for web accessibility.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2019\/05\/Jonathans-Dream-Playground.jpg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2019\/05\/Jonathans-Dream-Playground.jpg\",\"width\":905,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Accessibility: What a Playground Can Teach Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/24e7e5c372231fdb67776f1f650c699e\",\"name\":\"Michaela Smiley (Thayer)\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/44e149ca12f5a85f719c1876227f9d8f\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/73099c0dd4cb40dfc0be987e299effe7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/73099c0dd4cb40dfc0be987e299effe7?s=96&d=mm&r=g\",\"caption\":\"Michaela Smiley (Thayer)\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/mthayermozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Accessibility: What a Playground Can Teach Us","description":"The Jonathan\u2019s Dream Playground sets an example for everyone looking to create inclusive products, including those building for web accessibility.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/","url":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/","name":"Web Accessibility: What a Playground Can Teach Us","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2019\/05\/Jonathans-Dream-Playground.jpg","datePublished":"2019-05-14T00:00:00+00:00","dateModified":"2021-05-21T22:19:36+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/24e7e5c372231fdb67776f1f650c699e"},"description":"The Jonathan\u2019s Dream Playground sets an example for everyone looking to create inclusive products, including those building for web accessibility.","breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2019\/05\/Jonathans-Dream-Playground.jpg","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2019\/05\/Jonathans-Dream-Playground.jpg","width":905,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/internet-culture\/deep-dives\/web-accessibility-playground\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Web Accessibility: What a Playground Can Teach Us"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/24e7e5c372231fdb67776f1f650c699e","name":"Michaela Smiley (Thayer)","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/44e149ca12f5a85f719c1876227f9d8f","url":"https:\/\/secure.gravatar.com\/avatar\/73099c0dd4cb40dfc0be987e299effe7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/73099c0dd4cb40dfc0be987e299effe7?s=96&d=mm&r=g","caption":"Michaela Smiley (Thayer)"},"url":"https:\/\/blog.mozilla.org\/en\/author\/mthayermozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62850"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/1198"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=62850"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62850\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/22285"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=62850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=62850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=62850"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=62850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}