Patron self-registration form needs better mobile design (responsiveness and accessibility)

Bug #1819238 reported by Eva Cerninakova on 2019-03-08
16
This bug affects 3 people
Affects Status Importance Assigned to Milestone
Evergreen
Undecided
Unassigned

Bug Description

The patron self-registration form is not responsive on mobile devices - the DOB, phone or email examples (etc.) overflow from the visible part of the interface and it is necessary to scroll to the right to see them. The form field are too wide, so they hit the green background.

Moreover, the examples are not accessible due to poor contrast: the examples texts (black) get on a dark green background) and its very hard to read them.

I have attached the screenshot illustrating the problem.

Eva Cerninakova (ece) wrote :
Jane Sandberg (sandbej) on 2019-03-08
tags: added: accessibility
Andrea Neiman (aneiman) on 2019-03-13
summary: - Patron self-registration form responsibility and ssibility on mobile
+ Patron self-registration form responsibility and accessibility on mobile
devices
Remington Steed (rjs7) on 2019-03-19
summary: - Patron self-registration form responsibility and accessibility on mobile
- devices
+ Patron self-registration form needs better mobile design (responsiveness
+ and accessibility)
Meg Stroup (mstroup) wrote :

Hi Eva,

The form fields on our mobile registration do not hit the background, so no scrolling is necessary (you still have to scroll to see the examples, as you say). I asked our webmaster how she accomplished this, and this is what she said:

"Have her check the width of each box in the CSS. If it’s set to a specific width (e.g. 600px), then ask her to change it to something like 98% instead. This is assuming the page (affected by the page width) is the white background and the green sidebar is treated separately. It might be helpful to add padding around everything as well: https://www.w3schools.com/cssref/pr_padding.asp

The contrast of the examples is just a font color change. Instead of #00000, change it to #FFFFFF."

Katie added that you're welcome to contact her at ksimmons (at) statelibrary.sc.gov.

To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers