Current behaviour:
Noticed the captions texts were bigger than the texts in other pages

Expected behaviour:
Make the red and black texts have the same font-size of 30px across the book Unit 1 -10, including in tables. Exempt black texts for reading exercises at the end of the units like on page 44, 51. Those should remain larger in font size.

See attached for how the video looks in iBook on a Mac. I shared the file here https://drive.google.com/drive/u/0/folders/1Ehh2avchZM6DIJL7HkuSvWOM7izoBKUa with Aferdita. She suggested that the cause may be a bug in Readium that actually hides videos by default. So, we may be taking advantage of a bug to make it work in Readium Desktop.

She said this will probably impact Android, so we should fix it.

@brianagina could you take a look and decide who should fix this?

Create and test the JS for popups for video, audio, images, and text.
The popup window should draw focus to itself

Increase the contrast ration between the foreground and background.

On page 25 Column B the wording should be "She has got rulers"

Hi Brian,

Quickly looking into the ADT, the image files are 50 mb total. We should look into compressing them. They are very large width.

Resizing the question header in red and the question text before the tables to match with the initial font size in previous pages. For example the question header "Do this in groups" should be of the same font size as page 15 of the EPUB. And the question text "Which is the odd one out?" should be of the same font size as the caption's text font size. This is applicable to the drag and drop question as well.

Applicable on page 53. Refer to pdf.

@mhand7 I think we raised this new issue but wasn't logged in GitHub issue tracker. Issue #78 was a bug we noticed based on expectation logged on this new issue.

Current:
For example, if we have 3 glossary words in a page, 3 videos will pop up irrespective of which glossary word in the page was clicked. The red X buttons becomes gray/white and is positioned the middle in subsequent videos apart from the top first video in cases where more than glossary word is on a single page. In pages with multiple (> 3) glossary words, the videos have to be scrolled through.

Expectation:
To have only one video frame popped at a time, despite the number of glossary words in a page. Clicking on the glossary word should only pop up ONLY one video for the relevant glossary word. We should stick with the red X button at the top right of the pop up video frame.

Have a reset button to reset the question to original form before submission. The reset button will be adjacent to the Answer button.

The touch zones for each radio button (A, B, C) are very small currently and not immediately recognizable as touch zones.
They must be large and easy to press - consider the needs of low-vision, physical disability, intellectual.

Let's use same colour on glossary words as used on the the rest of the text (black) in the book.

Hi Brian,

We are having issues testing the 4.2.3 Android app because testers do not have the latest version of the EPUB. Could you please:

1. Add release numbers and dates to the compiled EPUB
2. Always post the latest release here: https://drive.google.com/drive/u/0/folders/1iSXAPwrzpIZngTngTbeYiPMyk8EFhvWP
   Thank you!

• MAtt

Replace the audio feedback sounds. Record new sounds.

On page 20, the first of an interactive exercise exists where the user must answer A, B, C for colored objects. From a content adaptation perspective, a game like this may not be accessible for someone who has low vision or color blindness.Include descriptive image descriptions to assist the user

Current:

Expected:
The text should not overlay the video. We can move the image of the mother and its below text higher to accommodate both text and image.

Current behaviour:
Some pages have a lot of whitespace at the top of the page or/and above the sign videos. Example page 8(2)

Expected behaviour:
Center content in pages with a lot of whitespace at the top of the page or/and above the sign videos. Example of good vertically aligned items with good use of space is on page 15(2) and 16(1)

Center content in the following pages/xhtml files:
1, 4(2), 5(2), 7,(2), 8(2), 9(2),
10(2), 13(1), 13(2),16(2),18(1), 19(2),
20(1), 22(2), 24(1), 24(2), 27(1), 27(2),
30(1), 30(2), 33(1), 33(2),
44(1), 44(2), 45(2),
56(1), 58(1), 59(2),

Have a Try again and Congratulations text feedback as well to complement the sound feedback when right/wrong.

Make the faint red lines between the row items on Which is the odd one out? question more visible.

Current:
With two glossary words in page using different/similar video attribute values, the video playback controls are inactive

Expected:
To play the glossary videos if we have multiple glossary words in a page.

Current:

Expected:
Create space between the image and the text at the top of the page. We can move the image and text bubbles lower.

Hi Muhannad,

We are testing the ADT on our latest candidate release for Android. The drag and drop exercises are causing the page to turn. I suspect the same swipe gesture is being used.

Could you take a look and propose

• a change to the gesture in the EPUB
• a change to the gesture in the Android app?

I will add you to the Alpha Track for our Android e-reader. Link here:
https://play.google.com/apps/internaltest/4697743593543312459

Aferdita is leading the development of the Android app.

Add the Sign language video and all the texts for glossary items to the respective places

Similar to issue #59
Current behaviour:
The table is too long thus the images are not clearly visible and if the font-size will be increased as well, the texts will look bigger and out of place within the cells

Expected behaviour:
Split the table into two pages maintaining the text before the table and the column header. The row with the Goat text should be end of the first table. The new xhtml file to accommodate the other half of the table rows will be unit08_page54-02.xhtml.

Current:

Expected:
Each text should be clearly visible.

Current:
Notations
1 - text outside body margin
2 and 3 - scroll bars

Expected:
The text should be within the body.
Remove scroll bars on the horizontal and right vertical axis

A portion of the video on page 12 are for words that appear on page 11

Current behaviour:
For pages 61, 62, 63 and 64, the clock images and text take two pages with the final image being solitarily in the second page for each page number thus leaving more space. Example on page 61(1) and 61(2)

Expected behaviour:
Merge the content across the 2 pages so that we have the 3 clocks in one page as is on the pdf. We will have an interactive set for the questions so would also make sense to have the 3 clocks in one page as indicated in the pdf

Merge 61(1) and 61(2) into single xhtml file
Merge 62(1) and 62(2) into single xhtml file
Merge 63(1) and 63(2) into single xhtml file
Merge 64(1) and 64(2) into single xhtml file"

Make the Answer button inactive until the entire question is answered.

Current behaviour:
The purple texts within the units are in smaller texts compared to the caption text/other texts within the pages. Hard to distinguish them despite the color difference due to smaller font size.

Expected behaviour:
The purple texts are sub-topics within chapters and thus should be of heading level 2. We recommend a font-size of 35px to easily distinguish them and provide hierarchical structure and enhance accessibility while using assistive devices. Therefore the code will look something like this
<h2><span id="">The</span><span id="">Purple</span><span id="">Text</span></h2>

Current behaviour:
Page 43 table is long to have same row height that would fit all the images.

Expected behaviour:
Split the table in page 43 into two across 2 xhtml files. The first table will have the chair image being the last row.

The second table will be on a new xhtml page named unit06_page43-02.xhtml. It will the four rows at the bottom of the current page in a well spaced table to accommodate the images, should have the coulmn headers A and B as well as the initial text "Say their names" before the table.

Please position the two tables to make good use of the space within the page.

video window is 1080 px height
video width is 600 px

Need to adjust height to match.

Current:
Span tags are embedded within the span tags with attributes video, poster for every glossary word implementation. Below is an example of the code:

`<div class="section-title">
      <h2><span id="s0007">Greeting</span> **<span class="video-span show-video" video="../Video/people.mp4" poster="../Images/unit2-6_image.png"><span id="s0008">people</span></span>**
      </h2>
</div>`

Expected:
Should not embed the span tag within another span tag for the glossary words across all relevant xhtml files. The above code and other implementations should look as such

`<div class="section-title">
      <h2><span id="s0007">Greeting</span> **<span id="s0008" class="video-span show-video" video="../Video/people.mp4" poster="../Images/unit2-6_image.png">people</span>**
      </h2>
</div>`

Two span tags for the two words, not three. The number of span tags should match the number of words

Expected:
Create spacing between the lines.

Current:
Notations
1 - overlaid text. Should be within own lines
2 and 3 - across several other images within pages noted in the issue subject, the images block text(s)

Expected:
The texts should be clearly visible and not blocked by the image

Current:
Issues are noted
1 - should not use digit. Should be 'forty-seven'
2 - video position and page number position are out of place
3 - scroll bar is visible. Should not have scroll bar on the page

Expected:
Fix positioning of the video and page number. We can reduce the td height.

Rename button label Check Answer to Answer

Applicable on page 50

Current:
The table heading is too close to the table. The table also overlays on the text below that reads "Get into groups...."

Expected:
Create spacing between table header and the table
The text "Get into groups...." and the table should be in distinct spaces.
We can reduce the td height in the table to fit all the content in the page

Current behaviour:
We do not have the heading levels 1 tags surrounding the span tags for unit number and text
.
Sample code for unit10 looks like this:

<div class="unit-into-header display-flex">
      <div class="unit-num"><span id="s2545">Unit</span> <span id="s2546">10</span></div>
      <div class="unit-name flex-grow-1"><span id="s2547">Story</span> <span id="s2548">telling</span></div>
</div>

Expected behaviour:
The unit numbers and text are the intoroduction to the topic. We recommend using heading level 1 tags to surround the span tags with a font-size of 40px (the current font-size used) to provide hierarchical structure and enhance accessibility while using assistive devices. Therefore the code will look something like this

<div class="unit-into-header display-flex">
      <div class="unit-num"><h1><span id="s2545">Unit</span> <span id="s2546">10</span></h1></div>
      <div class="unit-name flex-grow-1"><h1><span id="s2547">Story</span> <span id="s2548">telling</span></h1></div>
</div>

Current:
Some rows and images are not equal in size. For example the chair looks to be larger than the rest of the images and row height

Expected:
Use standard height for td so that all the rows are of same height. We can use the cell height for Blackboard image as standard height.