Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs - Which accessibility standard is Bootstrap 4 following? WCAG 2.0 A, AA or AAA? #22406

Closed
changLiuUNSW opened this issue Apr 11, 2017 · 3 comments

Comments

@changLiuUNSW
Copy link

We are using Bootstrap 4 to build public facing application and the key requirement is that the site must meet WCAG 2.0 AA compliant.
Just want to know which accessibility standard is Bootstrap 4 following. WCAG 2.0 A, AA or AAA?
It is better to clarify it in the documentation.
Thanks

@changLiuUNSW changLiuUNSW changed the title (v4): Which accessibility standard is Bootstrap following? WCAG 2.0 A, AA or AAA? Which accessibility standard is Bootstrap 4 following? WCAG 2.0 A, AA or AAA? Apr 11, 2017
@changLiuUNSW changLiuUNSW changed the title Which accessibility standard is Bootstrap 4 following? WCAG 2.0 A, AA or AAA? Doc - Which accessibility standard is Bootstrap 4 following? WCAG 2.0 A, AA or AAA? Apr 11, 2017
@changLiuUNSW changLiuUNSW changed the title Doc - Which accessibility standard is Bootstrap 4 following? WCAG 2.0 A, AA or AAA? docs - Which accessibility standard is Bootstrap 4 following? WCAG 2.0 A, AA or AAA? Apr 11, 2017
@bkdotcom
Copy link
Contributor

https://www.w3.org/TR/WCAG20/#guidelines

1 Perceivable

  1. Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.
  2. Provide alternatives for time-based media.
  3. Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
  4. Make it easier for users to see and hear content including separating foreground from background.

2 Operable

  1. Make all functionality available from a keyboard. 😃
  2. Provide users enough time to read and use content.
  3. Do not design content in a way that is known to cause seizures.
  4. Provide ways to help users navigate, find content, and determine where they are.

3 Understandable

  1. Make text content readable and understandable.
  2. Make Web pages appear and operate in predictable ways.
  3. Help users avoid and correct mistakes.

4 Robust

  1. Maximize compatibility with current and future user agents, including assistive technologies.

Bootstrap is a frame work. It makes it possible to create compliant websites, but compliance is still up to the developer. It also allows you to create a website that is very much not in compliance.

@Johann-S Johann-S added the docs label Apr 11, 2017
@patrickhlauke
Copy link
Member

we strive towards making interactive controls/widgets expose all the correct roles/values/state properties (to satisfy, say, 4.1.2), to make things works with keyboard (2.1.1). Some of the default colours / their combinations do not meet color contrast requirements (so would fail 1.4.3 / AA).

but beyond that, as @bkdotcom noted, this is simply a framework. a set of tools. still up to the developer to make sure what they're building WITH it meets accessibility requirements. but for the most part (barring bugs of course), it should be at least feasible to use vanilla bootstrap and (provided you know what you're doing) build something A or even AA (depending on use of colours) compliant.

@changLiuUNSW
Copy link
Author

changLiuUNSW commented Apr 12, 2017

@patrickhlauke
I totally agree that Bootstrap is a framework and developers can customize it to meet A or AA.
However, I still believe it is better to clarify accessibility standard/level in the documentation, because some companies take accessibility very seriously when choosing third party frameworks.
Take my company (Bank) for example, we did a lot of discussion whether we can use Bootstrap or not, but some people still think Bootstrap is not accessible like early Bootstrap 2 and 3.
We did a lot of efforts to tell/demonstrate how good the Bootstrap 4 accessibility is, but they still have some concerns about it.
I really appreciate all the efforts you guys did for accessibility in Bootstrap 4 and it would be a big help for us if you guys can clarify accessibility standard/level in the documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants