Skip to content

Accessible media#7

Open
lukeware wants to merge 4 commits intomasterfrom
accessible-media
Open

Accessible media#7
lukeware wants to merge 4 commits intomasterfrom
accessible-media

Conversation

@lukeware
Copy link
Collaborator

@lukeware lukeware commented Nov 4, 2016

Issue: #1

This branch added listen buttons to each poem in the archive. The buttons link to corresponding media files in the /media folder for each poem. Once there is a pull request for the poetry archive page I will be able to see how the content has changed and then we will be able to update the media links accordingly.

but longed for still”
</p>
<a class="btn btn-primary" href="#">Read More <span class="glyphicon glyphicon-chevron-right"></span></a>
<a class="btn btn-primary" href="/media/Maya-Angelou-Caged-Bird.mp3">Listen <span class="glyphicon glyphicon-music"></span></a>
Copy link
Collaborator

@kiranw06 kiranw06 Nov 6, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome work with the audio tracks! It's great that you included tracks of the poems being read live, in my opinion that provides a much better experience for the user than automated or dull narration.

If we had more time to work on this it would be awesome to hone in on the listening option a bit more. Maybe we could allow users to listen to the audio while reading along with the full poem in the modal? It would also be helpful for the user to have an option to close the audio view without having to rely on the back button with their browser.

Copy link
Collaborator

@kiranw06 kiranw06 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everything is looking good here! I like how you built out the audio feature because it it improves accessibility and the overall user experience for everyone. 👍

Like I've mentioned in reviewing our other branches we'll just need to watch to make sure we don't accidentally overwrite changes in the merging process. In this case we'll have to make sure we merge the audio features to the most up to date version of the archive page.

Copy link

@meganmotis meganmotis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excellent job with the accessible media, Luke!

You may stand upon me, <br>
But do not hide your face.”</p>
<a class="btn btn-primary" href="#">Read More <span class="glyphicon glyphicon-chevron-right"></span></a>
<a class="btn btn-primary" href="/media/Maya-Angelou-On-the-Pulse-of-the-Morning.mp3">Listen <span class="glyphicon glyphicon-music"></span></a>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work adding in the glyphicon-music. I think little touches like those go a long way towards the usability of the site.

<div class="container">
<h1>Maya Angelou</h1>
<figure>
<img src="/media/maya-image.jpg" alt="" width="320" height="213">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like this image of Maya, though I'm wondering if you considered using the class 'img-responsive' instead of setting a fixed width and height?

Your hands”<br>
</p>
<a class="btn btn-primary" href="#">Read More <span class="glyphicon glyphicon-chevron-right"></span></a>
<a class="btn btn-primary" href="/media/Maya-Angelou-Human-Family.mp3">Listen <span class="glyphicon glyphicon-music"></span></a>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Luke, really nice job with the accessible media and finding all of these great .mp3 versions of the poems.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

Comments