podkrepi-bg/frontend

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

Opened this issue · 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

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 Did you try step by step to reproduce the bug?

@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

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.