podkrepi-bg / frontend

Charity platform https://podkrepi.bg Docs https://docs.podkrepi.bg
https://podkrepi.bg
MIT License
177 stars 88 forks source link

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

Open Tuscann opened 2 months ago

Tuscann commented 2 months ago

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

dparpulov commented 2 months ago

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.

Tuscann commented 2 months ago

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

dparpulov commented 2 months ago

@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

ElitsaPetrova commented 2 months ago

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.