How to hide the extra headings in Genesis 2.2

[Rian Rietveld]

If you update to Genesis 2.2 and activate the accessibility features, you may see some extra headings in your theme.

If you want to get rid of them, don’t remove them with a remove_action, but hide them with CSS.
Blind people need those headings to navigate and understand a web page.

Don’t hide them with display: none, but with the .screen-reader-text class.
This class is included in the new sample theme: https://github.com/copyblogger/genesis-sample/blob/develop/style.css
If you want to know more about how to use the accessibility features read: http://genesis-accessible.org/2015/07/genesis-2-2-accessibility-changes-and-features/
If you have any questions, ask them in the #accessibility channel.

[Victor Font]

As an FYI, the new accessibility features have broken a few sites that have custom searches or dashicons in the menu. The dashicons disappear. This has happened on Parallax Pro and Magazine Pro so far. I've had to remove 'drop-down-menu', 'search-form', and 'skip-links' from the add theme support array to make the website appear normal again. It's going to take a lot of effort to figure out why the accessibility code is breaking these sites. I'm happy we're heading in this direction, but the new features shouldn't be breaking sites.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Rian Rietveld]

Hey Victor, do you have links to one of those sites for me?

[Victor Font]

Yes, you can look at http://victorfont.com/ and http://sunshinestateskinny.com/. The first is my production site and the second is a site that is going live next week.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Nathan Rice]

Neither of those sites look broken to me. If you have a site that isn't live, please leave the a11y features turned on so we can see what the broken menus look like.

[Victor Font]

I fixed my primary site. I still need to fix my client's. In order to add the search icon on the menu, I have custom code that looks for 'menu genesis-nav-menu' in $args->menu_class. The addition of super-fish changes the menu_class. I had to change my code to read:

if ( strpos( $args->menu_class, 'menu genesis-nav-menu' ) === false )

As an FYI, I just posted this article: http://victorfont.com/accessibility-genesis-framework/ to my 30,000 LinkedIn contacts. I'm hoping it brings Studio Press some business.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[jerrylcowan]

FYI!

Add to the functions.php of your child theme (or the file where you store your add_theme_support options) the code:

add_theme_support( 'genesis-accessibility', 
  array( 'headings', 'drop-down-menu', 'search-form', 'skip-links', 'rems' ) 

[sachtotvn]

How can you activate the options you need and what to look out for to keep your own.
Ebook online doc sach dien tu online hay nhat tren internet

---

?‘ọc sách trực tuyến hay nhất, ?‘ọc sách ?‘iện tử online bản quyền, nghe kho sách nói online hay nhất, ?‘ọc ebook ngôn tình hay chất lượng. nhạc chờ viettel hay nhất trên mạng

[Rian Rietveld]

@sachtotvn
Please read: http://genesis-accessible.org/2015/07/genesis-2-2-accessibility-changes-and-features/

[neerajojha5000]

Genesis 2.2 was causing some plugin compatiblity issue but 2.3 did fixed it. Thanks for that and your tutorial for hiding the navigation with CSS did worked. As usual initially I was using display: none;

---

[Nevil Patel]

If your active child theme does not already include the CSS for .screen-reader-text, add this in style.css

.screen-reader-text,
.screen-reader-text span {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

Hope this helps.

---

Blogger at Techno Nutty

[jonneal3]

Hey guys. For my genesis child theme, I will check it on certain mobile devices and the "genesis framework supports html 5 and mobile responsive design" header logo appears. Any idea how to get rid of this logo and display the "image logo as header that is supposed to show?

[Rian Rietveld]

Hi Jonneal3,

The logo is present in 2 formats, one for normal screen ([email protected]) and one for mobile/retina screen
([email protected]). This is defined in style.css
You can replace [email protected] with your own logo or remove the [email protected] from the stylesheet.

[jonneal3]

This reply has been marked as private.

[Rian Rietveld]

LOL@vinay123012, this is a first for me: someone stealing text from one of my blogposts and using it for spam. Get a life please...

[Rian Rietveld]

Due to the spam in the replies I'm unsubscribing this post. If you want my help or have issues with the accessibility of Genesis, please contact me in the Genesis Slack #accessibility channel @rianrietveld

And thanks to all the spammers for wasting everybody's time and preventing real support here :-s
Rian

[Susan]

I am closing this thread due to the number of spammers. If you still have questions, please contact @Rian directly, or start a new thread. Thanks!

[trucosgta]

Thanks admin =)

---

my site trucos gta

[Author]

Posts