ucfopen / flash-cards-materia-widget Goto Github PK

Based on an instructor's request, we could add a toggle to the creator to apply a general level of font scaling to text on the card - big, medium, small, for example. We'd have to test this scaling against existing instances of flash cards, particularly cards with media that may be short on space.

The entities may be rendered correctly on the card, but they persist in the strings that are assigned to a card's aria-label attribute. As such, screen readers will read the HTML entity, not the character it represents.

In the Flash Card widget, when an image is added to a card, it is automatically scaled to fit within the dimensions of the card. However, depending on the size and shape of the image, it may result in a very small image being displayed. A user might want to be able to enlarge the image so that they can see it in greater detail. Adding the option to click on the image to Zoom in and enlarge it to fill the window would be a welcome addition to this widget.

In an effort to add Math symbol support in Materia let's start by adding Math equations into Flash Cards.

Faculty should be able to add in math equations fairly easily, but since this will most likely not be the dominate use case I'd want to make sure the UI/UX to add in a math equation minimally disrupts the interface.

Depending on the difficulty of entering in math equations we may need additional help or explanation on how this is done.

Ideally the library used to add in math equation support should be loaded conditionally when needed, so we don't need to bake it in to every Flash Cards instance. I'm not sure how difficult this is with our current setup.

Clicking a card to flip it does nothing

When using flashcards on a mobile device, the user is unable to click the card to flip it over. The user should be able to tap the card and view the other side.

Additionally, making the flashcards UX more mobile friendly can be beneficial, as it will be more useful to students who constantly use phones.

Ideas for Improvement:

1. When the user flips phone to landscape orientation, the flashcards become full screen
2. Tilting the phone (while in landscape orientation) will flip the card