search

PSUEducationalEquity / plonetheme.eeq

Plone Diazo theme for Penn State Educational Equity website
0 stars 0 forks source link

Make hero title an H1 on the office home page #55

Open paulrentschler opened 2 years ago

paulrentschler commented 2 years ago

For things like the office home page layout we want the ability to add the "title" to the page but keep it visually hidden yet available to screen readers (e.g., the CSS hiddenStructure class)

alecpm commented 2 years ago

@paulrentschler I think this might be best done using a simple Rich Text Tile, with either the hidden structure class added to the WYSIWYG format menu (if it's not already there) or using the source editor in the WYSIWYG. The title element can always be removed from a customized layout and a customized H1 placed in the body or other rich text tile with custom styling.

paulrentschler commented 2 years ago

@alecpm I am concerned with that approach in that we might wind up with an office title that does not match what we have entered into the Rich Text Tile since I am assuming there is no way to insert variables into the Rich Text Tile.

Having some more time to consider this, what we were really after was a way to have the name of the office appear on the office home page for screen readers as an H1 tag but be hidden from visual visitors. Now I am thinking that a CSS rule would accomplish this easy enough.

alecpm commented 2 years ago

@paulrentschler This is pushed to master, please deploy to the server at your convenience.