WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: status of Twitter Bootstrap and accessibility

for

Number of posts in this thread: 3 (In chronological order)

From: Len Burns
Date: Wed, Jun 12 2013 2:52PM
Subject: status of Twitter Bootstrap and accessibility
No previous message | Next message →

Nawaz and all,

I am revisiting this thread because an existing client is planning a major
project based on Twitter Bootstrap. In my follow up research to this
thread, what I am finding is that a number of people have created example
code incorporating ARIA into Twitter Bootstrap, but thus far this work has
not been pulled into the main code base. This means that each project using
this code must roll its own. Am I correct, or am I missing information?
Thanks so very much for your wisdom.

Regards,
-Len


From: Greg Gamble
Date: Wed, Jun 12 2013 4:14PM
Subject: Re: status of Twitter Bootstrap and accessibility
← Previous message | Next message →

Twitter Bootstrap does use Aria tags. It's the custom code you add to it that needs to be fixed. Bootstrap in of itself is pretty good from my testing. They just have different ideas on how things should work, and considering the people who are driving it, are doing a good job with it too.

Alerts are one area where they do things differently. They're developing it with a stoplight theme/view, where the color is the information part and the text is the fluff. Thats the reason they, the alerts, fail a contrast test.

Another issue that people complain about is the size of the code base. If you take only what your going to use, it's actually a descent size.

Greg

From: Maraikayar Prem Nawaz
Date: Thu, Jun 13 2013 8:27AM
Subject: Re: status of Twitter Bootstrap and accessibility
← Previous message | No next message

Hi Len,
You are correct. Bootstrap has many accessibility issues like color
contrast, Aria, Keyboard Accessibility, etc. When i last checked with
them they were busy with their BootStrap 3.0 release.

Again what is that you are going to use the BootStrap for? If it is for
layouts etc, then use it.
If it is for JavaScript components like tooltip, dropdown, modal dialog
etc., i would recommend to use Jquery or YUI as many of these accessibility
issues have been identified and fixed.

But if you still want to use it for javascript
components<http://twitter.github.io/bootstrap/javascript.html>; you
can see my code changes and apply on top of your code.


Best Wishes
-Nawaz



On Thu, Jun 13, 2013 at 3:44 AM, Greg Gamble < = EMAIL ADDRESS REMOVED = > wrote:

> Twitter Bootstrap does use Aria tags. It's the custom code you add to it
> that needs to be fixed. Bootstrap in of itself is pretty good from my
> testing. They just have different ideas on how things should work, and
> considering the people who are driving it, are doing a good job with it too.
>
> Alerts are one area where they do things differently. They're developing
> it with a stoplight theme/view, where the color is the information part and
> the text is the fluff. Thats the reason they, the alerts, fail a contrast
> test.
>
> Another issue that people complain about is the size of the code base. If
> you take only what your going to use, it's actually a descent size.
>
> Greg
>
>