Blocks: Accessibility
block_accessibility
Maintained by
Brickfield Education Labs
Provides options for changing text size and colour scheme. Settings can be saved to persist between sessions. Also integrates ATbar from Southampton University ECS.
2504 sites
478 downloads
65 fans
Current versions available: 2
The block allows users to customise Moodle to their visual needs. It supports changing of text sizes and colour schemes. Customisations save to the user's session, allowing them to persist between pages, and can also be saved to the database allowing them to apply permanently.
The block also integrates ATBar from Southampton University ECS. This provides extra tools and customisation options, including dictionary lookup and Text-to-speech. Visual customisations performed with ATBar don't currently persist, and can be used as well as or instead of the block's own customisations.
Please dont report bugs here
If you experience an error with the block, or would like to request a feature, please use the "Bug Tracker" link below.
Contributors
Brickfield Education Labs (Lead maintainer)
Mark Johnson: Original maintainer
Hrvoje G
Hittesh Ahuja: Previous maintainer
Please login to view contributors details and/or to contact them
Greetings.
Verónica.
Is there a version compatible with Moodle 3.4? or Moodle 3.5?
Word of caution: Using custom CSS to style your Moodle site does ~not~ play well with ATbar either. (As admin: go to Dashboard / Site administration / Appearance / Themes / Boost, then Advanced settings.)
I'm using the following relevant custom styling; it works fine for screens / internet browsers wider than about 780px. But the "move ATbar buttons to the right a bit" fix causes them to overlap each other on smaller screens.
Raw initial SCSS
```
html, body {
font-size: 16px;
}
.breadcrumb-item {
font-size: 1.125rem;
}
.instancename {
font-size: 1.25rem;
}
.sectionname {
font-size: 1.625rem;
}
.mr-2 {
font-size: 1.5rem;
}
#page-content {
font-size: 1.125rem;
}```
Raw SCSS
```
body div#sbarGhost, body div#sbar {
top: 50px !important;
}
body div#sbar {
a#sbarlogo {
position: relative;
left: 140px !important;
margin-left: 140px !important;
}
div#at-btn-ftw, div#at-btn-resizeUp, div#at-btn-resizeDown, div#at-btn-fontSettings, div#at-btn-spell, div#at-btn-dictionary, div#at-btn-tts, div#at-btn-wordprediction, div#at-btn-css, div#at-btn-overlay {
position: relative;
left: 140px !important;
}
}```
This is a great plugin, and still works on 3.6. We are really keen to see it continue to be developed. Can I have a conversation about how we can help see an update to this.
I have sent a contact request.
Ken
It has been long years since the plugin was initially released and surely back then there was a need and common practice to have such tools improving the accessibility on the website. But since then the whole Web has changed, the websites, browsers, browsing devices, assistive technology and even the accessibility guidelines.
Here is a quote from well accepted accessibility resource WebAIM describing it as a bad practice: "All browsers allow the sizing or scaling of the page content - why duplicate this browser functionality?" > https://webaim.org/articles/gonewild#options
What do I have to do in index.php?
If I have to change the file, when I update Moodle, the changes will be lost.