diff --git a/css/style.css b/css/style.css index 5e4ebc89..39d3ee75 100644 --- a/css/style.css +++ b/css/style.css @@ -96,7 +96,7 @@ body { .floe-header-tagline { font-family: 'Open Sans', sans-serif; font-size: 0.4em; - display:block; + display: block; } .floe .floe-nav ul li { @@ -371,28 +371,51 @@ body { color: #fccd00; } +.arrow::before { + content: "\25B6"; +} + .floe-resources-content { - list-style-type: none; - padding: 0.2em 0em 0em 2em; + padding: 0 0 1.5em 2em; display: none; } .floe-resources-content p { - padding-bottom: 0.3em; + font-size: 1.2em; + padding: 0.5em 0; + margin: 0; } -.floe-resources-content ul li { - padding-bottom: 0.5em; +.floe-resources-content li p { + padding-top: 0.2em; + padding-bottom: 0.2em; + margin: 0; + font-size: 1.2em; } .floe-resources-content-show { display: block; } -.floe-resources .floe-resources-content p>a { +.floe-resources-items { + list-style-type: none; + padding: 0.5em 0; +} + +.floe-resources-content .floe-resources-items li { + padding: 0.7em 0; +} + +.floe-resources-content .floe-resources-items li>a{ + font-size: 1em; font-weight: bold; } +.floe-resources-content .floe-resources-items p { + font-size: 1em; + padding: 0.4em 0; +} + .floe-resources .floe-resources-content a { border-bottom: none; } diff --git a/js/resources.js b/js/resources.js index 42959458..c8ef6fe7 100644 --- a/js/resources.js +++ b/js/resources.js @@ -5,7 +5,7 @@ $(document).ready(function(){ $( '.floe-resources-toggle' ) .attr('aria-expanded', true) .closest('.floe-resources-category') - .find('ul') + .find('div') .toggleClass('floe-resources-content-show', true); }); @@ -14,7 +14,7 @@ $(document).ready(function(){ $( '.floe-resources-toggle' ) .attr('aria-expanded', false) .closest('.floe-resources-category') - .find('ul') + .find('div') .toggleClass('floe-resources-content-show', false); }); @@ -24,7 +24,7 @@ $(document).ready(function(){ var state = target.attr('aria-expanded') === 'true' ? true : false; target.attr('aria-expanded', !state) .closest('.floe-resources-category') - .find('ul') + .find('div') .toggleClass('floe-resources-content-show', !state); evt.preventDefault(); }); diff --git a/resources.html b/resources.html index abf47ca9..7b2e95a4 100644 --- a/resources.html +++ b/resources.html @@ -110,601 +110,293 @@

  • +
  • -

    - +

    +
    +

    Digital design offers diverse possibilities for transformation and adaptation of learning content. How do we leverage these possibilities in envisioning, building and evolving tools for learning to support diverse learning needs?

    +
      +
    • User Interface Options Video (2017) +

      Learn about the Fluid Project's User Interface Options (UIO) component, how it enables people to personalise web content to meet their unique needs, and how to integrate it into a site. A beta version of a Chrome browser extension is now available, enabling UIO to transform content of web pages that do not have a direct integration of UIO. +

      +
      • +
    • Multimodal Design Patterns for Inclusion & Accessibility +

      A presentation from the 2017 University of Guelph Accessibility Conference discussing multimodality as a tool for building inclusive experiences and shifting perceptions. +

      +
      • +
    • Nexus Science Lab Video (2017) +

      See how sensors commonly found in a science lab can be connected to accessible, sonified graphs using the Nexus, a system that connects disparate technologies, enabling new and inclusive interactions that can be used to visualize and sonify data as it is gathered. +

      +
      • +
    • Nexus Inclusive Music Creation Video (2016) +

      See a demonstration of the Nexus being used to inclusively create music using various inputs including a head tracker. +

      +
      • +
    • Sonification +

      Try the inclusive chart authoring toolthat automatically sonifies data using the sonification framework that provides a set of tools to help web developers more easily create sound-based representations of interactive data. +

      +
      • +
    • Harmonious Authorship from Different Representations (2015) +

      “We describe the Infusion system, which is a library, language system or integration domain implemented in JavaScript, as well as a mentality and model for thinking about the ex- pression of end-user applications. We promise that this system will bring together the worlds of different kinds of users engaged in different tasks at different times, and allow them shared authorial access to the same artefacts which are presented to each in a notation appropriate for them.” +

      +
      • +
    • Creating a Global Public Inclusive Infrastructure (2011) +

      The Global Public Inclusive Infrastructure ensures that everyone who faces accessibility barriers due to disability, literacy or aging, regardless of economic resources, can access and use the Internet and all its information, communities, and services for education, employment, daily living, civic participation, health and safety. +

      +
      • +
    • First Discovery +

      This tool walks the people through a step by step process of discovering, declaring and storing digital preferences. +

      +
      • +
    • Discovery Cats +

      See some playful designs for setting user preferences and check out the student project that turned this into a game. +

      +
      • +
    +
  • -

    - +

    +
    +

    Technology can be leveraged to advocate for social justice, build community and affect change in the world. How do we consciously approach the design of technology for social justice to maximize its reach, adaptability and inclusiveness?

    +
      +
    • Digital Inclusion (2017) +

      Read about digital inclusion in ‘The bad news, the good news and what to do about it’

      +
      • +
    • Design Justice Network +

      “Design justice rethinks design processes, centers people who are normally marginalized by design, and uses collaborative, creative practices to address the deepest challenges our communities face.” +

      +
      • +
    • Leveraging the Web as a Platform for Economic Inclusion (2014) +

      This paper describes an international initiative that leverages the internet to address the economic exclusion of people with disabilities and maps out how this may help to address the broader issues of our current markets, education, employment, and financial systems. +

      +
      • +
    • Storytelling Tool +

      See the in progress development of the learning reflections site that will be used to gather stories about learning to learn. +

      +
      • +
    • Social Justice Repair Kit +

      Explore the Social Justice Repair Kit project that is working on engaging diverse youth with learning differences in social justice initiatives. +

      +
      • +
    • Bodies in Translation (BiT) +

      This project aims to create collaborative partnerships between artists, arts organizations, activists, scholars, and educators. It cultivates activist art produced by disabled, d/Deaf, fat, Mad, and E/elder people with the goal of expanding understandings of vitality and advancing social justice. +

      +
      • +
    +
  • -

    - +

    +
    +

    Inclusive design is a diverse, evolving set of practices and insights. What have we learned, and where is our learning taking us?

    +
      +
    • Inclusive Learning Design Handbook +

      The Floe Inclusive Learning Design Handbook is a free Open Educational Resource (OER) designed to assist teachers, content creators, web developers, and others in creating adaptable and personalizable educational resources that can meet the needs of learners with a diversity of learning styles. +

      +
      • +
    • Realizing the Potential of Inclusive Education (2018) +

      Learn about Inclusive Design and its applications to education. +

      +
      • +
    • If You Want the Best Design, Ask Strangers to Help (2018) +

      This article provides inspiration for the future of design in the Ontario government. +

      +
      • +
    • The Inclusive Design Guide +

      This ever-evolving guide can be applied to digital design as well as to the design of services, the built environment and physical products. It can be applied to processes like workshops, meetings, conferences, and our daily interactions with one another. +

      +
      • +
    • Inclusive Education Podcast (2016) +

      The first episode of the Quantization podcast which talks about visible and invisible barriers that exist in our lives focusses on inclusive education. +

      +
      • +
    • Co-Design +

      The practice of co-design allows users to become active participants in the design process by facilitating their direct input into the creation of solutions that meet their needs, rather than limiting users to the role of research subjects or consultants. +

      +
      • +
    • Inclusive Design Mapping Tool +

      This tool aims to help design and development teams to map out their product and user needs and identify the existing gaps. Users are encouraged to adapt this tool based on their project needs and goals. +

      +
      • +
    • Inclusive E-learning (2006) +

      An early vision for inclusive e-learning that continues to be relevant today. +

      +
      • +
    • Microsoft Inclusive Toolkit +

      This toolkit is a comprehensive resource for any inclusive session to practice new skills, develop new concepts, or create a prototype. This toolkit is made to be retrofitted to a design team’s goals. +

      +
      • +
    • Design Council’s Principles of Inclusive Design +

      This document is the government advisor on building inclusive architecture, urban design and public space. +

      +
      • +
    • Accessible Digital Office Document (ADOD) Project +

      This project helps individuals and organizations to create accessible office documents and choose accessible office applications for their needs. The guidance is based primarily on WCAG 2.0 and ATAG 1.0. +

      +
      • +
    +
  • -

    - +

    +
    +

    New technologies are impacting education, the economy and the wider world. How do we safeguard values such as privacy and autonomy with promising but challenging technologies such as AI, and avoid entrenching unjust systems in technology?

    + +
  • -

    - +

    +
    +

    Articles on the possibilities of inclusive learning technologies, and selected examples.

    +
      +
    • Interactive Simulations for Science and Math +

      Play with PhET’s fun, free, interactive, research-based science and mathematics simulations. Some sims such as John Travoltage support keyboard-only access, audio description and sonification. +

      +
      • +
    • SNOW - Access to education using technology +

      Get information and training geared to educators, parents and students with disabilities on technologies for learning both in and out of the classroom. +

      +
      • +
    • Work in Progress Report: Nonvisual Visual Programming (2014) +

      “Visual programming systems are widely used to introduce children and other learners to programming, but they cannot be used by blind people. Inspired by the ideas of blind computer scientist T.V.Raman, the Noodle system provides nonvisual access to a dataflow programming system, a popular model for visual programming systems.” +

      +
      • +
    • Georgia Tech Sonification Lab +

      “The Sonification Lab focuses on the development and evaluation of auditory and multimodal interfaces, and the cognitive, psychophysical and practical aspects of auditory displays, paying particular attention to sonification.” +

      +
      • +
    • A Nonvisual Interface for a Blocks Language (2016) +

      “we are building a nonvisual interface to a blocks language. We present a pseudospatial interface for the language, similar to that of Noodle, and compare it with other approaches to accessibility for blocks languages.” +

      +
      • +
    • Amara Video Captioning +

      Use Amara's technology to caption and subtitle any video for free.

      +
      • +
    • Pressbooks +

      Pressbooks easy-to-use book writing software enables people to create books in all the formats needed for publishing. +

      +
      • +
    • Interoperability for Individual Learner Centred Accessibility for Web-based Educational Systems (2006) +

      This paper describes the AccessForAll accessibility strategy for delivering accessible computer based resources to individual learners based on their specified needs and preferences in the circumstances in which they are operating. Many of the resources presented here are based on this original work. +

      +
      • +
    +
  • -

    - +

    +
    +

    These sites offer OER-specific resources, such as directories or authoring tools.

    +
      +
    • Connexions +

      Discover learning materials in an Open Space. View and share free educational material in small modules that can be organized as courses, books, reports or other academic assignments. +

      +
      • +
    • EngageNY +

      Current materials and resources related to the implementation of the New York State P-12 Common Core Learning Standards (CCLS), Teacher and Leader Effectiveness (TLE), and Data-Driven Instruction (DDI). EngageNY is dedicated to providing educators across New York State with real-time, professional learning tools and resources to support educators in reaching the State’s vision for a college and career ready education for all students. +

      +
      • +
    • Gooru +

      Gooru is an educational technology non-profit that is dedicated to improving learning outcomes for all students by making education equally accessible and empowering. Gooru is creating technology that enables educators and researchers to “open-source” effective practices and content to improve learning outcomes for all. +

      +
      • +
    • K-12 +

      K12 is a leading online learning provider serving K–12 online schools. The K12 program is offered through tuition-free online public schools* and online private schools. +

      +
      • +
    • Merlot Multimedia Educational Resource for Learning and Online Teaching +

      MERLOT is a curated collection of free and open online teaching, learning, and faculty development services contributed and used by an international education community. +

      +
      • +
    • OER Commons +

      OER Commons is a public digital library of open educational resources. Explore, create, and collaborate with educators around the world to improve curriculum. +

      +
      • +
    • OER Pub +

      OERPub is creating innovative open-source tools for authoring, adapting, remixing and publishing open education resources and then delivering them to the web, mobile, tablet and print. +

      +
      • +
    • Open Education Consortium +

      A global network of educational institutions, individuals and organizations that support an approach to education based on openness, including collaboration, innovation and collective development and use of open educational materials. The Open Education Consortium is a non-profit, social benefit organization registered in the United States and operating worldwide. +

      +
      • +
    • The Orange Grove +

      Florida’s open educational resource repository. +

      +
      • +
    +
    • - -