frontend icon indicating copy to clipboard operation
frontend copied to clipboard

Accessibility problem with TAB on register page (Missing order or not set order)

Open Tuscann opened this issue 1 year ago • 4 comments

Which area(s) of Podkrepi.bg are affected?

Desktop layout

Describe the Bug

Accessibility problem with TAB on register page

To Reproduce

  1. Open https://podkrepi.bg/en/register on desktop
  2. Click with mouse on First Name
  3. Click one time tab from keyboard go to Last Name
  4. Click one time tab from keyboard go to Email
  5. Click one time tab from keyboard go to Password
  6. (You are in password field) Click one time tab from keyboard. Nothing happen need to click second time tab from keyboard to go Confirm password
  7. (You are in confirm password field ) Click two times tab from keyboard go to I agree to the [Terms and Conditions
  8. Click one time tab from keyboard go to I understand and I agree to the [General Data Protection Regulation (GDPR)]

Why on password need to click two times Tab but on confirm password need only one tab?

Expected Behavior

Need to go click one tab every time on this page

Which browser are you using? (if relevant)

Vivaldi

Tuscann avatar Sep 02 '24 12:09 Tuscann

this is an expected behavior in this case. In the password and confirm password fields there is a button which shows/hides the text when clicked. This is where you are when you click tab while on the password and confirm password fields.

dparpulov avatar Sep 03 '24 17:09 dparpulov

@dparpulov Did you try step by step to reproduce the bug?

Tuscann avatar Sep 03 '24 18:09 Tuscann

@Tuscann Why do you think it's a bug when there's a button which you go to after you click tab once on both fields that has an action when it is clicked -> it shows or hides the text in the field? image

dparpulov avatar Sep 03 '24 18:09 dparpulov

The real problem is the missing outline of the element.

Here is an article Never remove CSS outlines that explains why it is not good practice.

ElitsaPetrova avatar Sep 03 '24 21:09 ElitsaPetrova