accessibility changes
Created by: whunter
COMPEL accessibility changes
JIRA Ticket: (https://webapps.es.vt.edu/jira/browse/LIBTD-1326) (
What does this Pull Request do? (
This pull request makes updates the COMPEL design to be more accessible to users with different abilities.
What's the changes? (
- increased font sizes
- increased color contrast
- modifies alt-text
- fixes navbar rendering for smaller screensizes and navbar toggle button functionality
How should this be tested?
- Check to make sure that text is legible and increased size doesn't cause any problems.
- Test navbar by resizing your browser window. Under 1150px the navbar should disappear and a toggle button should appear top left. Click toggle button to open and close navbar.
Merge request reports
Activity
I initially tried using the chrome emulator with other phones/devices, but there are articles describing inaccuracies when using it compared to a real device, so I'm disregarding those and deleting previous comments about that.
I tried it out on chrome and safari. And, I can see the hamburger menu too when I reduce the size of the browser. Visually, the fonts appear to be big enough and have enough contrast to me. As far as I can tell, it looks good.
Edit:
Also, I can see the image alt tag on the home page when I inspect it, so I'm guessing that's good. I see the updated alt tag of the title on the listing of works images from my dashboard. However, do we need to have those alt tags modified everywhere? When I do a blank search from the home page, the search results don't have alt tags that are as useful (i.e., id instead of title).
I think there might be a responsive design issue. From the dashboard, if I make the browser small, the search box bleeds into the section below.
Similarly, the "Computer Music Library" next to the search box from the dashboard may also bleed into the section below when resizing and potentially obscure text/links.
