primereact icon indicating copy to clipboard operation
primereact copied to clipboard

InputText: Use relative rather than absolute units with 'font-size'

Open pixelsunrise opened this issue 4 months ago • 0 comments

Describe the bug

There is an issue from accesibility validator for InputText:

WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them.

.p-float-label input:focus ~ label, .p-float-label input:-webkit-autofill ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label, .p-float-label .p-tooltip-target-wrapper ~ label {
   top: -0.75rem;
   font-size: 12px;
}

Reproducer

No response

System Information

System:
    OS: Windows 10 10.0.19045
    CPU: (6) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz
    Memory: 3.44 GB / 15.87 GB
  Binaries:
    Node: 20.10.0 - C:\Program Files\NodeJS 20.10.0\node.EXE
    npm: 10.2.3 - C:\Program Files\NodeJS 20.10.0\npm.CMD
  Browsers:
    Edge: Chromium (140.0.3485.54)
    Internet Explorer: 11.0.19041.5794

Steps to reproduce the behavior

  1. Validate website which contains InputText with Accesibility Validator

Expected behavior

No WCAG error regarding: WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'.

pixelsunrise avatar Sep 15 '25 09:09 pixelsunrise