For those with knowledge on Material Design and 508 compliance - are there any issues with using an "outlined" text field vs the filled" text field? We're thinking of using the "outlined" text fields, but want to make sure we are being 508 compliant.

Any advice is appreciated, thanks!

  • 1
    Why do you think outlined fields are or aren't 508 compliant? Jan 10, 2020 at 5:46
  • Here are some places where you ought to start to learn more about accessibility standards. w3.org/WAI/standards-guidelines/wcag developer.microsoft.com/en-us/windows/accessible-apps The core requirement of accessibility is that a person, no matter what his handicap, should be able to use the software to achieve his aims. Is information conveyed by the outline? If so then there needs to be a11y means to convey that information. If it is decorative then you don't need to worry.
    – C'est Moi
    Jan 12, 2020 at 20:38

1 Answer 1


As long as the fill or outline is clearly visible and adheres to whatever contrast standard you wish to adhere to then the only real difference between the two fields is which looks better in your design. I tend to use filled when you need to draw attention to one or two inputs in a dense design as they have slightly more visual prominence especially on colored backgrounds. They are useful for calls to action such as search fields or login fields on a colored UI component. I find outlined fields are better in larger forms where you have more space to separate form fields. The main thing is to be consistent.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.