Force change of aria-hidden when modal shows or hides

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

public/docs/release-notes.md

@@ -5,6 +5,7 @@
 ### Bugfixes
 - Fix error that Libravatar user avatars were not shown when using OAuth2 login
 - Fix `bin/manage_users` not accepting numeric passwords (thanks to [@carr0t2](https://github.com/carr0t2) for reporting)
+- Fix visibility of modals for screen readers
 
 ### Enhancements
 - Libravatar avatars render as ident-icons when no avatar image was uploaded to Libravatar or Gravatar

public/js/cover.js

@@ -32,6 +32,8 @@ require('./locale')
 require('../css/cover.css')
 require('../css/site.css')
 
+require('./fix-aria-hidden-for-modals')
+
 const options = {
   valueNames: ['id', 'text', 'timestamp', 'fromNow', 'time', 'tags', 'pinned'],
   item: `<li class="col-xs-12 col-sm-6 col-md-6 col-lg-4">

public/js/fix-aria-hidden-for-modals.js

@@ -0,0 +1,5 @@
+$(document).on('shown.bs.modal', function (event) {
+  $(event.target).attr('aria-hidden', 'false')
+}).on('hidden.bs.modal', function (event) {
+  $(event.target).attr('aria-hidden', 'true')
+})

public/js/index.js

@@ -93,6 +93,7 @@ require('../css/slide-preview.css')
 require('../css/site.css')
 
 require('highlight.js/styles/github-gist.css')
+require('./fix-aria-hidden-for-modals')
 
 let defaultTextHeight = 20
 let viewportMargin = 20