Git Product home page Git Product logo

h5p-questionnaire's Introduction

h5p-questionnaire

Build Status

A H5P library for creating interactive questionnaires.

Getting started

Grab all the modules:

npm install

Build project:

npm run build

Run tests:

npm test

Running local dev environment

Make sure that submodules are updated and submodule content is imported. Then you can spin up the local dev environment using webpack dev server:

npm run dev

h5p-questionnaire's People

Contributors

andreascerpus avatar bhavel avatar dependabot[bot] avatar dinism avatar dnowba avatar e-me avatar fnoks avatar germanvaleroelizondo avatar gwenillia avatar icc avatar jelenamilinovic avatar jnavroski avatar johanltpt avatar kish5p avatar lesha724 avatar makmentins avatar maria1186 avatar miropuhek avatar msr930 avatar nadavkav avatar otacke avatar smartwayme avatar sokunthearithmakara avatar somkidsookchot avatar tajakobsen avatar timothyylim avatar totoromaum avatar translate-h5p avatar weblate avatar zouhairloucif avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

h5p-questionnaire's Issues

Adding more than 3 questions

When I add more than 3 questions it fails to add them and deletes the entries added after the 3rd.
Question Set 1.13.4
Version: 8.x-1.0-rc4
Drupal.

Accessibility improvements, various

I can see that there's been great effort into handling the keyboard focus of the questionnaire, but I can also see areas that could be improved:

  • Using a <fieldset> to group a radio question & its answers && using a <legend> to wrap the question
  • Using an underline to on the active step number to indicate its state as well as its current orange colour && Adding hidden text to explain that "1" is the active step
  • Using aria-label for fields that are missing an associated label element, such as the <textarea> field

Expand 255 character limit for 'success screen answer'

We're trying to use the questionnaire H5P type to elicit open-ended responses from learners as they work through reading activities. We'd also like to offer them some substantial post-activity feedback, and include the text of a 'model answer' in some cases. The problem we're encountering is that the 'Text to display on submit' field appears to be limited to 255 characters of input, and we'd occasionally like to include more characters in our post-response 'success screen answer'.
screen shot 2017-09-29 at 1 23 46 pm
Here's an example of what this might look like: https://wisc.pb.unizin.org/rawrtest/wp-admin/admin-ajax.php?action=h5p_embed&id=29. You can see that the response we're trying to give post-completion is truncated because of the character limit. Is this something that we can change locally, or would you be open to a pull request that would expand the size of this field?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.