Are there other Blazor components that are more ADA compliant?

Question

We're getting close to finishing our first Blazor application, to replace a legacy ASP.NET WebForms app. It's been a struggle, more than I anticipated, but I do love working on a new (to me) technology, Blazor.

However, there is one person on the team who absolutely hates Blazor. This guy is fantastic at UI. Also, as a state department we are under the gun to get all our applications Americans with Disabilities Act (ADA) compliant. This fellow particularly hates the use of HTML tables, which I get the feeling all out-of-the-box Blazor components, renders. He would prefer that we stick with Bootstrap components instead. Yes, I could write Blazor components, although I did lose an argument with other team members who insisted that we scrap the component I'd written to be used on two Blazor pages in favor of duplicating code from one page to the second page. Anyway, bottom line, I'd like to know if there is a Blazor component library which generates Bootstrap code, with rows, etc., instead of HTML tables?

Answer 1

while you can use bootstrap CSS with Blazor, like with many frameworks that use a virtual dom, you can run into issues using the bootstrap js components as the components make dom changes the framework does not know about.

To get around this issue, typically you rewrite the components in the framework. I’ve used react bootstrap libraries. There is one for Blazor but have never used:

https://demos.blazorbootstrap.com

Answer 2

While the provided context does not specifically mention a Blazor component library that generates Bootstrap code instead of HTML tables, Blazor does support the use of custom components and third-party libraries that can help achieve ADA compliance and utilize Bootstrap styles. You can create your own Blazor components that render Bootstrap-compatible HTML, which may help address your team's concerns about using tables.

Additionally, many developers use libraries like Blazorise or Telerik UI for Blazor, which provide components that can be styled with Bootstrap and may offer more flexibility in terms of layout and accessibility. These libraries often include components that are designed with accessibility in mind, which could help in meeting ADA compliance requirements.

It might be beneficial to explore these options and see if they align with your team's needs for both functionality and compliance.