Bulma: Screenreader Support

[jbrooksuk]

Bootstrap has sr-only which will show an element for screenreaders only. Bulma seems to be missing this.

[TroyAlford]

Love this suggestion. I think Bootstrap is likely to be one of the primary points of comparison for people who are considering using Bulma. While full feature-parity is probably not necessary, some of the nice semantics around screen readers and accessibility might be important.

[jbrooksuk]

@TroyAlford I implemented this in https://github.com/jgthms/bulma/pull/153, what do you think?

[TroyAlford]

@jbrooksuk love it, and the fact that it mirrors .sr-only and .sr-only-focusable from bootstrap.

[jbrooksuk]

:+1:

[ghengeveld]

Any update on this?

[viki53]

Same here, this should be a standard feature in Bulma. Accessibility is not an option, it should be available from the start.

Why not merge #153 if it works?

[Vinnl]

@jgthms You're currently assigned to this - are you still working on it? If not, are there pointers for what a solution should look like/adhere to, so other people can contribute?

[polyjitter]

I will not be using Bulma unless it is built with accessibility in mind. A non-accessible web is inexcusable and worthless.

[EmmanuelSimond]

@viki53 "this should be a standard feature in Bulma. Accessibility is not an option, it should be available from the start."

Bulma is v. 0.7.1+ only. Sure Accessibility will be here in v.1.0

[EmmanuelSimond]

@taciturasa "(...) built with accessibility in mind"

Bulma is v. 0.7.1+ only. Sure Accessibility will be here in v.1.0

[anton-g]

This have been added in #1764. The documentation on bulma.io is already updated (why?) but it won't be available until @jgthms releases 0.7.2 on npm.

[Muhnad]

@jbrooksuk thanks for reporting this issue. the issue from 2016 and we added it to bulma lately I'm so sorry for that and for everyone who use/ed bulma.

I think we need to report all screenreader issues in this Issue to can figure out how to start fixing it and add it to bulma.