Easy to setup a button trigger/toggle with a bit of jQuery. Here’s a working example I made for you:
https://jsfiddle.net/8Le2tjvr/1/
The Code:
HTML:
<button id="impaired-button">Impaired Button</button>
jQuery
$('#impaired-button').click(function() {
$('body').toggleClass('impaired');
});
CSS
.impaired h1 {
font-size: 50px;
}
Just add .impaired before any css that you want specifically styled for impaired users. This will be shown when the button is clicked.
Related Posts:
- What would be the best method to code heading/title for ul or ol, Like we have caption in table?
- Stylesheet switching and caching
- How to change btn color in Bootstrap
- Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
- How to make the HTML link activated by clicking on the
- ?
- force footer on bottom on pages with little content
- Dynamically change color to lighter or darker by percentage CSS
- How do I right align div elements?
- CSS “margin: 0 auto” not centering
- CSS text-align not working
- What is the difference between “screen” and “only screen” in media queries?
- How to have an anim gif on a link and play it on hover and reset
- How can I make Bootstrap columns all the same height?
- Align text to the bottom of a div
- Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
- Using font awesome in codepen
- using media queries with LESS
- How can I apply styles to multiple classes at once?
- Responsive Canvas in Bootstrap column?
- CSS rotation cross browser with jquery.animate()
- How can I center
- into a div?
- Are there Gutenberg container blocks?
- How to add a “last” class to the last post in loop.php?
- How do i use fontawesome icons in TinyMce editor?
- Why won’t child theme’s style.css override plugin’s css
- some things in child theme css not overriding parent
- Load custom css after bootstrap
- How do I find (index) file in order to change style on CSS?
- Highlighting the current page in a navigation menu which links are generated with a custom loop?
- If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
- How to center a video [closed]
- Remove WordPress/Gutenberg button styles for ACF blocks
- Relative path instead of absolute for wp_enqueue_script
- Specific css on homepage, different one for other pages
- Media library style not loading correctly when selecting a page featured image?
- Use wp_add_inline_style to add code to before wp_head?
- Using uncss or similar with WordPress?
- How can i add note, caution, warning quote inside the text? [closed]
- Add to Cart button woocommerce background and with doesn’t display correctly
- How to enqueue a random css style?
- Output terms to post_class()
- Layout using Bootstrap not aligning correctly
- How To Add a Transition style to WordPress Comment Box? [closed]
- What’s the best way to add the LESS preprocessor to a WordPress theme?
- How to use Japanese characters for a single page
- How do I make header.php use different css for different pages?
- How to change header dimensions in WordPress?
- How to display custom style based on theme option select box
- How to disable the hover effect in WordPress and Elementor?
- What makes WP so SEO friendly?
- Implementing a simple slider in code?
- CSS – Initial HTML Margin Issue On WordPress Site
- Cannot set property ‘className’ of null at setThemeFromCookie
- Changing blog style [closed]
- How do I use inline styling with WordPress?
- node.js and webpack throws error when trying to setup node to watch theme folder for saved changes
- My CSS suddenly doesn’t load anymore [closed]
- why is my paypal button not clicable [closed]
- How can I move my custom css to the very bottom of the head section?
- Wrong image path within inline styles in the head
- How can I selectively insert a header for my shop page in woocommerce? [closed]
- WordPress Caption Formatting
- Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
- The Global Styles missing
- Invert porfolio item order
- Broken css on mobile phones only on https
- WordPress CSS completely broken on IIS
- Probleme d’emplacement
- Getting and setting CSS variables with JQuery in WordPress backend fails
- How to show address in one row?
- Set version number in child’s style.css file
- How to make a sidebar form show at the top of page on mobile?
- I want to transfer my additional css code to my theme file–?
- WordPress changing content:”” to content: "
- How to customize Metaboxes?
- Logo Keeps Changing to the Default for Transparent Settings
- Content going full width even though container is not
- Custom Plugin CSS: Can’t update them!
- Altering the design of WooCommerce notifications [closed]
- How can I add this specific link hover effect to a WP site? [closed]
- HTML5/CSS3 Polyfill for wp-login.php
- Bizarre WordPress CSS update problem
- Making a custom CSS per mobile
- Pages in another language
- Display current category without an active link in wp_list_categories
- Using a style sheet for modern browsers and another for older browsers
- How to insert a clickable and fixed background [duplicate]
- WordPress with PageLines theme: how to change the background color of a page? [duplicate]
- Will the following code make my css deal with images in the optimum way?
- Interactive maps in wordpress
- How to add input search field with roudned corners?
- s2member captcha how to make responsive – css or javascript
- Min height of page [closed]
- How to define a special character to change the style of my inline code?
- Why is the “Additional CSS” section missing in my theme Customizer?
- Is there a way to edit the fonts of headings without a plugin (in the 2022 theme)?
- Remove / Disable default custom.css?ver=1.0.0
- How to remove class=”wp-block-heading” from Heading tags?
- Website is not showing updated CSS
- How to hide button with CSS class?